:root{--blue-50:#EFF4FF;--blue-100:#DBE6FE;--blue-200:#BED3FE;--blue-300:#92B5FD;--blue-400:#5E8DFA;--blue-500:#2F6FEF;--blue-600:#1F57D6;--blue-700:#1C46AE;--blue-800:#1D3D8B;--blue-900:#1C386F;--gray-50:#F7F8FA;--gray-100:#EFF1F4;--gray-200:#E2E6EC;--gray-300:#CBD2DB;--gray-400:#9AA4B2;--gray-500:#6B7480;--gray-600:#4D5560;--gray-700:#3A414B;--gray-800:#262B33;--gray-900:#161A1F;--green-50:#ECFDF3;--green-100:#D1FADF;--green-200:#A6F4C5;--green-300:#6CE9A6;--green-400:#32D583;--green-500:#12B76A;--green-600:#039855;--green-700:#027A48;--green-800:#05603A;--green-900:#054F31;--amber-50:#FFFAEB;--amber-100:#FEF0C7;--amber-200:#FEDF89;--amber-300:#FEC84B;--amber-400:#FDB022;--amber-500:#F79009;--amber-600:#DC6803;--amber-700:#B54708;--amber-800:#93370D;--amber-900:#7A2E0E;--red-50:#FEF3F2;--red-100:#FEE4E2;--red-200:#FECDCA;--red-300:#FDA29B;--red-400:#F97066;--red-500:#F04438;--red-600:#D92D20;--red-700:#B42318;--red-800:#912018;--red-900:#7A271A;--sky-50:#EFF8FF;--sky-100:#D1E9FF;--sky-200:#B2DDFF;--sky-300:#84CAFF;--sky-400:#53B1FD;--sky-500:#2E90FA;--sky-600:#1570EF;--sky-700:#175CD3;--sky-800:#1849A9;--sky-900:#194185;--surface:#FFFFFF;--surface-sunken:var(--gray-50);--text:var(--gray-900);--text-muted:var(--gray-500);--text-faint:var(--gray-400);--accent:var(--blue-500);--accent-strong:var(--blue-600);--divider:var(--gray-200);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:24px;--r-2xl:32px;--r-full:999px;--sh-1:0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.05);--sh-2:0 2px 4px rgba(16,24,40,.04), 0 6px 12px rgba(16,24,40,.05);--sh-3:0 8px 16px rgba(16,24,40,.05), 0 16px 32px rgba(16,24,40,.06);--sh-4:0 16px 32px rgba(16,24,40,.06), 0 28px 56px rgba(16,24,40,.08);--ring:0 0 0 4px rgba(47,111,239,.16);--stroke:1px solid var(--divider);--font:"IBM Plex Sans Arabic", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--container:1440px;--ease:cubic-bezier(.2,.7,.2,1);--dur:.18s;--dur-hover:.12s;--dur-btn:.18s;--dur-sidebar:.24s;--dur-modal:.3s;--dur-drawer:.28s;--dk-950:#0D1117;--dk-900:#131923;--dk-850:#161C28;--dk-800:#1A2132;--dk-750:#1E2739;--dk-700:#243044;--dk-600:#2E3D54;--dk-400:#4E6380;--dk-300:#6B7E94;--dk-200:#8BA0B8;--dk-100:#B0C4D8;--dk-50: #E8EDF4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--surface-sunken);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}svg{display:block}::selection{background:var(--blue-100)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.t-display{font-size:40px;line-height:48px;font-weight:700;letter-spacing:-.02em}.t-h1{font-size:32px;line-height:40px;font-weight:700;letter-spacing:-.02em}.t-h2{font-size:26px;line-height:34px;font-weight:700;letter-spacing:-.01em}.t-h3{font-size:22px;line-height:30px;font-weight:600;letter-spacing:-.01em}.t-h4{font-size:18px;line-height:26px;font-weight:600}.t-h5{font-size:16px;line-height:24px;font-weight:600}.t-body-lg{font-size:17px;line-height:28px;font-weight:400}.t-body{font-size:15px;line-height:24px;font-weight:400}.t-body-sm{font-size:13px;line-height:20px;font-weight:400}.t-caption{font-size:12px;line-height:18px;font-weight:500;letter-spacing:.01em}.t-label{font-size:13px;line-height:18px;font-weight:500;letter-spacing:.02em}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.num{font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.app{display:flex;min-height:100vh}.sidebar{width:264px;flex:0 0 264px;background:var(--surface);border-inline-start:var(--stroke);display:flex;flex-direction:column;padding:var(--sp-6) var(--sp-5);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2) var(--sp-6)}.brand-mark{position:relative;width:38px;height:38px;border-radius:var(--r-sm);background:linear-gradient(135deg,#60a5fa,#2563eb);display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px;box-shadow:var(--sh-2)}.brand-mark:after{content:"✦";position:absolute;bottom:2px;inset-inline-end:3px;font-size:7px;line-height:1;color:#fff;pointer-events:none}.brand-name{font-size:18px;font-weight:700;letter-spacing:-.01em}.brand-sub{font-size:12px;color:var(--text-faint);margin-top:1px}.nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow:auto}.nav-group-label{font-size:11px;font-weight:600;color:var(--text-faint);letter-spacing:.04em;padding:var(--sp-4) var(--sp-3) var(--sp-2)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border-radius:var(--r-sm);color:var(--gray-600);font-size:15px;font-weight:500;transition:background var(--dur) var(--ease),color var(--dur) var(--ease);position:relative}.nav-item svg{width:20px;height:20px;flex:0 0 20px;stroke:currentColor;stroke-width:1.6;fill:none}.nav-item:hover{background:var(--gray-50);color:var(--gray-900)}.nav-item.active{background:var(--blue-50);color:var(--accent-strong);font-weight:600}.nav-item.active:before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:var(--r-full);background:var(--accent)}.nav-badge{margin-inline-start:auto;background:var(--blue-100);color:var(--accent-strong);font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--r-full)}.sidebar-foot{border-top:var(--stroke);padding-top:var(--sp-4);margin-top:var(--sp-4)}.profile{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--r-sm);transition:background var(--dur) var(--ease)}.profile:hover{background:var(--gray-50)}.profile-meta{flex:1;min-width:0}.profile-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-role{font-size:12px;color:var(--text-faint)}.icon-btn{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;color:var(--gray-500);transition:all var(--dur) var(--ease)}.icon-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.7;fill:none}.icon-btn:hover{background:var(--gray-100);color:var(--gray-800)}.icon-btn:active{transform:scale(.94)}.icon-btn:focus-visible{outline:none;box-shadow:var(--ring)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:#ffffffd1;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:var(--stroke);display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-8)}.menu-toggle{display:none}.search{flex:1;max-width:520px;display:flex;align-items:center;gap:var(--sp-3);background:var(--surface-sunken);border:1px solid transparent;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);transition:all var(--dur) var(--ease)}.search:focus-within{background:var(--surface);border-color:var(--blue-300);box-shadow:var(--ring)}.search svg{width:18px;height:18px;stroke:var(--text-faint);stroke-width:1.7;fill:none;flex:0 0 18px}.search input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--text)}.search input::placeholder{color:var(--text-faint)}.search kbd{font-family:var(--font);font-size:11px;color:var(--text-faint);background:var(--surface);border:var(--stroke);border-radius:6px;padding:2px 6px}.topbar-actions{display:flex;align-items:center;gap:var(--sp-2);margin-inline-start:auto}.dot{position:absolute;top:7px;inset-inline-end:7px;width:8px;height:8px;border-radius:var(--r-full);background:var(--red-500);border:2px solid var(--surface)}.topbar-divider{width:1px;height:28px;background:var(--divider);margin-inline:var(--sp-2)}.workspace{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);border:var(--stroke);font-size:13px;font-weight:600;color:var(--gray-700);transition:all var(--dur) var(--ease)}.workspace:hover{background:var(--gray-50)}.ws-swatch{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,#34d399,#059669)}.avatar{border-radius:var(--r-full);background:var(--gray-200);object-fit:cover;flex:0 0 auto;display:grid;place-items:center;font-weight:600;color:var(--gray-600)}.avatar.online{position:relative}.avatar.online:after{content:"";position:absolute;bottom:0;inset-inline-end:0;width:10px;height:10px;border-radius:var(--r-full);background:var(--green-500);border:2px solid var(--surface)}.content{padding:var(--sp-8);max-width:var(--container);width:100%;margin-inline:auto}.welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-6);margin-bottom:var(--sp-8);flex-wrap:wrap}.welcome .sub{color:var(--text-muted);margin-top:var(--sp-2)}.welcome-actions{display:flex;gap:var(--sp-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:42px;padding:0 var(--sp-5);border-radius:var(--r-md);font-size:14px;font-weight:600;line-height:1;white-space:nowrap;transition:all var(--dur) var(--ease)}.btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--sh-1)}.btn-primary:hover{background:var(--accent-strong);box-shadow:var(--sh-2)}.btn-primary:active{transform:translateY(1px);background:var(--blue-700)}.btn-secondary{background:var(--surface);color:var(--gray-700);border:var(--stroke);box-shadow:var(--sh-1)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-secondary:active{transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100);color:var(--gray-900)}.btn-danger{background:var(--red-500);color:#fff}.btn-danger:hover{background:var(--red-600)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.45;pointer-events:none;box-shadow:none}.btn-sm{height:34px;padding:0 var(--sp-4);font-size:13px;border-radius:var(--r-sm)}.card{background:var(--surface);border-radius:var(--r-xl);border:var(--stroke);box-shadow:var(--sh-1);padding:var(--sp-6);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.card-pad-lg{padding:var(--sp-8)}.card-hover:hover{box-shadow:var(--sh-3);transform:translateY(-2px)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}.card-title{font-size:17px;font-weight:600}.card-sub{font-size:13px;color:var(--text-faint);margin-top:2px}.grid{display:grid;gap:var(--sp-6)}.kpi-grid{grid-template-columns:repeat(5,1fr);margin-bottom:var(--sp-6)}.main-grid{grid-template-columns:2fr 1fr;align-items:start}.lower-grid{grid-template-columns:1.4fr 1fr;align-items:start;margin-top:var(--sp-6)}.split-2{grid-template-columns:1fr 1fr}.kpi{display:flex;flex-direction:column;gap:var(--sp-4)}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between}.kpi-ic{width:42px;height:42px;border-radius:var(--r-sm);display:grid;place-items:center}.kpi-ic svg{width:21px;height:21px;stroke-width:1.8;fill:none}.kpi-label{font-size:13px;color:var(--text-muted);font-weight:500}.kpi-value{font-size:28px;line-height:1.1;font-weight:700;letter-spacing:-.02em;margin-top:var(--sp-2)}.kpi-foot{display:flex;align-items:center;gap:var(--sp-2);font-size:12.5px}.delta{display:inline-flex;align-items:center;gap:3px;font-weight:600;padding:2px 8px;border-radius:var(--r-full)}.delta svg{width:13px;height:13px;stroke-width:2.2;fill:none}.delta.up{color:var(--green-700);background:var(--green-50)}.delta.down{color:var(--red-700);background:var(--red-50)}.spark{width:100%;height:34px}.badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--r-full)}.badge-blue{background:var(--blue-50);color:var(--accent-strong)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:var(--r-full)}.pill:before{content:"";width:6px;height:6px;border-radius:var(--r-full);background:currentColor}.pill-active{background:var(--green-50);color:var(--green-700)}.pill-lead{background:var(--sky-50);color:var(--sky-700)}.pill-pending{background:var(--amber-50);color:var(--amber-700)}.pill-churn{background:var(--red-50);color:var(--red-700)}.pill-idle{background:var(--gray-100);color:var(--gray-500)}.tabs{display:inline-flex;gap:2px;background:var(--surface-sunken);padding:4px;border-radius:var(--r-md)}.tab{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--text-muted);transition:all var(--dur) var(--ease)}.tab:hover{color:var(--gray-800)}.tab.active{background:var(--surface);color:var(--gray-900);box-shadow:var(--sh-1)}.chart-wrap{position:relative}.chart-svg{width:100%;height:280px;overflow:visible}.grid-line{stroke:var(--gray-100);stroke-width:1}.area-path{fill:url(#areaGrad)}.line-path{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.x-label,.y-label{fill:var(--text-faint);font-size:11px;font-weight:500}.cross{stroke:var(--blue-300);stroke-width:1;stroke-dasharray:4 4;opacity:0}.cursor-dot{fill:var(--surface);stroke:var(--accent);stroke-width:2.5;opacity:0}.tooltip{position:absolute;pointer-events:none;opacity:0;transform:translate(-50%,-120%);background:var(--gray-900);color:#fff;border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);box-shadow:var(--sh-3);white-space:nowrap;transition:opacity .12s var(--ease);z-index:5}.tooltip .tt-m{font-size:11px;color:var(--gray-400);margin-bottom:2px}.tooltip .tt-v{font-size:15px;font-weight:700}.funnel{display:flex;flex-direction:column;gap:var(--sp-3)}.funnel-row{display:flex;align-items:center;gap:var(--sp-4)}.funnel-meta{flex:0 0 96px}.funnel-stage{font-size:13.5px;font-weight:600}.funnel-count{font-size:12px;color:var(--text-faint)}.funnel-track{flex:1;height:38px;background:var(--surface-sunken);border-radius:var(--r-sm);overflow:hidden}.funnel-bar{height:100%;border-radius:var(--r-sm);display:flex;align-items:center;padding-inline-start:var(--sp-4);color:#fff;font-size:13px;font-weight:700;transition:width .6s var(--ease)}.task{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:var(--stroke)}.task:last-child{border-bottom:none}.check{width:20px;height:20px;border-radius:6px;border:2px solid var(--gray-300);flex:0 0 20px;display:grid;place-items:center;transition:all var(--dur) var(--ease);cursor:pointer}.check svg{width:12px;height:12px;stroke:#fff;stroke-width:2.6;fill:none;opacity:0}.check.done{background:var(--accent);border-color:var(--accent)}.check.done svg{opacity:1}.task-body{flex:1;min-width:0}.task-title{font-size:14px;font-weight:500}.task.done-row .task-title{color:var(--text-faint);text-decoration:line-through}.task-due{font-size:12px;color:var(--text-faint);display:flex;align-items:center;gap:5px}.task-due svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.7;fill:none}.prio{width:4px;height:34px;border-radius:var(--r-full);flex:0 0 4px}.prio-high{background:var(--red-500)}.prio-mid{background:var(--amber-500)}.prio-low{background:var(--gray-300)}.table-card{padding:0;overflow:hidden}.table-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-6) var(--sp-6) var(--sp-4)}table{width:100%;border-collapse:collapse}thead th{text-align:start;font-size:11px;font-weight:600;color:var(--text-faint);letter-spacing:.03em;padding:var(--sp-3) var(--sp-6);border-bottom:var(--stroke);background:var(--surface-sunken)}tbody td{padding:var(--sp-4) var(--sp-6);border-bottom:var(--stroke);font-size:14px;vertical-align:middle}tbody tr{transition:background var(--dur) var(--ease)}tbody tr:hover{background:var(--gray-50)}tbody tr:last-child td{border-bottom:none}.cust{display:flex;align-items:center;gap:var(--sp-3)}.cust-name{font-weight:600;font-size:14px}.cust-mail{font-size:12px;color:var(--text-faint)}.rev-val{font-weight:600;font-feature-settings:"tnum"}.feed{position:relative;padding-inline-start:var(--sp-2)}.feed-item{display:flex;gap:var(--sp-4);padding-bottom:var(--sp-5);position:relative}.feed-item:last-child{padding-bottom:0}.feed-line{position:absolute;inset-inline-start:11px;top:24px;bottom:-4px;width:2px;background:var(--gray-100)}.feed-item:last-child .feed-line{display:none}.feed-dot{width:24px;height:24px;border-radius:var(--r-full);flex:0 0 24px;display:grid;place-items:center;z-index:1;background:var(--surface)}.feed-dot i{width:10px;height:10px;border-radius:var(--r-full);display:block}.feed-body{flex:1;padding-top:1px}.feed-text{font-size:13.5px;line-height:1.5}.feed-text b{font-weight:600}.feed-time{font-size:11.5px;color:var(--text-faint);margin-top:2px}.team-row{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0}.ring{flex:0 0 56px}.ring-track{fill:none;stroke:var(--gray-100);stroke-width:6}.ring-fill{fill:none;stroke-width:6;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .7s var(--ease)}.ring-label{font-size:13px;font-weight:700;fill:var(--text)}.team-meta{flex:1;min-width:0}.team-name{font-size:14px;font-weight:600}.team-goal{font-size:12px;color:var(--text-faint);margin-top:1px}.bar{height:8px;background:var(--gray-100);border-radius:var(--r-full);overflow:hidden;margin-top:var(--sp-2)}.bar-fill{height:100%;border-radius:var(--r-full);transition:width .7s var(--ease)}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cal-dow{font-size:11px;font-weight:600;color:var(--text-faint);padding:var(--sp-2) 0}.cal-day{aspect-ratio:1;display:grid;place-items:center;font-size:13px;border-radius:var(--r-sm);position:relative;transition:background var(--dur) var(--ease);cursor:pointer}.cal-day:hover{background:var(--gray-50)}.cal-day.muted{color:var(--text-faint)}.cal-day.today{background:var(--accent);color:#fff;font-weight:700}.cal-day.has:after{content:"";position:absolute;bottom:5px;width:5px;height:5px;border-radius:var(--r-full);background:var(--accent)}.cal-day.today.has:after{background:#fff}.meeting{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-top:var(--stroke)}.meeting-time{flex:0 0 52px;font-size:12px;font-weight:600;color:var(--accent-strong)}.meeting-bar{width:3px;align-self:stretch;border-radius:var(--r-full);background:var(--accent)}.meeting-title{font-size:13.5px;font-weight:500}.meeting-sub{font-size:11.5px;color:var(--text-faint)}.empty{text-align:center;padding:var(--sp-12) var(--sp-6)}.empty-ic{width:56px;height:56px;border-radius:var(--r-md);background:var(--surface-sunken);display:grid;place-items:center;margin:0 auto var(--sp-4)}.empty-ic svg{width:26px;height:26px;stroke:var(--text-faint);stroke-width:1.6;fill:none}.empty-title{font-size:15px;font-weight:600}.empty-sub{font-size:13px;color:var(--text-faint);margin:var(--sp-2) auto var(--sp-5);max-width:240px}.pager{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);border-top:var(--stroke)}.pager-info{font-size:13px;color:var(--text-muted)}.pager-btns{display:flex;gap:var(--sp-2)}.page-num{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--gray-600);transition:all var(--dur) var(--ease)}.page-num:hover{background:var(--gray-100)}.page-num.active{background:var(--accent);color:#fff}.fab{position:fixed;inset-block-end:var(--sp-8);inset-inline-end:var(--sp-8);z-index:40;opacity:.45;transition:opacity var(--dur) var(--ease)}.fab:hover,.fab.open{opacity:1}.fab-btn{width:58px;height:58px;border-radius:var(--r-full);background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:var(--sh-4);transition:all var(--dur) var(--ease)}.fab-btn svg{width:26px;height:26px;stroke:currentColor;stroke-width:2;fill:none;transition:transform var(--dur) var(--ease)}.fab-btn:hover{background:var(--accent-strong);transform:translateY(-2px)}.fab.open .fab-btn svg{transform:rotate(45deg)}.fab-menu{position:absolute;inset-block-end:70px;inset-inline-end:0;display:flex;flex-direction:column;gap:var(--sp-2);opacity:0;transform:translateY(8px) scale(.96);pointer-events:none;transform-origin:bottom;transition:all var(--dur) var(--ease)}.fab.open .fab-menu{opacity:1;transform:none;pointer-events:auto}.fab-action{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border:var(--stroke);box-shadow:var(--sh-3);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:13.5px;font-weight:600;color:var(--gray-700);white-space:nowrap;transition:all var(--dur) var(--ease)}.fab-action:hover{background:var(--gray-50);transform:translateY(-1px)}.fab-action svg{width:18px;height:18px;stroke:var(--accent);stroke-width:1.8;fill:none}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.content{padding:var(--sp-6)}}@media(max-width:1024px){.sidebar{position:fixed;inset-inline-start:0;top:0;z-index:60;transform:translate(100%);transition:transform var(--dur-sidebar) var(--ease);box-shadow:var(--sh-4)}.sidebar.open{transform:none}.menu-toggle{display:grid}.main-grid,.lower-grid{grid-template-columns:1fr}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182866;z-index:55;opacity:0;pointer-events:none;transition:opacity var(--dur)}.scrim.show{opacity:1;pointer-events:auto}}@media(max-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.split-2{grid-template-columns:1fr}.topbar{padding:var(--sp-3) var(--sp-4)}.search kbd,.ws-text,.profile-meta .profile-role{display:none}.content{padding:var(--sp-4)}.welcome{align-items:flex-start}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.t-h1{font-size:26px;line-height:34px}.topbar-divider,.workspace .ws-swatch{display:none}.fab{inset-block-end:var(--sp-5);inset-inline-end:var(--sp-5)}thead th:nth-child(4),tbody td:nth-child(4){display:none}}[data-theme=dark]{--surface: var(--dk-800);--surface-sunken: var(--dk-950);--surface-elevated: var(--dk-750);--text: var(--dk-50);--text-secondary: var(--dk-200);--text-muted: var(--dk-300);--text-faint: var(--dk-400);--accent: var(--blue-500);--accent-strong: var(--blue-400);--divider: rgba(255,255,255,.07);--stroke: 1px solid var(--divider);--ring: 0 0 0 3px rgba(47,111,239,.25);--gray-50: var(--dk-800);--gray-100: var(--dk-750);--gray-200: var(--dk-700);--gray-300: var(--dk-600);--gray-400: var(--dk-400);--gray-500: var(--dk-300);--gray-600: var(--dk-200);--gray-700: var(--dk-100);--gray-800: var(--dk-50);--gray-900: var(--dk-50);--blue-50: rgba(47,111,239,.12);--blue-100: rgba(47,111,239,.2);--green-50: rgba(18,183,106,.12);--green-100: rgba(18,183,106,.2);--amber-50: rgba(247,144,9,.12);--amber-100: rgba(247,144,9,.2);--red-50: rgba(240,68,56,.12);--red-100: rgba(240,68,56,.2);--sky-50: rgba(46,144,250,.12);--sky-100: rgba(46,144,250,.2);--blue-700: var(--blue-300);--blue-600: var(--blue-400);--green-700: var(--green-400);--amber-700: var(--amber-400);--red-700: var(--red-400);--red-600: var(--red-400);--sky-700: var(--sky-400);--sh-1: 0 1px 3px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04);--sh-2: 0 2px 8px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);--sh-3: 0 6px 20px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);--sh-4: 0 16px 48px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.06)}[data-theme=dark] .sidebar{background:var(--dk-900);border-inline-start-color:#ffffff0d}[data-theme=dark] .topbar{background:#0d1117e6;border-bottom-color:#ffffff0f}[data-theme=dark] .nav-item.active{background:#2f6fef24;color:var(--blue-400)}[data-theme=dark] .nav-item.active:before{background:var(--blue-400)}[data-theme=dark] .nav-badge{background:#2f6fef2e;color:var(--blue-400)}[data-theme=dark] .tabs{background:var(--dk-850)}[data-theme=dark] .tab.active{background:var(--dk-700);color:var(--dk-50);box-shadow:0 1px 3px #0006,inset 0 1px #ffffff0d}[data-theme=dark] .btn-secondary{background:var(--dk-800);border-color:#ffffff1f;color:var(--dk-100)}[data-theme=dark] .btn-secondary:hover{background:var(--dk-750);border-color:#ffffff2e}[data-theme=dark] .btn-ghost{color:var(--dk-200)}[data-theme=dark] .btn-ghost:hover{background:var(--dk-750);color:var(--dk-50)}[data-theme=dark] .search{background:var(--dk-900);border-color:#ffffff0f}[data-theme=dark] .search:focus-within{background:var(--dk-850);border-color:var(--blue-500)}[data-theme=dark] .search kbd{background:var(--dk-800);border-color:#ffffff14;color:var(--dk-300)}[data-theme=dark] .workspace{border-color:#ffffff14;color:var(--dk-100)}[data-theme=dark] .workspace:hover{background:var(--dk-750)}[data-theme=dark] .tooltip{background:var(--dk-700);box-shadow:var(--sh-3)}[data-theme=dark] .tooltip .tt-m{color:var(--dk-300)}[data-theme=dark] thead th{background:var(--dk-900)}[data-theme=dark] .page-num{color:var(--dk-200)}[data-theme=dark] .page-num:hover{background:var(--dk-700)}[data-theme=dark] .grid-line{stroke:#ffffff0a}[data-theme=dark] .x-label,[data-theme=dark] .y-label{fill:var(--dk-400)}[data-theme=dark] .fab-action{background:var(--dk-800);border-color:#ffffff14;color:var(--dk-100)}[data-theme=dark] .fab-action:hover{background:var(--dk-750)}.search-ph{flex:1;font-size:14px;color:var(--text-faint);text-align:start;pointer-events:none}dialog.modal{border:none;background:transparent;padding:0;max-width:520px;width:calc(100% - 48px);margin:auto;border-radius:var(--r-xl)}dialog.modal::backdrop{background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=dark] dialog.modal::backdrop{background:#000000a6}.modal-inner{background:var(--surface);border-radius:var(--r-xl);border:var(--stroke);box-shadow:var(--sh-4);overflow:hidden;animation:pop-in .2s var(--ease)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-6);border-bottom:var(--stroke)}.modal-body{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4)}.modal-foot{display:flex;gap:var(--sp-3);justify-content:flex-end;padding:var(--sp-4) var(--sp-6);border-top:var(--stroke)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.field label{font-size:13px;font-weight:500;color:var(--text-muted)}.field input,.field select,.field textarea{height:42px;padding:0 var(--sp-4);border-radius:var(--r-md);border:1px solid var(--divider);background:var(--surface-sunken);color:var(--text);font:inherit;font-size:14px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.field textarea{height:auto;padding:var(--sp-3) var(--sp-4);resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}dialog.search-dialog{border:none;background:transparent;padding:0;max-width:620px;width:calc(100% - 48px);margin:72px auto auto;border-radius:var(--r-xl)}dialog.search-dialog::backdrop{background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=dark] dialog.search-dialog::backdrop{background:#000000a6}.sd-inner{background:var(--surface);border-radius:var(--r-xl);border:var(--stroke);box-shadow:var(--sh-4);overflow:hidden}.sd-bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:var(--stroke)}.sd-bar svg{width:20px;height:20px;stroke:var(--text-faint);stroke-width:1.7;fill:none;flex:0 0 20px}.sd-bar kbd{font-family:var(--font);font-size:11px;color:var(--text-faint);background:var(--surface-sunken);border:var(--stroke);border-radius:6px;padding:2px 7px}.sd-input{flex:1;border:none;background:none;outline:none;font-size:15px;font-family:var(--font);color:var(--text)}.sd-input::placeholder{color:var(--text-faint)}.sd-section-label{font-size:11px;font-weight:600;color:var(--text-faint);letter-spacing:.04em;padding:var(--sp-3) var(--sp-5) var(--sp-1)}.sd-results{padding:var(--sp-1) var(--sp-2) var(--sp-2)}.sd-result{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3);border-radius:var(--r-sm);text-align:start;transition:background var(--dur-hover) var(--ease)}.sd-result:hover{background:var(--surface-sunken)}.sd-result-icon{width:34px;height:34px;display:grid;place-items:center;font-size:17px;background:var(--surface-sunken);border-radius:var(--r-sm);flex:0 0 34px}.sd-result-label{font-size:14px;font-weight:500;color:var(--text)}.sd-result-sub{font-size:12px;color:var(--text-faint);margin-top:1px}.sd-footer{display:flex;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);border-top:var(--stroke);background:var(--surface-sunken)}.sd-footer span{font-size:11.5px;color:var(--text-faint);display:flex;align-items:center;gap:var(--sp-1)}.sd-footer kbd{font-family:var(--font);font-size:10px;color:var(--text-faint);background:var(--surface);border:var(--stroke);border-radius:4px;padding:1px 5px}.popover{position:absolute;top:calc(100% + var(--sp-2));inset-inline-end:0;min-width:300px;background:var(--surface);border-radius:var(--r-xl);border:var(--stroke);box-shadow:var(--sh-4);z-index:50;overflow:hidden;animation:pop-in .14s var(--ease)}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.pop-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5) var(--sp-3)}.pop-title{font-size:14px;font-weight:600;color:var(--text)}.pop-divider{height:1px;background:var(--divider);margin:var(--sp-1) 0}.pop-footer{padding:var(--sp-2) var(--sp-3) var(--sp-3)}.pop-footer-btn{width:100%;justify-content:center;gap:var(--sp-2)}.pop-footer-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none}.pop-profile-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5)}.pop-profile-name{font-size:14px;font-weight:600;color:var(--text)}.pop-profile-role{font-size:12px;color:var(--text-faint);margin-top:1px}.pop-item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-5);text-align:start;transition:background var(--dur-hover) var(--ease)}.pop-item:hover{background:var(--surface-sunken)}.pop-item--unread{background:color-mix(in srgb,var(--blue-50) 60%,transparent)}.pop-item--selected{background:var(--surface-sunken)}.pop-item--danger .pop-item-title{color:var(--red-500)}.pop-item--danger .pop-item-icon svg{stroke:var(--red-500)}.pop-item--danger:hover{background:var(--red-50)}.pop-item-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px}.pop-item-icon svg{width:18px;height:18px;stroke:var(--text-muted);stroke-width:1.7;fill:none}.pop-item-body{flex:1;min-width:0}.pop-item-title{font-size:13.5px;font-weight:500;color:var(--text)}.pop-item-sub{font-size:12px;color:var(--text-faint);margin-top:1px}.pop-item-time{font-size:11.5px;color:var(--text-faint);white-space:nowrap;margin-inline-start:auto}.notif-ic{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;flex:0 0 36px}.notif-ic svg{width:18px;height:18px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ws-mini-swatch{width:18px;height:18px;border-radius:6px;flex:0 0 18px;display:block}[data-theme=dark] .sd-inner{background:var(--dk-900)}[data-theme=dark] .sd-bar{border-color:#ffffff0f}[data-theme=dark] .sd-bar kbd{background:var(--dk-800);border-color:#ffffff14;color:var(--dk-300)}[data-theme=dark] .sd-input{color:var(--dk-50)}[data-theme=dark] .sd-input::placeholder{color:var(--dk-400)}[data-theme=dark] .sd-result:hover,[data-theme=dark] .sd-result-icon{background:var(--dk-800)}[data-theme=dark] .sd-result-label{color:var(--dk-100)}[data-theme=dark] .sd-result-sub{color:var(--dk-400)}[data-theme=dark] .sd-footer{background:var(--dk-950);border-color:#ffffff0f}[data-theme=dark] .sd-footer kbd{background:var(--dk-850);border-color:#ffffff14}[data-theme=dark] .popover{background:var(--dk-900);border-color:#ffffff0f}[data-theme=dark] .pop-item:hover{background:var(--dk-800)}[data-theme=dark] .pop-item--unread{background:#2f6fef1f}[data-theme=dark] .pop-item--selected{background:var(--dk-800)}[data-theme=dark] .pop-item--danger:hover{background:#ef44441f}[data-theme=dark] .pop-footer{border-top:none}.auth-root{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-form-panel{display:grid;place-items:center;padding:var(--sp-8)}.auth-form-inner{width:100%;max-width:400px}.auth-form{display:flex;flex-direction:column;gap:var(--sp-4)}.auth-submit{width:100%;justify-content:center;margin-top:var(--sp-2)}.auth-error{color:var(--red-600);font-size:14px;margin-bottom:var(--sp-4)}.auth-pending{background:var(--green-50);color:var(--green-700);border-radius:var(--r-md);padding:var(--sp-6);text-align:center;line-height:1.8}.auth-switch-link{color:var(--accent);font-weight:600}.auth-hero-panel{background:linear-gradient(135deg,var(--blue-600),var(--blue-800));color:#fff;display:grid;place-items:center;padding:var(--sp-12)}.auth-hero-inner{max-width:420px}.auth-hero-badge{display:inline-block;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);background:#ffffff1f;margin-bottom:var(--sp-6)}.auth-hero-sub{color:#ffffffd9}@media(max-width:900px){.auth-root{grid-template-columns:1fr}.auth-hero-panel{display:none}}.auth-root{display:flex;min-height:100vh;overflow:hidden}.auth-form-panel{flex:0 0 480px;display:flex;align-items:center;justify-content:center;background:var(--surface);padding:var(--sp-12) var(--sp-10);order:1;transition:transform .42s var(--ease),opacity .2s var(--ease)}.auth-form-panel--signup{order:2}.auth-form-inner{width:100%;max-width:360px}.auth-form{display:flex;flex-direction:column;gap:var(--sp-5)}.auth-switch-link{color:var(--accent);font-weight:600;text-decoration:none}.auth-switch-link:hover{text-decoration:underline}.auth-hero-panel{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--blue-700) 0%,var(--blue-500) 50%,var(--blue-400) 100%);padding:var(--sp-16) var(--sp-12);color:#fff;order:2;position:relative;overflow:hidden;transition:transform .42s var(--ease)}.auth-hero-panel--signup{order:1}.auth-hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 60% 40%,rgba(255,255,255,.12),transparent);pointer-events:none}.auth-hero-inner{position:relative;max-width:480px}.auth-hero-badge{display:inline-block;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-full);padding:var(--sp-1) var(--sp-4);margin-bottom:var(--sp-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-hero-title{color:#fff;margin-bottom:var(--sp-4)}.auth-hero-sub{color:#ffffffd1;margin-bottom:var(--sp-10)}.auth-stats{display:flex;gap:var(--sp-8)}.auth-stat{display:flex;flex-direction:column;gap:4px}.auth-stat-num{font-size:28px;font-weight:700;letter-spacing:-.02em;color:#fff}.auth-stat-label{font-size:13px;color:#ffffffb3}@keyframes slide-in-from-right{0%{transform:translate(60px);opacity:0}to{transform:none;opacity:1}}@keyframes slide-in-from-left{0%{transform:translate(-60px);opacity:0}to{transform:none;opacity:1}}.auth-form-panel{animation:slide-in-from-right .38s var(--ease) both}.auth-form-panel--signup,.auth-hero-panel{animation:slide-in-from-left .38s var(--ease) both}.auth-hero-panel--signup{animation:slide-in-from-right .38s var(--ease) both}@media(max-width:768px){.auth-root{flex-direction:column}.auth-form-panel,.auth-form-panel--signup{flex:none;order:2;padding:var(--sp-8) var(--sp-6)}.auth-hero-panel,.auth-hero-panel--signup{flex:none;order:1;min-height:240px;padding:var(--sp-10) var(--sp-6)}.auth-stats{gap:var(--sp-6)}}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.kpi-strip-card{padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:6px}.filter-bar{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.filter-search{flex:0 0 320px;max-width:320px}.filter-chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}.filter-actions{display:flex;gap:var(--sp-2);margin-inline-start:auto}.chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--r-full);font-size:13px;font-weight:500;border:1px solid var(--divider);background:var(--surface);color:var(--gray-600);transition:all var(--dur) var(--ease);cursor:pointer;gap:4px}.chip:hover{border-color:var(--blue-300);color:var(--accent);background:var(--blue-50)}.chip-active{background:var(--blue-50);color:var(--accent-strong);border-color:var(--blue-200);font-weight:600}.chip svg{stroke:currentColor;stroke-width:2;fill:none}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#00000059;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity var(--dur-modal) var(--ease)}.drawer-scrim.show{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;inset-inline-end:0;bottom:0;z-index:40;background:var(--surface);border-inline-start:var(--stroke);box-shadow:var(--sh-4);display:flex;flex-direction:column;overflow:hidden;transform:translate(-120%);transition:transform var(--dur-drawer) var(--ease)}.drawer.open{transform:none}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--sp-6);border-bottom:var(--stroke);flex:0 0 auto}.drawer-body{flex:1;overflow-y:auto;padding:var(--sp-6)}.drawer-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-5)}.drawer-kpi{background:var(--surface-sunken);border-radius:var(--r-md);padding:var(--sp-4)}.drawer-section-list{display:flex;flex-direction:column;gap:var(--sp-5)}.divider{height:1px;background:var(--divider);margin:var(--sp-4) 0}.info-grid{display:flex;flex-direction:column;gap:0}.info-row{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-3) 0;border-bottom:1px solid var(--gray-100)}.info-row:last-child{border-bottom:none}.info-label{font-size:13px;color:var(--text-muted);font-weight:500}.info-value{font-size:14px;color:var(--text);font-weight:500;text-align:end}.timeline-item{display:flex;gap:var(--sp-4);padding:var(--sp-3) 0;position:relative}.timeline-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--blue-400);flex:0 0 8px;margin-top:6px}.dt-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.dt{width:100%;border-collapse:collapse;font-size:14px}.dt thead{position:sticky;top:0;z-index:1}.dt th{padding:var(--sp-3) var(--sp-4);text-align:end;font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;background:var(--surface-sunken);border-bottom:var(--stroke);white-space:nowrap}.dt td{padding:var(--sp-4);text-align:end;color:var(--text);border-bottom:1px solid var(--gray-100);vertical-align:middle;white-space:nowrap}.dt tbody tr{transition:background var(--dur-hover) var(--ease);cursor:pointer}.dt tbody tr:hover,.dt tbody tr.selected{background:var(--blue-50)}.dt tbody tr:last-child td{border-bottom:none}.dt-check{width:42px;padding-inline-start:var(--sp-4)!important}.dt-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.dt-primary{font-weight:600;color:var(--gray-900)}.dt-mono{font-size:12px;font-family:ui-monospace,monospace;color:var(--text-muted)}.dt-empty td{padding:var(--sp-12) 0!important;text-align:center!important;border:none!important;cursor:default!important}.dt tbody tr:hover .dt-empty{background:transparent}.dt-foot{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-6);border-top:var(--stroke)}.dt-pager{display:flex;align-items:center;gap:var(--sp-3)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-12) var(--sp-6);color:var(--text-muted)}.empty-state p{font-size:14px;font-weight:500}.empty-icon{width:40px;height:40px;stroke:var(--gray-300);stroke-width:1.4;fill:none}.skel{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:skel-shine 1.4s infinite;border-radius:var(--r-xs)}@keyframes skel-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.bulk-bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--r-md);margin-bottom:var(--sp-3)}.ib-layout{display:grid;grid-template-columns:280px 1fr 260px;gap:var(--sp-5);align-items:start}.ib-left,.ib-right{display:flex;flex-direction:column;gap:var(--sp-4)}.ib-table td{padding:var(--sp-2) var(--sp-2)!important;vertical-align:middle}.ib-cell-input{width:100%;border:1px solid transparent;background:transparent;border-radius:var(--r-xs);padding:5px 8px;font-size:13px;font-family:var(--font);color:var(--text);text-align:inherit;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.ib-cell-input:focus{outline:none;background:var(--surface);border-color:var(--blue-300);box-shadow:var(--ring)}.ib-cell-input:hover:not(:focus){background:var(--gray-50)}.ib-row:hover .ib-cell-input{border-color:var(--gray-200)}.ib-drag{cursor:grab;text-align:center!important;padding:0 var(--sp-2)!important;color:var(--gray-300)}.ib-drag:active{cursor:grabbing}.ib-suggest{position:absolute;top:calc(100% + 2px);inset-inline-start:0;z-index:20;background:var(--surface);border:var(--stroke);border-radius:var(--r-sm);box-shadow:var(--sh-3);min-width:100%;overflow:hidden}.ib-suggest-item{padding:var(--sp-3) var(--sp-4);font-size:13px;cursor:pointer;transition:background var(--dur-hover) var(--ease)}.ib-suggest-item:hover{background:var(--blue-50);color:var(--accent-strong)}[data-theme=dark] .chip{background:var(--dk-800);border-color:#ffffff1a;color:var(--dk-200)}[data-theme=dark] .chip:hover{background:var(--dk-750);border-color:var(--blue-400)}[data-theme=dark] .chip-active{background:#2f6fef33;border-color:var(--blue-400);color:var(--blue-300)}[data-theme=dark] .drawer{background:var(--dk-900);border-color:#ffffff12}[data-theme=dark] .dt th{background:var(--dk-850);border-color:#ffffff0f}[data-theme=dark] .dt td{border-color:#ffffff0a}[data-theme=dark] .dt tbody tr:hover,[data-theme=dark] .dt tbody tr.selected{background:#2f6fef1a}[data-theme=dark] .info-row{border-color:#ffffff0d}[data-theme=dark] .bulk-bar{background:#2f6fef26;border-color:#2f6fef4d}[data-theme=dark] .ib-cell-input{color:var(--dk-50)}[data-theme=dark] .ib-cell-input:focus{background:var(--dk-800)}[data-theme=dark] .ib-suggest{background:var(--dk-900);border-color:#ffffff12}[data-theme=dark] .ib-suggest-item:hover{background:var(--dk-800)}[data-theme=dark] .kpi-strip-card{background:var(--dk-850)}[data-theme=dark] .drawer-kpi{background:var(--dk-800)}@media(max-width:1280px){.ib-layout{grid-template-columns:240px 1fr 220px}}@media(max-width:1024px){.ib-layout{grid-template-columns:1fr;grid-template-rows:auto}.ib-right .card{position:static!important}.filter-search{flex:1 1 200px;max-width:none}.kpi-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.drawer{width:100%!important}.kpi-strip{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-direction:column;align-items:stretch}.filter-actions{margin-inline-start:0}}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--sp-6);align-items:start}.settings-nav{padding:var(--sp-2);display:flex;flex-direction:column;gap:2px;position:sticky;top:88px}.settings-nav-item{display:flex;align-items:center;width:100%;text-align:start;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);font-size:14px;font-weight:500;color:var(--gray-600);transition:background var(--dur) var(--ease),color var(--dur) var(--ease);cursor:pointer;border:none;background:none;font-family:var(--font);position:relative}.settings-nav-item:hover{background:var(--gray-50);color:var(--gray-900)}.settings-nav-item.active{background:var(--blue-50);color:var(--accent-strong);font-weight:600}.settings-nav-item.active:before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:var(--r-full);background:var(--accent)}.settings-body{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.settings-section-head{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-2)}.settings-dirty{color:var(--amber-600);background:var(--amber-50);padding:4px 10px;border-radius:var(--r-full);font-weight:600}.settings-card{padding:var(--sp-8)}.settings-card .card-head{align-items:flex-start}.settings-fields{display:flex;flex-direction:column;gap:var(--sp-5)}.settings-logo-row{display:flex;align-items:flex-start;gap:var(--sp-5)}.settings-logo{width:96px;height:96px;border-radius:var(--r-md);border:2px dashed var(--gray-300);background:var(--surface-sunken);display:grid;place-items:center;cursor:pointer;flex:0 0 96px;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);overflow:hidden}.settings-logo:hover{border-color:var(--blue-400);background:var(--blue-50)}.settings-logo:focus-visible{outline:none;box-shadow:var(--ring)}.settings-logo-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1)}.settings-logo-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.currency-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);background:var(--surface-sunken);border-radius:var(--r-md);padding:var(--sp-5) var(--sp-6);border:var(--stroke)}.currency-preview-meta{display:flex;flex-direction:column;gap:2px}.currency-preview-val{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--accent-strong)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4);border-radius:var(--r-md);border:2px solid var(--divider);cursor:pointer;font-size:14px;font-weight:500;transition:all var(--dur) var(--ease);background:var(--surface);color:var(--gray-700)}.theme-option:hover{border-color:var(--blue-300);background:var(--blue-50)}.theme-option.selected{border-color:var(--accent);background:var(--blue-50);color:var(--accent-strong)}.theme-swatch{width:36px;height:36px;border-radius:var(--r-sm);border:var(--stroke);box-shadow:var(--sh-1)}.theme-swatch--light{background:linear-gradient(180deg,#fff,#f1f5f9)}.theme-swatch--dark{background:linear-gradient(180deg,#1a2132,#0d1117)}.theme-swatch--system{background:linear-gradient(135deg,#fff 50%,#1a2132 50%)}.settings-save-bar{position:sticky;bottom:var(--sp-4);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-xl);background:var(--surface);border:var(--stroke);box-shadow:var(--sh-3)}@media(max-width:1024px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:var(--sp-2);padding:var(--sp-2);scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{width:auto;white-space:nowrap;flex:0 0 auto}.settings-nav-item.active:before{display:none}.settings-nav-item.active{box-shadow:inset 0 0 0 1px var(--blue-200)}}@media(max-width:768px){.field-row,.theme-grid{grid-template-columns:1fr}.currency-preview{flex-direction:column;align-items:flex-start}.settings-card{padding:var(--sp-6)}.welcome-actions{flex-wrap:wrap}}[data-theme=dark] .settings-nav-item.active{box-shadow:inset 0 0 0 1px #2f6fef59}[data-theme=dark] .settings-dirty{color:var(--amber-400);background:#f790091f}[data-theme=dark] .settings-logo{border-color:#ffffff1f}[data-theme=dark] .settings-logo:hover{border-color:var(--blue-400);background:#2f6fef1a}