:root{--navy-900:#0e1b33;--navy-850:#101e3a;--navy-800:#14223f;--navy-700:#1c2e50;--navy-600:#27406b;--blue-700:#1e4fd8;--blue-600:#2f6bff;--blue-500:#4d82ff;--blue-100:#e4ecff;--blue-50:#f1f5ff;--cyan-500:#38bdf8;--cyan-400:#5ccbfa;--cyan-100:#dff3fe;--edu-tint:#c6d2e8;--ink:#0e1b33;--slate-700:#33425c;--slate-600:#41506b;--slate-500:#5c6b85;--slate-400:#8a98b2;--slate-300:#c0cad9;--line:#e5ebf4;--line-soft:#eef2f8;--surface:#fff;--surface-2:#f7f9fc;--page:#f1f4fa;--green-600:#11936b;--green-100:#d6f2e7;--amber-600:#c77a12;--amber-100:#fbebcf;--red-600:#d5403b;--red-100:#fbe0de;--violet-600:#6d49d6;--violet-100:#e8e0fb;--font-brand:"Space Grotesk",sans-serif;--font-ui:"Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--r-sm:7px;--r-md:11px;--r-lg:16px;--r-xl:22px;--sh-1:0 1px 2px rgba(14,27,51,.06),0 1px 3px rgba(14,27,51,.04);--sh-2:0 4px 14px rgba(14,27,51,.07),0 2px 4px rgba(14,27,51,.04);--sh-3:0 18px 48px rgba(14,27,51,.16),0 4px 12px rgba(14,27,51,.08);--sh-nav:0 10px 34px rgba(7,14,30,.42)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#__next,#root{height:100%}button{font-family:inherit;cursor:pointer}::selection{background:var(--blue-100)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cdd6e6;border-radius:20px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#b3bfd2;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.app{overflow:hidden}.app,.main{display:flex;height:100%}.main{flex:1 1;min-width:0;flex-direction:column}.canvas{flex:1 1;overflow-y:auto;overflow-x:hidden}.canvas-pad{padding:26px 32px 48px;max-width:1320px;margin:0 auto}.sidebar{width:248px;flex-shrink:0;background:linear-gradient(177deg,#14223f,#0e1b33 50%,#0a1428);color:#cdd8ee;display:flex;flex-direction:column;border-right:1px solid hsla(0,0%,100%,.05)}.sb-brand{padding:20px 20px 14px;display:flex;align-items:center;gap:11px}.sb-nav{flex:1 1;overflow-y:auto;padding:6px 12px 16px}.sb-group-label{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#5e7099;font-weight:700;padding:16px 12px 7px;font-family:var(--font-ui)}.sb-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--r-sm);margin:1px 0;color:#a9bad4;font-size:13.5px;font-weight:500;text-decoration:none;border:none;background:transparent;width:100%;text-align:left;transition:background .14s,color .14s;position:relative}.sb-item:hover{background:hsla(0,0%,100%,.055);color:#eaf0fb}.sb-item.active{background:rgba(47,107,255,.16);color:#fff}.sb-item.active:before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--cyan-500)}.sb-item .ic{color:inherit;opacity:.92;flex-shrink:0}.sb-badge{margin-left:auto;font-size:10.5px;font-weight:700;font-family:var(--font-mono);background:rgba(56,189,248,.18);color:var(--cyan-400);padding:1px 7px;border-radius:20px}.sb-foot{padding:12px;border-top:1px solid hsla(0,0%,100%,.06)}.sb-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-sm);cursor:pointer;transition:background .14s}.sb-user:hover{background:hsla(0,0%,100%,.05)}.topbar{height:62px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--line);gap:16px;padding:0 28px}.crumb,.topbar{display:flex;align-items:center}.crumb{gap:8px;font-size:13px;color:var(--slate-500)}.crumb b{color:var(--ink);font-weight:600}.searchbar{display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 13px;width:320px;color:var(--slate-400)}.searchbar input{border:none;background:transparent;outline:none;font-family:var(--font-ui);font-size:13.5px;color:var(--ink);width:100%}.searchbar input::placeholder{color:var(--slate-400)}.icon-btn{width:38px;height:38px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--slate-600);position:relative;transition:background .14s,border-color .14s}.icon-btn:hover{background:var(--surface-2);border-color:var(--slate-300)}.dot-notif{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--red-600);border:2px solid var(--surface)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px 20px;margin-bottom:22px;flex-wrap:wrap}.page-head>div:first-child{flex:1 1 300px;min-width:0}.page-title{font-family:var(--font-brand);font-size:25px;font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0}.page-sub{font-size:13.5px;color:var(--slate-500);margin:5px 0 0}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--blue-600);font-family:var(--font-ui)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.card-pad{padding:20px 22px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-soft)}.card-head h3{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em}.btn,.card-head h3{font-family:var(--font-ui)}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:var(--r-md);border:1px solid transparent;transition:background .14s,border-color .14s,box-shadow .14s,transform .06s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue-600);color:#fff;box-shadow:0 2px 8px rgba(47,107,255,.32)}.btn-primary:hover{background:var(--blue-700)}.btn-ghost{background:var(--surface);color:var(--slate-700);border-color:var(--line)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--slate-300)}.btn-subtle{background:var(--blue-50);color:var(--blue-700)}.btn-subtle:hover{background:var(--blue-100)}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-icon-only{padding:9px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:20px;font-family:var(--font-ui);line-height:1.5;white-space:nowrap}.badge .bdot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.green{background:var(--green-100);color:var(--green-600)}.badge.blue{background:var(--blue-100);color:var(--blue-700)}.badge.cyan{background:var(--cyan-100);color:#0e7fb8}.badge.amber{background:var(--amber-100);color:var(--amber-600)}.badge.red{background:var(--red-100);color:var(--red-600)}.badge.violet{background:var(--violet-100);color:var(--violet-600)}.badge.slate{background:#eef2f8;color:var(--slate-600)}.avatar{border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:700;font-family:var(--font-ui);color:#fff;letter-spacing:-.01em;background:var(--blue-600);overflow:hidden}.avatar.sq{border-radius:var(--r-sm)}.tbl{width:100%;border-collapse:collapse}.tbl thead th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-500);font-weight:700;padding:11px 16px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap}.tbl tbody td{padding:13px 16px;border-bottom:1px solid var(--line-soft);font-size:13.5px;color:var(--slate-700);vertical-align:middle}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--blue-50)}.tbl tbody tr:last-child td{border-bottom:none}.tbl .num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-click{cursor:pointer}.kpi{padding:18px 20px}.kpi-label{font-size:12.5px;color:var(--slate-500);font-weight:600;display:flex;align-items:center;gap:8px}.kpi-val{font-family:var(--font-brand);font-size:30px;font-weight:600;letter-spacing:-.02em;margin:10px 0 4px;line-height:1}.kpi-delta{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.kpi-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.prog{height:7px;background:var(--line);overflow:hidden}.prog,.prog>i{border-radius:20px}.prog>i{display:block;height:100%;background:var(--blue-600)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}.tab{padding:11px 15px;font-size:13.5px;font-weight:600;color:var(--slate-500);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .14s,border-color .14s}.tab:hover{color:var(--slate-700)}.tab.active{color:var(--blue-700);border-bottom-color:var(--blue-600)}.kanban{display:flex;gap:16px;align-items:flex-start;overflow-x:auto;padding-bottom:12px}.kan-col{width:286px;flex-shrink:0;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;max-height:100%}.kan-col-head{padding:13px 15px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line)}.kan-col-head .ct{margin-left:auto;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--slate-500);background:var(--surface);border:1px solid var(--line);padding:1px 8px;border-radius:20px}.kan-body{padding:10px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.lead-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:13px;box-shadow:var(--sh-1);cursor:-webkit-grab;cursor:grab;transition:box-shadow .14s,transform .1s,border-color .14s}.lead-card:hover{box-shadow:var(--sh-2);border-color:var(--slate-300);transform:translateY(-1px)}.lead-card:active{cursor:-webkit-grabbing;cursor:grabbing}.divider{height:1px;background:var(--line);border:none;margin:0}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--slate-600);background:var(--surface-2);border:1px solid var(--line);padding:5px 11px;border-radius:20px}.muted{color:var(--slate-500)}.stack{flex-direction:column}.row,.stack{display:flex}.row{align-items:center}.grid{display:grid}.placeholder-stripes{background-image:repeating-linear-gradient(135deg,#eef2f8 0 10px,#f6f8fc 10px 20px);border:1px dashed var(--slate-300);border-radius:var(--r-md);display:grid;place-items:center;color:var(--slate-400);font-family:var(--font-mono);font-size:12px}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{transform:translateY(7px)}to{transform:none}}@media (prefers-reduced-motion:reduce){.fade-in{animation:none}}