:root{--navy:#0b1f4f;--blue-900:#0b2a6b;--blue-700:#1550b8;--blue-600:#1e6fd0;--blue-500:#2b8be0;--blue-400:#3fa9f5;--blue-100:#e3eefc;--blue-50:#f0f6ff;--line:#d6e4fb;--muted:#5b6b8c;--white:#fff;--ok:#16a34a;--warn:#f59e0b;--danger:#dc2626;--radius:12px;--shadow:0 4px 20px rgba(21,80,184,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Assistant,Rubik,Segoe UI,Arial,Helvetica,sans-serif;background:var(--blue-50);color:var(--navy);direction:rtl;font-size:15px;line-height:1.5}a{color:var(--blue-700);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:24px;margin:0 0 4px}h2{font-size:18px;margin:0 0 12px}h3{font-size:15px;margin:0 0 8px}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:linear-gradient(180deg,var(--blue-900),var(--blue-700));color:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:6px;flex-shrink:0;min-height:100vh}.sidebar .brand{background:#fff;border-radius:12px;padding:8px;display:flex;align-items:center;gap:10px;margin-bottom:14px}.sidebar .brand img{width:52px;height:52px;object-fit:contain}.sidebar .brand b{color:var(--navy);display:block;font-size:16px}.sidebar .brand small{color:var(--blue-700);font-size:12px}.sidebar nav a{display:flex;align-items:center;gap:10px;color:#dbe8ff;padding:10px 12px;border-radius:10px;font-weight:600}.sidebar nav a:hover{background:#ffffff1a;text-decoration:none;color:#fff}.sidebar nav a.active{background:#fff;color:var(--blue-700)}.sidebar nav a .badge{margin-inline-start:auto}.sidebar .bottom{margin-top:auto}.sidebar .bottom button{width:100%;background:#ffffff1f;color:#fff;border:0}.main{flex:1;padding:24px 28px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.topbar p{margin:0;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.kpi .label{color:var(--muted);font-size:13px;font-weight:600}.kpi .value{font-size:28px;font-weight:800;color:var(--blue-700);margin-top:4px}.kpi .sub{font-size:12px;color:var(--muted)}.charts{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-top:16px}.btn,button{display:inline-flex;align-items:center;gap:6px;background:var(--blue-700);color:#fff;border:1px solid var(--blue-700);padding:9px 16px;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.btn:hover,button:hover{background:var(--blue-900);text-decoration:none}.btn.secondary,button.secondary{background:#fff;color:var(--blue-700)}.btn.secondary:hover,button.secondary:hover{background:var(--blue-100)}.btn.small,button.small{padding:5px 10px;font-size:13px}button.danger{background:#fff;color:var(--danger);border-color:#f3c4c4}button.danger:hover{background:#fdeaea}input,select,textarea{font:inherit;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--blue-400);border-color:var(--blue-400)}textarea{min-height:90px;resize:vertical}label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:4px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.form-grid .full{grid-column:1/-1}.filters{display:grid;grid-template-columns:2fr repeat(6,1fr) auto;gap:10px;align-items:end;margin-bottom:16px}@media(max-width:1200px){.filters{grid-template-columns:repeat(3,1fr)}}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:right;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{background:var(--blue-50);font-size:13px;color:var(--muted);white-space:nowrap}th a{color:inherit}tr:hover td{background:#f8fbff}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;white-space:nowrap}.badge.light{background:var(--blue-100);color:var(--blue-700)}.muted{color:var(--muted)}.small{font-size:13px}.flash{padding:10px 14px;border-radius:10px;background:#e8f7ee;color:#11632f;border:1px solid #bfe6cc;margin-bottom:16px}.flash.err{background:#fdeaea;color:#8a1c1c;border-color:#f3c4c4}.empty{padding:30px;text-align:center;color:var(--muted)}.bars{display:flex;flex-direction:column;gap:9px}.bar-row{display:grid;grid-template-columns:130px 1fr 44px;gap:10px;align-items:center;font-size:13px}.bar-track{background:var(--blue-50);border-radius:6px;height:16px;overflow:hidden}.bar-fill{height:100%;border-radius:6px;background:linear-gradient(270deg,var(--blue-400),var(--blue-700))}.vchart svg{width:100%;height:auto;display:block}.board{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.col{background:#e9f1fd;border-radius:var(--radius);min-width:250px;width:250px;flex-shrink:0;display:flex;flex-direction:column;max-height:calc(100vh - 150px)}.col-head{padding:12px;display:flex;align-items:center;justify-content:space-between;border-top:4px solid var(--c);border-radius:var(--radius) var(--radius) 0 0;background:#fff}.col-head b{font-size:14px}.col-head small{color:var(--muted)}.col-body{padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:120px;flex:1}.col.drag-over .col-body{background:#d3e4fb;outline:2px dashed var(--blue-500);outline-offset:-4px;border-radius:0 0 var(--radius) var(--radius)}.kcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;cursor:grab;box-shadow:0 1px 3px #0b1f4f0f}.kcard:active{cursor:grabbing}.kcard.dragging{opacity:.45}.kcard .t{font-weight:700;display:flex;justify-content:space-between;gap:6px}.kcard .m{font-size:12px;color:var(--muted);margin-top:4px;display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}.detail{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start}@media(max-width:1000px){.detail{grid-template-columns:1fr}}.timeline{list-style:none;margin:0;padding:0}.timeline li{border-inline-start:3px solid var(--blue-100);padding:0 14px 14px;position:relative}.timeline li:before{content:"";position:absolute;inset-inline-start:-8px;top:3px;width:13px;height:13px;border-radius:50%;background:var(--blue-500);border:2px solid #fff}.timeline li.t-status:before{background:var(--blue-900)}.timeline li.t-call:before{background:var(--ok)}.timeline li.t-email:before{background:var(--warn)}.timeline li.t-ai:before{background:#7b61ff}.timeline .when{font-size:12px;color:var(--muted)}.timeline .what{white-space:pre-wrap}.stage-steps{display:flex;flex-wrap:wrap;gap:6px}.stage-steps button{background:#fff;color:var(--blue-700);border:1px solid var(--line);padding:6px 10px;font-size:13px}.stage-steps button.cur{background:var(--blue-700);color:#fff}.ai-box{background:linear-gradient(135deg,#f3f0ff,#eaf3ff);border:1px solid #d9d1ff;border-radius:10px;padding:12px;white-space:pre-wrap}.overdue{color:var(--danger);font-weight:700}.today{color:var(--warn);font-weight:700}.msg-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:820px){.app{flex-direction:column}.sidebar{width:100%;min-height:0;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.sidebar .brand img{width:40px;height:40px}.sidebar nav a{padding:7px 9px;font-size:14px}.sidebar .brand{margin:0}.sidebar nav{display:flex;flex-wrap:wrap;gap:4px}.sidebar .bottom{margin:0}.main{padding:16px}}