@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}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}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;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;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}}.rep-body{padding:20px 20px 80px;max-width:480px;margin:0 auto}.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}.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}}