:root{color:#f5f7fb;--surface:#111720;--surface-2:#171e29;--surface-3:#1d2633;--ink:#f5f7fb;--muted:#9aa4b2;--line:#2a3442;--accent:#6d35c8;--accent-2:#8b5cf6;background:#0a0d12;font-family:Inter,ui-sans-serif,system-ui,Arial}*{box-sizing:border-box}body{background:linear-gradient(#0d1117 0%,#080b10 100%);min-height:100vh;margin:0}.login{place-items:center;min-height:100vh;display:grid}.login-card{color:#f5f7fb;background:linear-gradient(#171e29,#0f141c);border:1px solid #2a3442;border-radius:28px;width:min(460px,92vw);padding:34px;box-shadow:0 35px 90px #000b}.brand{align-items:center;gap:12px;font-size:24px;font-weight:900;display:flex}.logo{color:#fff;background:linear-gradient(135deg,#64d2ff,#8b5cf6);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 12px 40px #5b8cff55}input,select,textarea,button{font:inherit}input,select,textarea{color:#f5f7fb;background:#0d1117;border:1px solid #2a3442;border-radius:14px;width:100%;margin:6px 0 12px;padding:12px}textarea{min-height:100px}.btn,button{cursor:pointer;color:#fff;background:#6d35c8;border:0;border-radius:14px;padding:11px 14px;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:0 12px 28px #6d35c838}.btn.primary,button.primary{color:#fff;background:#6d35c8;box-shadow:0 14px 36px #6d35c857}.btn.ghost{color:#fff;background:#6d35c8;border:1px solid #8b5cf6}.app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.side{color:#f5f7fb;background:#0f141c;border-right:1px solid #2a3442;height:100vh;padding:22px;position:sticky;top:0;box-shadow:18px 0 60px #00000052}.nav button{text-align:left;color:#c7ced9;width:100%;box-shadow:none;background:0 0;border:1px solid #0000;margin:5px 0;font-weight:650}.nav button.active,.nav button:hover{color:#fff;background:#1d2633;border-color:#3b4656;box-shadow:0 12px 30px #0000002e}.top{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;background:#0d1117e0;border-bottom:1px solid #2a3442;justify-content:space-between;align-items:center;height:76px;padding:0 26px;display:flex;position:sticky;top:0}.search{max-width:520px}.main{padding:26px}.grid{gap:18px;display:grid}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(#171e29,#101720);border:1px solid #2a3442;border-radius:24px;padding:20px;box-shadow:0 25px 80px #0006}.kpi{margin-top:6px;font-size:28px;font-weight:900}.muted{color:#9aa4b2}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.space{justify-content:space-between;align-items:center;gap:12px;display:flex}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #203551;padding:13px}.pill{color:#bcd7ff;background:#142944;border:1px solid #2b4b74;border-radius:999px;padding:5px 10px;font-size:12px;display:inline-flex}.kanban{grid-template-columns:repeat(6,minmax(220px,1fr));gap:14px;padding-bottom:10px;display:grid;overflow:auto}.lane{background:#081526;border:1px solid #223856;border-radius:22px;min-height:360px;padding:14px}.deal{background:#102139;border:1px solid #294363;border-radius:18px;margin:10px 0;padding:12px}.drawer{z-index:5;background:#07101d;border-left:1px solid #27415f;width:min(620px,96vw);height:100vh;padding:22px;position:fixed;top:0;right:0;overflow:auto;box-shadow:-30px 0 80px #0009}.tabs{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.tabs button{background:#0b1729;border:1px solid #263c5d}.tabs button.active{background:#21456f}.small{font-size:12px}.danger{background:#5b1623!important}.success{background:#164f32!important}.warn{background:#6b4e16!important}@media (width<=1100px){.app{grid-template-columns:1fr}.side{height:auto;position:relative}.cols-4,.cols-3,.cols-2,.kanban{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start;height:auto;padding:18px;position:relative}.main{padding:16px}}.modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#020617b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:linear-gradient(#101827,#0b1020);border:1px solid #ffffff24;border-radius:28px;width:min(820px,96vw);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 30px 80px #00000073}.modal-card input,.modal-card textarea{width:100%}.modal-card textarea{min-height:220px}.product-picker{background:#ffffff09;border:1px solid #ffffff1a;border-radius:24px;margin:18px 0;padding:18px}.search.compact{max-width:340px;padding:12px 14px}.chips{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.chip{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:9px 12px}.chip.active{color:#0b1020;background:#fff}.product-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.product-card{text-align:left;cursor:pointer;background:linear-gradient(145deg,#ffffff14,#ffffff06);border:1px solid #ffffff1f;border-radius:22px;flex-direction:column;gap:7px;min-height:155px;padding:16px;transition:all .18s;display:flex}.product-card:hover{border-color:#ffffff47;transform:translateY(-3px);box-shadow:0 18px 45px #00000047}.product-card strong{font-size:20px}.product-card small,.product-card em{color:var(--muted)}.product-card em{font-size:12px;font-style:normal}.quote-line{grid-template-columns:2fr 1fr .7fr 1fr .9fr auto;align-items:center;gap:10px;margin:10px 0;display:grid}.quote-summary{border-top:1px solid #ffffff1a;justify-content:flex-end;align-items:center;gap:18px;margin:16px 0;padding-top:14px;display:flex}.total-badge{background:#ffffff14;border-radius:18px;padding:12px 16px;font-size:20px;font-weight:800}.empty{color:var(--muted);border:1px dashed #fff3;border-radius:18px;margin:10px 0;padding:18px}.danger-text{color:#ffb4b4}@media (width<=900px){.quote-line{grid-template-columns:1fr}.quote-summary{flex-direction:column;align-items:flex-start}.product-grid{grid-template-columns:1fr}}.brand-logo{object-fit:contain;filter:drop-shadow(0 18px 38px #502d9a38);display:block}.login-brand{justify-content:center;margin-bottom:8px}.login-logo{width:min(300px,82vw);height:auto}.sidebar-brand{justify-content:flex-start;margin-bottom:10px}.sidebar-logo{width:190px;max-width:100%;height:auto}.logo{display:none}@media (width<=1100px){.sidebar-logo{width:160px}}.side .muted,.side .small{color:#8b95a3}.side .brand{color:#f5f7fb}.login-card label{color:#d8dee9;font-weight:750}.login-card .muted{color:#9aa4b2}.login-card .pill.danger{color:#fecaca;background:#3b1114;border-color:#7f1d1d}.side .brand-logo{filter:drop-shadow(0 12px 18px #00000059)}.brand-logo{max-width:220px;height:auto;display:block}.login-logo{object-fit:contain;max-width:300px;max-height:132px}.side .nav{margin-top:18px}.search{color:#f5f7fb;background:#0d1117;border-color:#2a3442}.top .muted{color:#9aa4b2}.side .brand{padding:4px 0 16px}.side .brand-logo{background:0 0}.nav button.active:before{content:"";vertical-align:middle;background:#8b5cf6;border-radius:999px;width:6px;height:6px;margin-right:8px;display:inline-block}:root{--accent:#6d35c8;--accent-hover:#7c3aed;--accent-soft:#6d35c829;--accent-line:#8b5cf66b}button:not(.nav button),.btn,.card button,.top button,.drawer button,.tabs button,.table button,form button{color:#fff;background:#6d35c8;border:1px solid #8b5cf68c;box-shadow:0 12px 28px #6d35c838}button:not(.nav button):hover,.btn:hover,.card button:hover,.top button:hover,.drawer button:hover,.tabs button:hover,.table button:hover,form button:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 16px 38px #6d35c852}.side .nav button,.side .nav button:hover,.side .nav button.active{color:#c7ced9;box-shadow:none;background:0 0;border-color:#0000;transform:none}.side .nav button.active,.side .nav button:hover{color:#fff;background:#1d2633;border-color:#3b4656}.card{border-color:#8b5cf633;box-shadow:0 25px 80px #0006,inset 0 1px #8b5cf614}.card:hover{border-color:#8b5cf657}input:focus,select:focus,textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 4px #6d35c829}.pill{border-color:#8b5cf661}.kpi{color:#fff;text-shadow:0 0 26px #8b5cf638}.top{box-shadow:0 1px #8b5cf62e}.drawer{box-shadow:-40px 0 100px #0009,inset 1px 0 #8b5cf61f}.table tr:hover td{background:#6d35c80e}.tabs button.active{border-color:#8b5cf6;background:#6d35c8!important}.nav button.active:before{background:#8b5cf6;box-shadow:0 0 18px #8b5cf6e6}.score-row{border-bottom:1px solid #2a3442;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.rank{color:#fff;background:#6d35c8;border-radius:14px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 10px 28px #6d35c847}.pill.success{color:#bbf7d0;background:#16a34a24;border-color:#22c55e57}.user-form label{color:#d8dee9;font-weight:700;display:block}.checkline{align-items:center;gap:10px;margin:8px 0 16px;display:flex!important}.checkline input[type=checkbox],.row input[type=checkbox]{accent-color:#6d35c8;width:auto!important;margin:0!important}button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.permissions-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.permission-card{background:#101720;border:1px solid #2a3442;border-radius:16px;align-items:flex-start;gap:12px;padding:13px;display:flex}.permission-card input{accent-color:#6d35c8;width:auto!important;margin:3px 0 0!important}.permission-card b{display:block}.permission-card span{color:#9aa4b2;margin-top:3px;font-size:12px;display:block}.ai-output{white-space:pre-wrap;color:#f5f7fb;background:#0d1117;border:1px solid #2a3442;border-radius:16px;padding:16px}.notice{color:#e9ddff;background:#6d35c81a;border:1px solid #8b5cf659;border-radius:16px;margin:12px 0;padding:12px 14px}.template-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.template-card{background:#101720;border:1px solid #2a3442;border-radius:18px;gap:6px;padding:14px;display:grid}.template-card span{color:#9aa4b2;font-size:12px}.template-card small{color:#c7ced9;line-height:1.4}.app{grid-template-columns:300px minmax(0,1fr)}.side{scrollbar-width:thin;height:100vh;padding:18px 16px;position:sticky;top:0;overflow:hidden auto}.side::-webkit-scrollbar{width:8px}.side::-webkit-scrollbar-thumb{background:#2a3442;border-radius:999px}.sidebar-brand{justify-content:center;align-items:center;min-height:84px;margin-bottom:4px}.sidebar-logo{object-fit:contain;max-width:230px;max-height:92px}.userline{border-bottom:1px solid #2a3442;margin:0 0 12px;padding:8px 10px 14px}.nav{gap:14px;padding-bottom:24px;display:grid}.nav-group{gap:5px;display:grid}.nav-label{color:#7f8a99;text-transform:uppercase;letter-spacing:.12em;padding:8px 10px 3px;font-size:11px;font-weight:900}.nav button{border-radius:12px;min-height:38px;padding:9px 11px;line-height:1.15}.nav button.active{color:#fff!important;background:#6d35c8!important;border-color:#8b5cf6!important}.nav button.active:before{display:none!important}section{min-width:0}.top{z-index:5}@media (width<=900px){.app{grid-template-columns:1fr}.side{height:auto;max-height:none;position:relative}.nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.ai-input{min-height:180px}.ai-output{white-space:pre-wrap;color:#f5f7fb;background:#080b10;border:1px solid #8b5cf659;border-radius:18px;max-height:520px;padding:18px;line-height:1.55;overflow:auto}.mini-card{padding:16px!important}.mini-card .kpi{font-size:22px}.ai-context-json{white-space:pre-wrap;color:#9aa4b2;background:#05070b;border:1px solid #2a3442;border-radius:14px;max-height:260px;padding:12px;font-size:12px;overflow:auto}.chat-layout{grid-template-columns:360px minmax(0,1fr)}.chat-session-list{gap:8px;max-height:560px;padding-right:4px;display:grid;overflow:auto}.chat-session{text-align:left;gap:4px;display:grid;box-shadow:none!important;background:#101720!important;border:1px solid #2a3442!important}.chat-session.active{background:#1d2633!important;border-color:#8b5cf6!important}.chat-session span,.chat-session small{color:#9aa4b2}.chat-panel{flex-direction:column;min-height:680px;display:flex}.chat-messages{background:#080b10;border:1px solid #2a3442;border-radius:18px;flex-direction:column;gap:12px;min-height:360px;max-height:520px;padding:12px;display:flex;overflow:auto}.chat-bubble{background:#111720;border:1px solid #2a3442;border-radius:18px;max-width:76%;padding:12px 14px}.chat-bubble.agent{background:#24144a;border-color:#6d35c8;align-self:flex-end}.chat-bubble.customer{align-self:flex-start}.chat-bubble p{white-space:pre-wrap;margin:6px 0}.chat-bubble small{color:#9aa4b2}.chat-compose{margin-top:14px}.chat-compose textarea{min-height:110px}@media (width<=1000px){.chat-layout{grid-template-columns:1fr}.chat-panel{min-height:auto}}.native-check{accent-color:#6d35c8;width:auto!important;margin:0!important}.done-row{opacity:.68}.done-row td{text-decoration:none}.done-row b{text-decoration:line-through}