:root{--brand: #28297C;--brand-2: #1E1F62;--brand-50: #EEEEF8;--brand-100: #DCDCF1;--brand-ui: #28297C;--bg: #F4F5FB;--card: #FFFFFF;--hover: #F4F5FB;--ink: #15172E;--ink-2: #2B2E4A;--faint: #5A5E7A;--line: #E3E5EE;--chip: #EEEFF8;--ok: #0A5C43;--ok-50: #DDF3EA;--money: #0B7A5A;--warn: #8A3B08;--warn-50: #FDF0D9;--attention: #E59A2B;--bad: #A3213F;--bad-50: #FDE4EA;--info: #1D4ED8;--info-50: #E6EEFD;--gold: #F5B82E;--gold-50: #FCEFC4;--gold-text: #5C3F00;--cards: #5B5FD6;--cards-50: #ECEBFB;--cards-text: #4346B8;--electric: #2563EB;--live: #06B6D4;--live-50: #E0F7FB;--focus: #0891B2;--font: "Plus Jakarta Sans", "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;color-scheme:light;--radius: 12px}:root[data-theme=dark]{--brand: #5458E0;--brand-2: #0E1030;--brand-50: #1D2050;--brand-100: #2E3270;--brand-ui: #A9ACFF;--bg: #0B0D22;--card: #14173A;--hover: #1B1F48;--ink: #ECEDFA;--ink-2: #D3D5F0;--faint: #A3A6C8;--line: #2A2E5A;--chip: #1F2350;--ok: #5FD3A6;--ok-50: #0F3A2E;--money: #5FD3A6;--warn: #F2B866;--warn-50: #3A2A10;--bad: #FF8FA8;--bad-50: #3C1724;--info: #8FB3FF;--info-50: #172A55;--gold-50: #3A2F10;--gold-text: #F5D37A;--cards-50: #24245A;--cards-text: #B9BBFF;--live-50: #0E3240;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:14px;color:var(--ink);background:var(--bg)}h1{font-size:22px;margin:2px 0 14px}h2{font-size:17px}h3{font-size:14px;margin:0 0 10px}.muted,small{color:var(--faint)}.error{color:var(--bad)}.num{font-variant-numeric:tabular-nums}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.btn{border:1px solid var(--brand-100);background:var(--card);color:var(--brand);border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer;font:inherit}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brand-100);outline-offset:1px}.link{background:none;border:0;color:var(--brand);cursor:pointer;font:inherit}.link.light{color:#fff}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:var(--card);color:var(--ink);min-inline-size:0}.field{display:flex;flex-direction:column;gap:4px;margin-block-end:12px}.field>span{font-size:12px;font-weight:600;color:var(--ink-2)}.field em{color:var(--bad);font-style:normal}.field.has-error input{border-color:var(--bad)}.otp{letter-spacing:.5em;font-size:22px;text-align:center;inline-size:12ch}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-block-end:14px}.card header{display:flex;justify-content:space-between;align-items:center;margin-block-end:8px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-block-end:14px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:4px}.kpi span{color:var(--faint);font-size:12px}.kpi b{font-size:18px}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600}.badge.ok{background:var(--ok-50);color:var(--ok)}.badge.warn{background:var(--warn-50);color:var(--warn)}.badge.bad{background:var(--bad-50);color:var(--bad)}.badge.info{background:var(--info-50);color:var(--info)}.badge.muted{background:var(--chip);color:var(--ink-2)}.notice{border-radius:8px;padding:10px 12px;margin-block-end:12px}.notice.info{background:var(--info-50);color:var(--info)}.notice.bad{background:var(--bad-50);color:var(--bad)}.notice.warn{background:var(--warn-50);color:var(--warn)}table{inline-size:100%;border-collapse:collapse}th{text-align:start;background:var(--chip);color:var(--ink-2);font-weight:600;font-size:12px;padding:8px}td{padding:8px;border-block-end:1px solid var(--chip)}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--brand-50)}.scroll-x{overflow-x:auto}.empty{text-align:center;color:var(--faint);padding:24px}.skeleton td span{display:block;block-size:9px;border-radius:5px;background:var(--brand-100);inline-size:70%}.filterbar{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:10px}.pager{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-block-start:8px;color:var(--faint)}.shell .top{background:var(--card);color:var(--ink);border-block-end:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-inline:18px;block-size:48px}.brand{font-weight:700}.ribbon{background:var(--warn);color:#fff;text-align:center;font-size:11px;font-weight:700}.body{display:flex;min-block-size:calc(100vh - 48px)}.side{inline-size:220px;background:var(--card);border-inline-end:1px solid var(--line);padding-block:10px;flex-shrink:0}.side .who{padding:0 16px 10px;border-block-end:1px solid var(--line);display:flex;flex-direction:column}.side .group{color:var(--faint);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:10px 16px 3px}.side .item{display:block;padding:6px 16px;color:var(--ink);text-decoration:none}.side .item.on{background:var(--brand-50);color:var(--brand);font-weight:700;border-inline-start:3px solid var(--brand)}.main{flex:1;padding:18px 24px;min-inline-size:0}.crumb{color:var(--faint);font-size:12px;margin:0}.idle{margin:8px 16px 0}.modal-back{position:fixed;inset:0;background:#17193373;display:grid;place-items:center;z-index:10}.modal{background:var(--card);border-radius:14px;padding:22px;inline-size:min(420px,92vw)}.center-card{max-inline-size:440px;margin:8vh auto;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px}.diff td:nth-child(2){color:var(--bad);text-decoration:line-through}.diff td:nth-child(3){color:var(--ok);font-weight:600}code{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px}@media (max-width: 760px){.side{display:none}.main{padding:14px}}.usermenu{position:relative}.avatar-btn{display:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;cursor:pointer;font:inherit;padding:4px 6px;border-radius:8px}.avatar-btn:hover,.avatar-btn[aria-expanded=true]{background:#ffffff1f}.avatar{inline-size:30px;block-size:30px;border-radius:50%;background:var(--brand-100);color:var(--brand-2);display:grid;place-items:center;font-weight:700;font-size:12px}.umenu{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 6px);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-inline-size:230px;box-shadow:0 8px 24px #17193326;padding:6px;z-index:20;display:flex;flex-direction:column}.umenu .uhead{padding:8px 10px;display:flex;flex-direction:column;border-block-end:1px solid var(--line);margin-block-end:4px}.umenu a,.umenu button{text-align:start;padding:8px 10px;border-radius:6px;color:var(--ink);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.umenu a:hover,.umenu button:hover{background:var(--brand-50)}.umenu .danger{color:var(--bad)}.umenu hr{border:0;border-block-start:1px solid var(--line);margin:4px 0}.kv3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.kv3 div{display:flex;flex-direction:column;gap:2px}@media (max-width: 760px){.uname{display:none}}h1{font-weight:800;letter-spacing:-.01em}.btn{border-radius:12px}.btn.primary{background:var(--brand)}.card,.kpi{border-radius:var(--radius)}.side .item{border-radius:10px;margin:1px 8px;padding:7px 10px}.side .item.on{border-inline-start:0;background:var(--brand);color:#fff}.badge.gold{background:var(--gold-50);color:var(--gold-text)}.badge.cards{background:var(--cards-50);color:var(--cards-text)}.amount-diff{background:var(--warn-50);color:var(--warn);border-radius:6px;padding:1px 6px;font-weight:700}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.three>div{border:1px solid var(--line);border-radius:10px;padding:10px}.three h4{margin:0 0 6px;font-size:12px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px}.kv dt{color:var(--faint)}.kv dd{margin:0}.age-old{color:var(--bad);font-weight:700}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-block:4px 14px;border-block-end:1px solid var(--line)}.tab{border:0;background:none;padding:9px 14px;font:inherit;font-weight:600;color:var(--faint);border-block-end:3px solid transparent;cursor:pointer}.tab.on{color:var(--brand);border-block-end-color:var(--brand)}.kv>div{display:contents}.modal.wide{width:min(720px,94vw);max-height:90vh;overflow:auto}.modal header.row{justify-content:space-between;align-items:center}.btn.danger{background:var(--bad, #B42318);color:#fff;border-color:transparent}.btn.icon{padding:4px 10px;font-size:18px;line-height:1}.timeline{list-style:none;margin:0;padding:0}.timeline li{border-inline-start:3px solid var(--line);padding:4px 12px 10px;margin-inline-start:6px}.timeline li small{color:var(--faint);display:block}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:14px}.bars{display:flex;align-items:flex-end;gap:10px;min-block-size:170px;padding-block:8px;overflow-x:auto}.bar-col{display:flex;flex-direction:column;align-items:center;gap:4px;min-inline-size:38px}.bar{inline-size:28px;border-radius:6px 6px 2px 2px;background:var(--brand-100)}.bar-col:last-child .bar{background:var(--brand)}.brand-preview{padding:14px 16px;border-radius:12px;background:var(--hover);margin-block-end:12px;display:grid;gap:6px}.brand-preview h2{margin:0;font-size:18px}.swatch{display:inline-block;inline-size:14px;block-size:14px;border-radius:4px;border:1px solid var(--line);vertical-align:middle}tr.selected td{background:var(--brand-50)}.stepper{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:12px 0 0;counter-reset:st}.stepper li{counter-increment:st;padding:6px 12px;border-radius:999px;background:var(--chip);color:var(--faint);font-size:12px;font-weight:600}.stepper li:before{content:counter(st) ". "}.stepper li.done{background:var(--ok-50, #DDF3EA);color:var(--ok, #0A5C43)}.stepper li.now{background:var(--brand);color:#fff}.stepper li.now.bad{background:var(--bad)}.methods{border:1px solid var(--line);border-radius:10px;padding:10px 14px;display:flex;flex-wrap:wrap;gap:8px 18px;margin-block:12px}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:6px}.checklist li{padding:6px 10px;border-radius:8px}.checklist li.ok{background:var(--ok-50, #DDF3EA)}.checklist li.bad{background:var(--bad-50)}.picklist{list-style:none;margin:0;padding:0;display:grid;gap:4px}.pick{inline-size:100%;text-align:start;border:0;background:none;padding:8px 10px;border-radius:8px;font:inherit;cursor:pointer;color:var(--ink-2)}.pick:hover{background:var(--hover)}.pick.on{background:var(--brand);color:#fff}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.up{color:var(--ok, #0A5C43);font-weight:600}.down{color:var(--bad);font-weight:600}.legend{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px}.filters{flex-wrap:wrap;align-items:flex-end;margin-block-end:12px}.kanban{display:grid;grid-template-columns:repeat(7,minmax(200px,1fr));gap:10px;overflow-x:auto}.kanban .col{background:var(--hover);border-radius:12px;padding:8px;min-block-size:200px}.kanban .col.over{outline:2px dashed var(--brand)}.kanban .col h4{margin:4px 6px 8px;font-size:13px;display:flex;justify-content:space-between}.lead-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-block-end:8px;cursor:grab}.lead-card small{display:block;color:var(--faint)}.linklike{border:0;background:none;padding:0;font:inherit;color:var(--ink);cursor:pointer;text-align:start}.preview{white-space:pre-wrap;background:var(--hover);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px;max-block-size:360px;overflow:auto}.brandmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brandmark i{font-style:normal;font-weight:800;inline-size:34px;block-size:34px;border-radius:10px;background:#28297c;color:#fff;display:grid;place-items:center;letter-spacing:.5px}.brandmark span{font-weight:700;font-size:17px;line-height:1;display:grid}.brandmark small{font-size:9.5px;letter-spacing:.14em;color:var(--faint);font-weight:700;margin-block-start:3px}:root[data-theme=dark] .brandmark i{background:#fff;color:#28297c}.top-actions{display:flex;align-items:center;gap:8px}.iconbtn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;min-inline-size:36px;block-size:34px;padding-inline:10px;font:inherit;cursor:pointer}.iconbtn.lang{font-weight:600}.shell .top .avatar-btn{color:var(--ink)}.dash-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-block-end:12px}.dash-head h1{margin:0}.dash-head p{margin:0 0 4px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-block-end:14px}.tile{display:grid;gap:4px;padding:14px 16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink)}.tile:hover{border-color:var(--brand-100);background:var(--hover)}.tile.warn{border-inline-start:4px solid var(--attention)}.tile.bad{border-inline-start:4px solid var(--bad)}.tile-label{font-size:12px;color:var(--faint);font-weight:600}.tile-value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.tile-hint{font-size:12px;color:var(--faint)}.hbars{list-style:none;margin:0;padding:0;display:grid;gap:10px}.hbars li{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:10px;font-size:13px}.hb-track{block-size:10px;border-radius:999px;background:var(--chip);overflow:hidden}.hb-fill{display:block;block-size:100%;background:var(--brand);border-radius:999px}.attention{list-style:none;margin:0;padding:0}.attention li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-block-end:1px solid var(--line)}.attention li:last-child{border:0}
