@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Bebas+Neue&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080c14;--card:#0f1623;--border:#1a2540;--text:#e2e8f0;--muted:#718096;--accent:#0ea5e9;--input-bg:#111827;--hover-bg:rgba(255,255,255,.04);--hover-row:rgba(255,255,255,.015);--modal-overlay:rgba(0,0,0,.8);--topbar-bg:#080c14;--bottomnav-bg:#0f1623;--pin-border:#1a2540;--stat-bg:#080c14;--login-bg:#080c14;--dropdown-bg:#111827;--dropdown-hover:#1e3a5f;--scrollbar:#1a2540;--tag-muted-bg:#1a2540;--tag-muted-color:#94a3b8;--white:#fff;--invert-text:white}[data-theme=light]{--bg:#f1f5f9;--card:#ffffff;--border:#e2e8f0;--text:#1e293b;--muted:#64748b;--accent:#0284c7;--input-bg:#f8fafc;--hover-bg:rgba(0,0,0,.03);--hover-row:rgba(0,0,0,.02);--modal-overlay:rgba(0,0,0,.4);--topbar-bg:#ffffff;--bottomnav-bg:#ffffff;--pin-border:#cbd5e1;--stat-bg:#f8fafc;--login-bg:#f1f5f9;--dropdown-bg:#ffffff;--dropdown-hover:#e0f2fe;--scrollbar:#cbd5e1;--tag-muted-bg:#e2e8f0;--tag-muted-color:#475569;--white:#1e293b;--invert-text:#1e293b}[data-theme=midnight]{--bg:#0b1020;--card:#151b30;--border:#26304d;--text:#e5e7f0;--muted:#8b93ad;--accent:#8b5cf6;--input-bg:#141a2e;--hover-bg:rgba(255,255,255,.05);--hover-row:rgba(255,255,255,.02);--modal-overlay:rgba(0,0,0,.8);--topbar-bg:#0b1020;--bottomnav-bg:#151b30;--pin-border:#26304d;--stat-bg:#0b1020;--login-bg:#0b1020;--dropdown-bg:#141a2e;--dropdown-hover:#2e2065;--scrollbar:#26304d;--tag-muted-bg:#26304d;--tag-muted-color:#a5b0cf;--white:#fff;--invert-text:white}[data-theme=ocean]{--bg:#0a1929;--card:#0f2438;--border:#1c3a52;--text:#dceaf2;--muted:#7d9bb0;--accent:#22d3ee;--input-bg:#0d2032;--hover-bg:rgba(255,255,255,.05);--hover-row:rgba(255,255,255,.02);--modal-overlay:rgba(0,0,0,.8);--topbar-bg:#0a1929;--bottomnav-bg:#0f2438;--pin-border:#1c3a52;--stat-bg:#0a1929;--login-bg:#0a1929;--dropdown-bg:#0d2032;--dropdown-hover:#0e4152;--scrollbar:#1c3a52;--tag-muted-bg:#1c3a52;--tag-muted-color:#95b4c7;--white:#fff;--invert-text:white}[data-theme=forest]{--bg:#0c1a12;--card:#12241a;--border:#20402e;--text:#e0efe4;--muted:#82a091;--accent:#34d399;--input-bg:#102017;--hover-bg:rgba(255,255,255,.05);--hover-row:rgba(255,255,255,.02);--modal-overlay:rgba(0,0,0,.8);--topbar-bg:#0c1a12;--bottomnav-bg:#12241a;--pin-border:#20402e;--stat-bg:#0c1a12;--login-bg:#0c1a12;--dropdown-bg:#102017;--dropdown-hover:#14432c;--scrollbar:#20402e;--tag-muted-bg:#20402e;--tag-muted-color:#9cbfa9;--white:#fff;--invert-text:white}[data-theme=sandstone]{--bg:#f5efe4;--card:#fffdf8;--border:#e6dcc8;--text:#3a3226;--muted:#8a7d68;--accent:#c2751a;--input-bg:#faf6ee;--hover-bg:rgba(0,0,0,.03);--hover-row:rgba(0,0,0,.02);--modal-overlay:rgba(0,0,0,.4);--topbar-bg:#fffdf8;--bottomnav-bg:#fffdf8;--pin-border:#d8caae;--stat-bg:#faf6ee;--login-bg:#f5efe4;--dropdown-bg:#fffdf8;--dropdown-hover:#fbe6cf;--scrollbar:#d8caae;--tag-muted-bg:#ece2cf;--tag-muted-color:#6b5f49;--white:#3a3226;--invert-text:#3a3226}html,body,#root{height:100%}body{font-family:Plus Jakarta Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;transition:background .3s,border-color .3s}.inp{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 14px;font-size:13px;font-family:inherit;width:100%;outline:none;transition:border .2s,background .3s,color .3s}.inp:focus{border-color:var(--accent)}select.inp option{background:var(--input-bg);color:var(--text)}textarea.inp{resize:vertical}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;border:none;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--card);color:var(--text)}.btn-green{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.nav-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;color:var(--muted);transition:all .2s;border:none;background:none;font-family:inherit;white-space:nowrap;flex-shrink:0}.nav-item:hover{color:var(--text);background:var(--hover-bg)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 4px 15px #0ea5e940}.avatar{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;font-family:Bebas Neue,sans-serif}.progress{height:5px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .6s ease}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.toggle-btn{transition:all .15s;border:none;cursor:pointer;font-family:inherit}.toggle-btn[aria-pressed=true]{opacity:1}.toggle-btn[aria-pressed=false]{opacity:.7}.toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle{background:none;border:1px solid var(--border);color:var(--muted);width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);z-index:100;display:flex;align-items:flex-end;justify-content:center}@media (min-width:600px){.modal-bg{align-items:center;padding:20px}}.modal{background:var(--card);border:1px solid var(--border);border-radius:20px 20px 0 0;padding:24px;width:100%;max-height:92vh;overflow-y:auto}@media (min-width:600px){.modal{border-radius:20px;max-width:520px}}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:480px){.grid2{grid-template-columns:1fr}}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width:900px){.grid4{grid-template-columns:1fr 1fr}}@media (max-width:480px){.grid4{grid-template-columns:1fr}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}.table-wrap table{width:100%}.calls-table{table-layout:fixed;width:100%}.calls-table th,.calls-table td{overflow:hidden;text-overflow:ellipsis}@media (max-width:900px){.table-wrap:has(.calls-table){overflow-x:auto}.calls-table{min-width:820px}}table{width:100%;border-collapse:collapse;font-size:12.5px}th{color:var(--muted);font-weight:600;text-align:left;padding:8px 12px;border-bottom:1px solid var(--border);font-size:10px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}td{padding:9px 12px;border-bottom:1px solid var(--border);white-space:nowrap}tr:hover td{background:var(--hover-row)}@media (max-width:768px){.table-wrap.mobile-cards table,.table-wrap.mobile-cards thead{display:none}.table-wrap.mobile-cards{overflow:visible}}.topbar{border-bottom:1px solid var(--border);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;background:var(--topbar-bg);position:sticky;top:0;z-index:40;transition:background .3s,border-color .3s;gap:8px}.desktop-nav{display:flex;gap:1px;align-items:center;flex:1;min-width:0;margin:0 8px}.desktop-nav::-webkit-scrollbar{display:none}.mobile-menu-btn{display:none;background:none;border:none;color:var(--muted);cursor:pointer}@media (max-width:1100px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}}.body-wrap{padding:20px;max-width:1200px;margin:0 auto}@media (max-width:600px){.body-wrap{padding:12px}}.app-shell{display:flex;align-items:stretch}.sidebar{width:220px;flex-shrink:0;background:var(--topbar-bg);border-right:1px solid var(--border);position:sticky;top:53px;height:calc(100vh - 53px);overflow-y:auto;overflow-x:hidden;padding:12px 10px;transition:width .18s ease;display:flex;flex-direction:column;gap:2px}.sidebar.collapsed{width:60px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.sidebar-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);background:none;border:none;font-family:inherit;white-space:nowrap;width:100%;text-align:left;transition:background .15s,color .15s}.sidebar-item:hover{color:var(--text);background:var(--hover-bg)}.sidebar-item.active{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 4px 15px #0ea5e940}.sidebar-item .sidebar-label{overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-item{justify-content:center;padding:9px 0}.sidebar.collapsed .sidebar-label{display:none}.sidebar-toggle{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;cursor:pointer;color:var(--muted);background:none;border:none;font-family:inherit;font-size:12px;font-weight:600;width:100%;margin-bottom:4px;transition:background .15s}.sidebar-toggle:hover{color:var(--text);background:var(--hover-bg)}.sidebar.collapsed .sidebar-toggle{justify-content:center;padding:9px 0}.sidebar-main{flex:1;min-width:0}.sidebar-group{display:flex;flex-direction:column;gap:2px}.sidebar-section-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);opacity:.7;padding:14px 11px 5px}.sidebar-divider{height:1px;background:var(--border);margin:8px 10px}.sidebar-badge{margin-left:auto;background:#dc2626;color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:flex;align-items:center;justify-content:center}.sidebar-item.active .sidebar-badge{background:#ffffff40}.sidebar.collapsed .sidebar-badge{display:none}@media (max-width:1100px){.sidebar{display:none}}.rep-body{padding:20px 20px 80px;max-width:480px;margin:0 auto}.home-wrap{padding:20px 20px 90px;max-width:1100px;margin:0 auto}@media (max-width:600px){.home-wrap{padding:12px 12px 90px}}.home-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;align-items:start}@media (max-width:820px){.home-grid{grid-template-columns:1fr}}.kpi-tile{transition:transform .12s,border-color .12s}.kpi-tile:hover{transform:translateY(-2px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bottomnav-bg);border-top:1px solid var(--border);display:flex;z-index:40;padding-bottom:env(safe-area-inset-bottom,0px);transition:background .3s}@media (min-width:1101px){.bottom-nav,.fab{display:none}}.bottom-nav-btn{flex:1;padding:11px 0;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;font-size:9px;font-weight:600;font-family:inherit;transition:color .15s}.fab{position:fixed;bottom:72px;right:20px;z-index:50;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #0ea5e966;transition:all .2s}.fab:hover{transform:scale(1.08)}.rep-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}@media (max-width:600px){.rep-card-grid{grid-template-columns:1fr}}.slide-up{animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 140px);min-height:300px;max-height:700px}.chat-bubble{max-width:82%;padding:10px 14px;font-size:13px;line-height:1.65;white-space:pre-wrap}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}@media (min-width:400px){.outcome-grid{grid-template-columns:repeat(3,1fr)}}.stat-mini{background:var(--stat-bg);border-radius:8px;padding:10px 12px}.login-wrap{min-height:100vh;background:var(--login-bg);display:flex;align-items:center;justify-content:center;padding:20px;transition:background .3s}.login-profile-btn{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .25s;text-align:left;width:100%}.login-profile-btn:hover{border-color:var(--accent);box-shadow:0 0 20px #0ea5e926;transform:translateY(-1px)}.login-profile-btn:active{transform:translateY(0)}.pin-digit{width:48px;height:56px;background:var(--input-bg);border:2px solid var(--pin-border);border-radius:12px;color:var(--text);font-size:22px;font-weight:800;text-align:center;font-family:Bebas Neue,sans-serif;outline:none;transition:border .2s;-webkit-text-security:disc}.pin-digit:focus{border-color:var(--accent)}.dropdown-wrap{position:relative}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:var(--dropdown-bg);border:1px solid var(--accent);border-radius:0 0 10px 10px;z-index:200;max-height:180px;overflow-y:auto}.dropdown-item{padding:9px 14px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--border);color:var(--text)}.dropdown-item:hover{background:var(--dropdown-hover)}.dropdown-item:last-child{border-bottom:none}.renewal-alert{border-radius:12px;padding:12px 16px;display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{width:64px;height:64px;border-radius:16px;background:var(--input-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.empty-state h3{color:var(--text);font-weight:700;font-size:16px;margin-bottom:8px}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:20px;max-width:320px;margin-left:auto;margin-right:auto;line-height:1.5}.chart-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}@media (max-width:768px){.chart-grid{grid-template-columns:1fr}}@media (max-width:900px){.landing-left{display:none!important}.landing-right{flex:1!important;min-height:100vh}}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.user-row{transition:background .12s}.user-row:hover{background:var(--hover-bg)}