:root{--teal-50: #ecf3f6;--teal-100: #d4e3e9;--teal-200: #a9c6d2;--teal-300: #7ba8b8;--teal-400: #4f8a9d;--teal-500: #2e7589;--teal-600: #235e6f;--teal-700: #1b4855;--teal-800: #14333c;--teal-900: #0d2128;--sage-300: #9fd0ad;--sage-400: #6dbb87;--sage-500: #4ea36a;--sage-600: #3a8453;--amber-400: #d49a3c;--amber-500: #b97f1f;--rose-400: #cf6f6c;--rose-500: #b14d4a;--plum-400: #8d6db0;--ink-0: #ffffff;--ink-50: #f5f7fa;--ink-100:#eef1f5;--ink-150:#e4e8ee;--ink-200:#d6dce4;--ink-300:#b8c0cc;--ink-400:#8e98a6;--ink-500:#677183;--ink-600:#4a5566;--ink-700:#34404f;--ink-800:#1f2a39;--ink-900:#0e1825;--bg: #f1f4f8;--bg-soft: #e8ecf2;--surface: #ffffff;--surface-2: #fafbfd;--surface-3: #f5f7fa;--border: #e2e7ee;--border-strong: #d0d6e0;--text: var(--ink-900);--text-muted:var(--ink-500);--text-dim: var(--ink-400);--primary: var(--teal-500);--primary-hover: var(--teal-600);--primary-soft: #e3eef2;--success: var(--sage-500);--success-soft: #e1f0e6;--warning: var(--amber-500);--warning-soft: #f6ecd9;--danger: var(--rose-500);--danger-soft: #f6dedc;--info: var(--teal-400);--info-soft: #e0ecf1;--shadow-xs: 0 1px 0 rgba(15,30,50,.04);--shadow-sm: 0 1px 2px rgba(15,30,50,.06), 0 1px 0 rgba(15,30,50,.02);--shadow-md: 0 4px 14px -2px rgba(15,30,50,.08), 0 1px 0 rgba(15,30,50,.03);--shadow-lg: 0 18px 38px -8px rgba(15,30,50,.18), 0 4px 8px -4px rgba(15,30,50,.08);--radius-xs: 4px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--font-display: "Sora", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--sidebar-w: 244px;--sidebar-collapsed: 64px;--topbar-h: 56px}[data-theme=dark]{--bg: #0c141d;--bg-soft: #08101a;--surface: #131d29;--surface-2: #182434;--surface-3: #1d2a3b;--border: #243244;--border-strong: #2f3f55;--text: #e9eef5;--text-muted:#9aa6b8;--text-dim: #6c7a8d;--primary: #5da9bd;--primary-hover: #79b9cb;--primary-soft: #18313a;--success: #6dbb87;--success-soft: #16331f;--warning: #d4a45a;--warning-soft: #33271a;--danger: #e0827d;--danger-soft: #331e1c;--info-soft: #16293a;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 18px 38px -8px rgba(0,0,0,.65)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;height:100vh;overflow:hidden}.app.is-collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.app.is-portal{grid-template-columns:220px 1fr}.sidebar{grid-row:1 / 3;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative}.sidebar-head{height:var(--topbar-h);display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--border);flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--text)}.brand-mark{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--teal-500),var(--teal-700));display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:-.04em;box-shadow:inset 0 1px #fff3,0 1px 2px #0000001a;position:relative;flex-shrink:0}.brand-mark:after{content:"";position:absolute;inset:auto 4px 4px auto;width:6px;height:6px;background:var(--sage-400);border-radius:50%;box-shadow:0 0 0 2px var(--surface)}.is-collapsed .brand-text{display:none}.nav{padding:14px 8px;overflow-y:auto;flex:1}.nav-section{margin-bottom:14px}.nav-section-title{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);padding:8px 12px 6px}.is-collapsed .nav-section-title{opacity:0;height:0;padding:0;overflow:hidden}.nav-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;color:var(--text-muted);font-weight:500;font-size:13.5px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-3);color:var(--text)}.nav-item.is-active{background:var(--primary-soft);color:var(--primary)}.nav-item.is-active:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:3px;background:var(--primary);border-radius:0 3px 3px 0}.nav-item .ico{width:18px;height:18px;flex-shrink:0}.nav-item .badge{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;font-weight:600;background:var(--surface-3);color:var(--text-muted);padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.nav-item.is-active .badge{background:var(--primary);color:#fff}.is-collapsed .nav-label,.is-collapsed .nav-item .badge{display:none}.is-collapsed .nav-item{justify-content:center;padding:10px}.sidebar-foot{padding:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.user-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer}.user-card:hover{background:var(--surface-3)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--teal-200);color:var(--teal-700);display:grid;place-items:center;font-weight:600;font-size:12px;font-family:var(--font-display);flex-shrink:0}.avatar.sm{width:22px;height:22px;font-size:10px}.avatar.lg{width:44px;height:44px;font-size:15px}.user-meta{font-size:13px;min-width:0;flex:1}.user-meta b{display:block;font-weight:600;color:var(--text);font-size:13px}.user-meta span{color:var(--text-muted);font-size:11.5px}.is-collapsed .user-meta,.is-collapsed .user-chev{display:none}.topbar{grid-column:2;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 18px;gap:14px;flex-shrink:0;z-index:5}.crumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.crumbs b{color:var(--text);font-weight:600}.crumbs .sep{color:var(--text-dim)}.search{margin-left:auto;display:flex;align-items:center;gap:8px;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:6px 10px;width:320px;color:var(--text-muted);font-size:13px;cursor:text}.search input{border:none;background:none;outline:none;flex:1;min-width:0}.kbd{font-family:var(--font-mono);font-size:10.5px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.topbar-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-muted);transition:background .12s,color .12s;position:relative}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn.has-dot:after{content:"";position:absolute;top:8px;right:8px;width:7px;height:7px;background:var(--danger);border-radius:50%;box-shadow:0 0 0 2px var(--surface)}.locale-tog{display:inline-flex;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:2px;font-family:var(--font-mono);font-size:10.5px;font-weight:600}.locale-tog button{border:none;background:none;padding:4px 8px;border-radius:6px;color:var(--text-muted);letter-spacing:.04em}.locale-tog button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.main{grid-column:2;overflow:auto;background:var(--bg);position:relative}.page{padding:24px 28px 64px;max-width:1480px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.page-head h1{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.02em;color:var(--text);margin:0 0 4px}.page-head .sub{color:var(--text-muted);font-size:13.5px}.page-head-actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;font-size:13px;transition:background .12s,border-color .12s,transform 80ms;white-space:nowrap}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:inset 0 1px #ffffff29,0 1px 2px #14323c26}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn.ghost:hover{background:var(--surface-3);color:var(--text)}.btn.danger{color:var(--danger);border-color:var(--border-strong)}.btn.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.btn.sm{height:28px;padding:0 10px;font-size:12px;border-radius:6px}.btn.xs{height:22px;padding:0 8px;font-size:11px;border-radius:5px}.ico{width:16px;height:16px;flex-shrink:0}.btn .ico{width:14px;height:14px}.btn.icon{width:34px;padding:0}.btn.icon.sm{width:28px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--border)}.card-head h3{font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:-.005em;margin:0}.card-head .sub{color:var(--text-muted);font-size:11.5px;margin-top:2px}.card-body{padding:16px}.card-body.flush{padding:0}.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--surface-3);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.chip.primary{background:var(--primary-soft);color:var(--primary);border-color:transparent}.chip.success{background:var(--success-soft);color:var(--success);border-color:transparent}.chip.warning{background:var(--warning-soft);color:var(--warning);border-color:transparent}.chip.danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.chip.info{background:var(--info-soft);color:var(--primary);border-color:transparent}.chip.plain{background:transparent}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11.5px;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=number],.field input[type=password],.field textarea,.field select{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;font-size:13px;color:var(--text);width:100%;outline:none;transition:border-color .12s,box-shadow .12s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field textarea{min-height:80px;resize:vertical;font-family:inherit}.field .hint{font-size:11.5px;color:var(--text-dim)}.table{width:100%;border-collapse:collapse;font-size:13px}.table thead th{text-align:left;font-weight:500;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap}.table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--surface-2);cursor:pointer}.table .num{font-family:var(--font-mono);font-size:12.5px;font-variant-numeric:tabular-nums}.table .muted{color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;position:relative;overflow:hidden}.kpi-label{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-bottom:8px}.kpi-label .ico{width:14px;height:14px}.kpi-value{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.kpi-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:12px}.kpi-trend{display:inline-flex;align-items:center;gap:4px;font-weight:600}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.kpi-spark{width:80px;height:28px;opacity:.7}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:280px;gap:14px;overflow-x:auto;padding-bottom:8px}.kcol{background:var(--surface-3);border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;min-height:480px;max-height:calc(100vh - 240px)}.kcol-head{display:flex;align-items:center;gap:8px;padding:12px 12px 8px}.kcol-head .name{font-weight:600;font-size:13px}.kcol-head .count{margin-left:auto;font-family:var(--font-mono);font-size:11px;background:var(--surface);color:var(--text-muted);padding:1px 6px;border-radius:6px;border:1px solid var(--border)}.kcol-head .stage-dot{width:8px;height:8px;border-radius:50%}.kcol-body{padding:4px 8px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;flex:1}.lcard{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;display:flex;flex-direction:column;gap:6px;cursor:pointer;box-shadow:var(--shadow-xs);transition:transform .12s,box-shadow .12s}.lcard:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.lcard .title{font-weight:600;color:var(--text)}.lcard .row{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted)}.lcard .row.between{justify-content:space-between}.lcard .value{font-family:var(--font-mono);font-size:12px;color:var(--text);font-weight:600}.lcard .meta{display:flex;gap:6px;flex-wrap:wrap}.score{font-family:var(--font-mono);font-size:10.5px;font-weight:700;padding:1px 5px;border-radius:4px;letter-spacing:.02em}.score.hot{background:#fbe5d8;color:#b95821}.score.warm{background:var(--warning-soft);color:var(--warning)}.score.cool{background:var(--info-soft);color:var(--info)}.score.cold{background:var(--surface-3);color:var(--text-muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.row{display:flex;gap:14px;align-items:flex-start}.stack{display:flex;flex-direction:column;gap:14px}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.tabbar{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--border);padding:0 4px;margin-bottom:16px}.tab{padding:9px 14px;font-size:13px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap}.tab:hover{color:var(--text)}.tab.is-active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.timeline{display:flex;flex-direction:column}.tl-item{display:flex;gap:12px;padding:10px 0}.tl-dot{width:28px;height:28px;border-radius:50%;background:var(--surface-3);color:var(--text-muted);display:grid;place-items:center;flex-shrink:0;position:relative}.tl-dot:after{content:"";position:absolute;top:32px;left:50%;width:1px;height:calc(100% - 24px);background:var(--border);transform:translate(-50%)}.tl-item:last-child .tl-dot:after{display:none}.tl-dot .ico{width:14px;height:14px}.tl-dot.info{background:var(--info-soft);color:var(--primary)}.tl-dot.success{background:var(--success-soft);color:var(--success)}.tl-dot.warning{background:var(--warning-soft);color:var(--warning)}.tl-body{flex:1;padding-top:4px;font-size:13px}.tl-body b{font-weight:600}.tl-body .meta{color:var(--text-dim);font-size:11.5px;margin-top:2px;font-family:var(--font-mono)}.bar{width:100%;height:6px;background:var(--surface-3);border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--primary);border-radius:999px;transition:width .24s}.bar.success>span{background:var(--success)}.bar.warning>span{background:var(--warning)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#08101a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;animation:fade .16s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(720px,100vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:90;display:flex;flex-direction:column;animation:slideR .22s cubic-bezier(.2,.7,.2,1)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideR{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.drawer-head h2{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.01em;margin:0}.drawer-body{padding:20px;overflow:auto;flex:1}.drawer-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.ribbon{display:inline-flex;align-items:center;gap:6px;background:var(--surface-3);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:14px 0}.section-title{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.chart-grid line{stroke:var(--border);stroke-dasharray:2 4}.chart-axis text{fill:var(--text-dim);font-size:10px;font-family:var(--font-mono)}.chart-line{fill:none;stroke:var(--primary);stroke-width:2}.chart-area{fill:var(--primary-soft);opacity:.7}.main::-webkit-scrollbar,.kcol-body::-webkit-scrollbar,.drawer-body::-webkit-scrollbar,.nav::-webkit-scrollbar{width:8px;height:8px}.main::-webkit-scrollbar-thumb,.kcol-body::-webkit-scrollbar-thumb,.drawer-body::-webkit-scrollbar-thumb,.nav::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.main::-webkit-scrollbar-track{background:transparent}::selection{background:var(--primary-soft);color:var(--primary-hover)}.amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.stage-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.stage-dot.s-new{background:#9aa6b8}.stage-dot.s-contacted{background:#5fa1c2}.stage-dot.s-sent{background:#6e8fc4}.stage-dot.s-received{background:#7e6dc4}.stage-dot.s-proposal{background:#c48b6d}.stage-dot.s-negotiation{background:#c2a45f}.stage-dot.s-won{background:var(--sage-500)}.stage-dot.s-lost{background:var(--rose-500)}.spacer{flex:1}.right{margin-left:auto}.center{text-align:center}.gantt{display:grid;grid-template-columns:240px 1fr;font-size:13px}.gantt .row-l,.gantt .row-r{border-bottom:1px solid var(--border)}.gantt .row-l{padding:10px 14px;display:flex;align-items:center;gap:8px;background:var(--surface-2)}.gantt .row-r{position:relative;height:38px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(100% / 12 - 1px),var(--border) calc(100% / 12 - 1px),var(--border) calc(100% / 12))}.gantt .gbar{position:absolute;top:9px;height:20px;border-radius:5px;background:var(--primary);display:flex;align-items:center;padding:0 8px;color:#fff;font-size:11px;font-weight:600;box-shadow:var(--shadow-xs)}.gantt .gbar.done{background:var(--success)}.gantt .gbar.late{background:var(--rose-400)}.gantt-head{display:grid;grid-template-columns:240px 1fr;background:var(--surface-2);border-bottom:1px solid var(--border)}.gantt-head .h-l{padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:var(--font-mono)}.gantt-head .h-r{display:grid;grid-template-columns:repeat(12,1fr)}.gantt-head .h-r span{padding:10px 0;text-align:center;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);border-left:1px solid var(--border)}.portal-banner{background:linear-gradient(120deg,var(--teal-700),var(--teal-500));color:#fff;border-radius:var(--radius);padding:22px 24px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;margin-bottom:18px}.portal-banner:after{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}.portal-banner h2{font-family:var(--font-display);font-weight:700;font-size:22px;margin:0;letter-spacing:-.01em}.portal-banner .sub{opacity:.85;font-size:13px;margin-top:4px}.portal-banner .progress-ring{z-index:2}[data-theme=dark] .lcard:hover{box-shadow:0 8px 24px #0006}[data-theme=dark] .avatar{background:var(--teal-700);color:var(--teal-100)}[data-theme=dark] .score.hot{background:#3a241a;color:#e1a274}