:root{--brand: #2f6bff;--brand-dark: #1d4ed8;--brand-bright: #5b8cff;--sidebar-w: 256px;--sidebar-w-collapsed: 76px;--header-h: 64px;--radius: 12px;--ok: #16a34a;--warn: #d97706;--danger: #dc2626}:root,[data-theme=light]{--bg: #f4f6fb;--surface: #ffffff;--surface-2: #f8fafc;--sidebar-bg: #ffffff;--sidebar-ink: #475569;--sidebar-ink-active: #0f172a;--header-bg: #ffffff;--ink: #0f172a;--text: #334155;--text-dim: #64748b;--line: #e6ebf3;--line-soft: #eef2f8;--hover: #f1f5fd;--active-bg: #eaf1ff;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -16px rgba(15, 23, 42, .18);--accent-soft: #eaf1ff}[data-theme=dark]{--bg: #0a0f1c;--surface: #111827;--surface-2: #0f1626;--sidebar-bg: #0d1424;--sidebar-ink: #94a3b8;--sidebar-ink-active: #f1f5f9;--header-bg: #0d1424;--ink: #f1f5f9;--text: #cbd5e1;--text-dim: #8194ad;--line: #1e293b;--line-soft: #18223a;--hover: #182137;--active-bg: #16233f;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 30px -18px rgba(0, 0, 0, .6);--accent-soft: #16233f}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .2s ease,color .2s ease}img{display:block}a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--header-h) 1fr;grid-template-areas:"sidebar header" "sidebar main";height:100vh;transition:grid-template-columns .22s ease}.app.collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.sidebar{grid-area:sidebar;background:var(--sidebar-bg);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.sidebar-brand{height:var(--header-h);display:flex;align-items:center;gap:.7rem;padding:0 1.25rem;border-bottom:1px solid var(--line);flex-shrink:0}.sidebar-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-bright));display:grid;place-items:center;color:#fff;font-weight:800;font-size:1rem;flex-shrink:0;box-shadow:0 6px 16px -6px #2f6bff99}.sidebar-name{display:flex;flex-direction:column;line-height:1.1;white-space:nowrap}.sidebar-name b{color:var(--ink);font-weight:800;font-size:1.02rem}.sidebar-name span{color:var(--text-dim);font-size:.72rem;letter-spacing:.04em}.collapsed .sidebar-name{display:none}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem .75rem;display:flex;flex-direction:column;gap:.2rem}.nav-label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-weight:700;padding:.9rem .85rem .4rem;white-space:nowrap}.collapsed .nav-label{text-align:center;font-size:0;padding:.6rem 0}.collapsed .nav-label:after{content:"•••";font-size:.7rem;letter-spacing:.1em}.nav-item{display:flex;align-items:center;gap:.8rem;padding:.62rem .85rem;border-radius:10px;color:var(--sidebar-ink);font-weight:600;font-size:.92rem;white-space:nowrap;transition:background .15s ease,color .15s ease}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--hover);color:var(--sidebar-ink-active)}.nav-item.active{background:var(--active-bg);color:var(--brand)}.nav-item .nav-badge{margin-left:auto;background:var(--brand);color:#fff;font-size:.7rem;font-weight:700;padding:.05rem .45rem;border-radius:999px}.collapsed .nav-item{justify-content:center;padding:.62rem 0}.collapsed .nav-item .nav-text,.collapsed .nav-item .nav-badge{display:none}.sidebar-footer{border-top:1px solid var(--line);padding:.85rem;flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:.7rem;padding:.5rem;border-radius:10px;width:100%;text-align:left}.sidebar-user-logout{margin-left:auto;color:var(--text-dim);flex-shrink:0}.sidebar-user:hover .sidebar-user-logout{color:var(--danger)}.collapsed .sidebar-user-logout{display:none}.sidebar-user:hover{background:var(--hover)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,var(--brand));color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap;overflow:hidden}.sidebar-user-info b{color:var(--ink);font-size:.88rem;font-weight:700}.sidebar-user-info span{color:var(--text-dim);font-size:.75rem}.collapsed .sidebar-user-info{display:none}.header{grid-area:header;background:var(--header-bg);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:1rem;padding:0 1.5rem;position:sticky;top:0;z-index:10}.icon-btn{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--text-dim);transition:background .15s ease,color .15s ease;position:relative}.icon-btn:hover{background:var(--hover);color:var(--ink)}.header-title{display:flex;flex-direction:column;line-height:1.2}.header-title h1{font-size:1.12rem;font-weight:800;color:var(--ink)}.header-title span{font-size:.78rem;color:var(--text-dim)}.header-search{margin-left:.5rem;flex:1;max-width:420px;display:flex;align-items:center;gap:.6rem;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:0 .85rem;height:40px;color:var(--text-dim)}.header-search:focus-within{border-color:var(--brand)}.header-search input{flex:1;border:none;outline:none;background:none;color:var(--text);font-size:.9rem}.header-search input::placeholder{color:var(--text-dim)}.header-search kbd{font-size:.7rem;font-family:ui-monospace,monospace;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:.1rem .35rem;color:var(--text-dim)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.35rem}.dot{position:absolute;top:9px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--header-bg)}.main{grid-area:main;overflow-y:auto;padding:2rem}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-head h2{font-size:1.5rem;font-weight:800;color:var(--ink);letter-spacing:-.02em}.page-head p{color:var(--text-dim);font-size:.92rem;margin-top:.15rem}.btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;border-radius:10px;padding:.6rem 1.1rem;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 22px -10px #2f6bffa6}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}.btn-ghost:hover{background:var(--hover)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;margin-bottom:1.85rem}@media(max-width:1280px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat{padding:1.45rem;display:flex;flex-direction:column;gap:.95rem}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--brand)}.stat-delta{display:inline-flex;align-items:center;gap:.2rem;font-size:.8rem;font-weight:700;padding:.18rem .5rem;border-radius:999px}.stat-delta.up{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.stat-delta.down{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.stat-value{font-size:1.85rem;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1}.stat-label{font-size:.85rem;color:var(--text-dim)}.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1.1rem}.card-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--line-soft)}.card-head h3{font-size:1rem;font-weight:700;color:var(--ink)}.card-head a{font-size:.83rem;font-weight:600;color:var(--brand)}.chart{padding:1.25rem}.bars{display:flex;align-items:flex-end;gap:.6rem;height:180px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%;justify-content:flex-end}.bar{width:100%;max-width:32px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--brand-bright),var(--brand));transition:filter .15s ease}.bar:hover{filter:brightness(1.1)}.bar-label{font-size:.72rem;color:var(--text-dim);font-weight:600}.activity{padding:.5rem .5rem .75rem}.activity-item{display:flex;gap:.85rem;padding:.7rem .75rem;border-radius:10px}.activity-item:hover{background:var(--hover)}.activity-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:0}.activity-dot.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.activity-dot.warn{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.activity-dot.info{background:var(--accent-soft);color:var(--brand)}.activity-body{flex:1;min-width:0}.activity-body b{display:block;color:var(--ink);font-size:.88rem;font-weight:700}.activity-body span{font-size:.82rem;color:var(--text-dim)}.activity-time{font-size:.75rem;color:var(--text-dim);white-space:nowrap}.table-wrap{margin-top:1.5rem;overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-weight:700;padding:.9rem 1.25rem;border-bottom:1px solid var(--line-soft)}tbody td{padding:.9rem 1.25rem;border-bottom:1px solid var(--line-soft);font-size:.9rem;color:var(--text)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--hover)}.cell-name{display:flex;align-items:center;gap:.7rem;font-weight:600;color:var(--ink)}.pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;padding:.22rem .6rem;border-radius:999px}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pill.online{color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,transparent)}.pill.offline{color:var(--text-dim);background:var(--surface-2)}.pill.busy{color:var(--warn);background:color-mix(in srgb,var(--warn) 13%,transparent)}.pill.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 13%,transparent)}.tgt-table{width:100%;border-collapse:collapse}.tgt-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-weight:700;padding:.6rem .8rem;border-bottom:1px solid var(--line)}.tgt-table td{padding:.6rem .8rem;border-bottom:1px solid var(--line-soft);vertical-align:middle}.tgt-name{font-weight:700;color:var(--ink);font-size:.92rem}.tgt-focus{font-size:.78rem;color:var(--text-dim);margin-top:.15rem;max-width:42ch}.tgt-muted{color:var(--text-dim);font-size:.86rem}.tgt-empty{text-align:center;color:var(--text-dim);padding:1.4rem}.tgt-input{width:84px;font:inherit;font-size:.9rem;padding:.4rem .5rem;border-radius:8px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);text-align:right}.tgt-input:focus{outline:2px solid var(--brand);outline-offset:1px}.tgt-progress{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;min-width:90px}.tgt-progress-bar{height:100%;border-radius:999px;transition:width .2s ease}.tgt-progress-bar.low{background:#94a3b8}.tgt-progress-bar.mid{background:var(--warn)}.tgt-progress-bar.ok{background:var(--brand)}.tgt-progress-bar.done{background:var(--ok)}.tgt-del{color:var(--danger);font-size:1.1rem;line-height:1;padding:.2rem .45rem;border-radius:6px}.tgt-del:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.tgt-add{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.tgt-add .tgt-input{width:auto;text-align:left}.muted{color:var(--text-dim)}.empty-soft{color:var(--text-dim);font-size:.88rem;padding:1.2rem 0;text-align:center}.btn-sm{padding:.35rem .7rem;font-size:.82rem;border-radius:8px}.kpi-sub{font-size:.74rem;font-weight:700;color:var(--text-dim);background:var(--surface-2);padding:.2rem .55rem;border-radius:999px}.kpi-sub-good{color:var(--ok);background:color-mix(in srgb,var(--ok) 13%,transparent)}.kpi-sub-mid{color:var(--warn, #d97706);background:color-mix(in srgb,var(--warn, #d97706) 14%,transparent)}.kpi-sub-thin{color:var(--danger);background:color-mix(in srgb,var(--danger) 13%,transparent)}.margin-pct{font-size:.76rem;font-weight:700;margin-top:.1rem}.margin-pct.good{color:var(--ok)}.margin-pct.mid{color:var(--warn, #d97706)}.margin-pct.thin{color:var(--danger)}.sales-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:1.4rem;margin-bottom:1.85rem}.sales-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-bottom:1.85rem}.funnel{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.25rem 1.25rem}.funnel-row{display:grid;grid-template-columns:165px 1fr 160px;gap:.9rem;align-items:center}.funnel-label{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--ink);font-size:.9rem}.conv-pill{margin-left:auto;font-size:.68rem;font-weight:700;color:var(--brand);background:var(--accent-soft);padding:.1rem .4rem;border-radius:999px}.funnel-dot{width:9px;height:9px;border-radius:50%;background:var(--brand);flex-shrink:0}.funnel-dot.won{background:var(--ok)}.funnel-dot.lost{background:var(--danger)}.funnel-track{height:26px;background:var(--surface-2);border-radius:7px;overflow:hidden}.funnel-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,var(--brand),var(--brand-bright));transition:width .25s ease}.funnel-fill.won{background:linear-gradient(90deg,var(--ok),#4ade80)}.funnel-fill.lost{background:linear-gradient(90deg,var(--danger),#f87171)}.funnel-meta{text-align:right;display:flex;flex-direction:column;line-height:1.25}.funnel-meta b{color:var(--ink);font-size:.95rem}.funnel-meta span{font-size:.78rem}.sales-target-card{display:flex;flex-direction:column;padding-bottom:1.35rem}.sales-target-card>:not(.card-head){padding-left:1.35rem;padding-right:1.35rem}.ring-wrap{display:grid;place-items:center;padding:.8rem 0 1rem}.ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center}.ring-inner{width:100px;height:100px;border-radius:50%;background:var(--surface);display:grid;place-items:center;text-align:center;box-shadow:inset 0 0 0 1px var(--line)}.ring-pct{font-size:1.6rem;font-weight:800;color:var(--ink);line-height:1}.ring-lbl{font-size:.72rem;color:var(--text-dim);margin-top:.15rem}.target-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;text-align:center;padding-top:.4rem;border-top:1px solid var(--line-soft)}.target-stats>div{display:flex;flex-direction:column;gap:.15rem}.target-stats span{font-size:.72rem}.target-stats b{font-size:1.05rem;color:var(--ink)}.goal-line{margin-top:1rem}.goal-line-head{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.4rem}.phase-trend{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:.55rem}.phase-trend-head{font-size:.8rem;margin-bottom:.1rem}.phase-row{display:grid;grid-template-columns:84px 1fr 38px;gap:.6rem;align-items:center}.phase-row.current .phase-name{color:var(--brand);font-weight:700}.phase-name{font-size:.78rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase-pct{font-size:.78rem;font-weight:700;color:var(--ink);text-align:right}.bd{display:flex;flex-direction:column;gap:.7rem;padding:1rem 1.25rem 1.25rem}.bd-row{display:grid;grid-template-columns:110px 1fr auto;gap:.7rem;align-items:center}.bd-label{font-size:.86rem;font-weight:600;color:var(--ink)}.bd-track{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.bd-fill{height:100%;border-radius:999px;background:var(--brand);min-width:4px;transition:width .25s ease}.bd-val{font-size:.84rem;font-weight:700;color:var(--ink)}.lb{display:flex;flex-direction:column;gap:.8rem;padding:1rem 1.25rem 1.25rem}.lb-row{display:grid;grid-template-columns:24px 1fr auto;gap:.7rem;align-items:center}.lb-rank{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--brand);font-weight:800;font-size:.78rem;display:grid;place-items:center}.lb-body{display:flex;flex-direction:column;gap:.3rem}.lb-top{display:flex;justify-content:space-between;font-size:.88rem}.lb-top b{color:var(--ink)}@media(max-width:1100px){.sales-grid,.sales-grid-3{grid-template-columns:1fr}}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:720px){.app,.app.collapsed{grid-template-columns:0 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:50;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow)}.app.mobile-open .sidebar{transform:translate(0)}.header-search{display:none}.scrim{position:fixed;inset:0;background:#02061273;z-index:40}}