:root{--surface:#fff;--surface-soft:#f1f3f5;--paper:#f7f8fa;--line:#e5e7eb;--ink:#20242b;--muted:#6b7280;--radius:14px;color-scheme:light}
:root[data-theme=dark]{--surface:#1b1e24;--surface-soft:#242831;--paper:#121419;--line:#343943;--ink:#edf0f4;--muted:#a8afba;--blue:#e0c14a;color-scheme:dark}
body{background:var(--paper);color:var(--ink)}
.shell{grid-template-columns:240px minmax(0,1fr);transition:grid-template-columns .2s ease}
.sidebar{padding:24px 14px 16px;border-right:1px solid #25262a;background:#101113;overflow:hidden}
.sidebar .brand{height:98px;padding:8px 10px 24px;margin:0;flex-shrink:0;letter-spacing:normal}
.brand-full{width:100%;max-width:204px;height:auto;object-fit:contain}.brand-symbol{display:none;width:40px;height:40px;object-fit:contain}
.sidebar .navlabel{font-size:10px;letter-spacing:1.3px;margin:12px 8px;padding:0 10px;color:#9ca3af}
.sidebar .nav{overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;gap:5px}
.sidebar .nav button{min-height:44px;padding:11px 13px;white-space:nowrap;border-radius:9px;font-size:13px;gap:12px}
.sidebar .nav button.active{background:#d1b132;color:#161616}.sidebar .nav button:not(.active):hover{background:#24262b}
.sidebar .profile{margin-top:18px;border-top:1px solid #2b2d32;border-radius:0;padding-top:18px}.profile>div{min-width:0;overflow:hidden;text-overflow:ellipsis}
.topbar{height:70px;padding:0 28px;background:var(--surface);gap:14px}.topbar .breadcrumb{margin-right:auto}.top-actions{gap:10px}
.iconbtn{background:var(--surface);color:var(--ink);width:38px;height:38px;border-radius:10px}.iconbtn:hover{background:var(--surface-soft)}
.main{padding:28px;animation:page-arrive .18s ease-out}.pagehead{margin-bottom:24px}h1{font-size:29px;letter-spacing:-.8px}.panel,.stat{box-shadow:0 2px 6px #00000003}
.btn,button,input,select,textarea{transition:background-color .15s,border-color .15s,box-shadow .15s}.btn:hover{box-shadow:0 2px 6px #0000000a}.btn.primary{background:#191b20;color:#fff}
.panel,.stat,.lead-card,.kanban-item,.topbar,.bottomnav,dialog,.drawer-head,.drawer-footer,.detail-tabs,.workspace-section,.searchbox,.btn,.chip,.login-box{background-color:var(--surface);color:var(--ink);border-color:var(--line)}
input:not([type=checkbox]):not([type=radio]),select,textarea,.toolbar select{background-color:var(--surface);color:var(--ink);border-color:var(--line)}
.column,.board .column,.segmented,.person-context,.negotiation-tile,.data-table th,.property-icon{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
.segmented button.active{background:var(--surface);color:var(--ink)}.chip.active,.detail-tabs button.active{background:#242831;color:#fff}.negotiation-tile:hover,.priority-row:hover,.data-table tbody tr:hover{background:var(--surface-soft)}
dialog[open]{animation:panel-arrive .2s ease-out}dialog::backdrop{background:#10141b75;backdrop-filter:blur(4px)}
:root[data-theme=dark] :is(.row-bottom,.time,.follow-detail small,.deal-open,.footer-note,.workspace-section small,.field){color:var(--muted)}
:root[data-theme=dark] :is(.demo,.person-access,.email-block,.rule-step,.calendar-date,.calendar-day,.catalog-row,.scope-filter,.rank-summary){background:var(--surface-soft);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] :is(.mail-notice,.invite-box){background:#332d19;color:#f1df98;border-color:#66592f}
:root[data-theme=dark] .badge.hot{background:#492e21;color:#ffba91}:root[data-theme=dark] .badge.cold{background:#23364b;color:#a9cfff}:root[data-theme=dark] .badge.warm{background:#443919;color:#f4d476}:root[data-theme=dark] .badge.stage{background:#303943;color:#c0d1e0}:root[data-theme=dark] .badge.won{background:#293d29;color:#bee19a}:root[data-theme=dark] .badge.customer{background:#453d1d;color:#efda88}
:root[data-theme=dark] .follow-button.is-following{background:#38331c;color:#ecd882;border-color:#766629}
:root[data-theme=dark] :is(.card-foot,.priority-row,.agenda-item,.follow-row,.follow-detail){border-color:var(--line)}
:root[data-theme=dark] .lead-phone a{color:#83d6b8}
:root[data-sidebar=collapsed] .shell{grid-template-columns:76px minmax(0,1fr)}
:root[data-sidebar=collapsed] .sidebar{padding-inline:10px}
:root[data-sidebar=collapsed] .brand{justify-content:center;padding-inline:0}
:root[data-sidebar=collapsed] .brand-full,:root[data-sidebar=collapsed] .navlabel,:root[data-sidebar=collapsed] .nav-text,:root[data-sidebar=collapsed] .nav .count,:root[data-sidebar=collapsed] .profile>div{display:none}
:root[data-sidebar=collapsed] .brand-symbol{display:block}
:root[data-sidebar=collapsed] .nav button,:root[data-sidebar=collapsed] .profile{justify-content:center;padding-inline:0}
.login-page{padding:48px;background:var(--paper);grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:8vw;max-width:1440px;margin:auto}
.login-box{width:100%;padding:36px;border-radius:20px;box-shadow:0 12px 50px #00000008}.login-brand{background:transparent;padding:0;margin-bottom:36px}.login-brand img{width:260px;max-width:100%;margin:0}.login-box h1{font-size:28px}.login-box .field input{min-height:48px}.login-box .primary{background:#d1b132;color:#171717;border-color:#d1b132}.login-theme{position:fixed;top:20px;right:24px}.login-story{width:100%;padding:56px;border-radius:28px;background:#141619;color:#f5f5f5;min-height:500px;display:flex;flex-direction:column;justify-content:center}.login-story .eyebrow{color:#d1b132}.login-story h2{font-size:clamp(28px,3vw,44px);line-height:1.2;max-width:500px;margin:18px 0}.login-story p{color:#b8bdc6;line-height:1.8;max-width:420px}.login-story .login-mark{width:72px;height:72px;object-fit:contain;margin-bottom:35px}
@keyframes page-arrive{from{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes panel-arrive{from{opacity:.5;transform:translateX(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){.shell,:root[data-sidebar=collapsed] .shell{display:block}.sidebar-toggle{display:none}.topbar{padding:0 16px;height:64px}.top-actions{gap:6px}.top-actions .demo{display:none}.main{padding:22px 16px 100px}.login-page{display:grid;grid-template-columns:1fr;padding:70px 20px 30px}.login-box{max-width:440px;padding:28px}.login-story{display:none}.login-brand img{width:240px}.theme-toggle{flex-shrink:0}h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root[data-theme=dark] .annual-results .panel,:root[data-theme=dark] .podium-card:not(.place-1){background:var(--surface);color:var(--ink);border-color:var(--line)}
:root[data-theme=dark] :is(.result-row p,.developer-row>span,.day-sales summary){color:var(--muted)}
.sidebar .nav{align-content:start;grid-auto-rows:max-content}
:root[data-theme=dark] :is(select,input:not([type=checkbox]):not([type=radio]),textarea){background-color:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
:root[data-theme=dark] :is(.team-filter,.catalog-search){background:var(--surface);color:var(--ink);border-color:var(--line)}