@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display:ital@0;1&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@layer base{:root{--default-font-family:"DM Sans", ui-sans-serif, sans-serif;--default-mono-font-family:"JetBrains Mono", ui-monospace, monospace}html,body,#root{height:100%}}:root{--bg:#08080b;--bg2:#0d0d11;--panel:#0f0f13;--surface:#141419;--surface2:#18181e;--raised:#1c1c23;--border:#1e1e28;--border2:#2a2a36;--line:#191921;--text:#f0f0f8;--text2:#d0d0de;--dim:#a8a8bc;--muted:#60606e;--muted2:#32323e;--accent:#00d68f;--accent-bg:#00d68f14;--accent-border:#00d68f33;--gold:gold;--gold-d:#f90;--gold-bg:#ffd7001a;--gold-border:#ffd70047;--warn:#f5a623;--warn-bg:#f5a62314;--warn-border:#f5a62333;--danger:#f05454;--danger-bg:#f0545414;--danger-border:#f0545433;--info:#5b9cf6;--info-bg:#5b9cf614;--info-border:#5b9cf633;--purple:#a78bfa;--purple-bg:#a78bfa14;--purple-border:#a78bfa33;--green:var(--accent);--green-bg:var(--accent-bg);--green-border:var(--accent-border);--yellow:var(--warn);--red:var(--danger);--blue:var(--info);--font-sans:"DM Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-display:"DM Serif Display", "Playfair Display", Georgia, serif;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-panel:0 0 0 1px #1e1e28, 0 4px 16px #0009;--shadow-modal:0 0 0 1px #2a2a36, 0 12px 60px #000000f2;--shadow-kpi:0 1px 3px #0006;--sidebar-w:240px;--topbar-h:56px;--page-px:28px;--page-py:28px}[data-theme=light]{--bg:#edeef2;--bg2:#e6e7ec;--panel:#f8f8fb;--surface:#f0f1f5;--surface2:#eaebf0;--raised:#fff;--border:#d8d9e2;--border2:#c8c9d6;--line:#e2e3ea;--text:#0c0c16;--text2:#252535;--dim:#404054;--muted:#72728a;--muted2:#b8b9cc;--accent:#00a86b;--accent-bg:#00a86b17;--accent-border:#00a86b3d;--warn:#d97706;--warn-bg:#d9770617;--warn-border:#d977063d;--danger:#dc2626;--danger-bg:#dc262617;--danger-border:#dc26263d;--info:#2563eb;--info-bg:#2563eb17;--info-border:#2563eb3d;--shadow-panel:0 0 0 1px #d8d9e2, 0 2px 8px #0000000f;--shadow-modal:0 0 0 1px #c8c9d6, 0 12px 60px #0000002e;--shadow-kpi:0 1px 4px #00000012, 0 0 0 1px #d8d9e2}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c4c5d4}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#aaaabc}[data-theme=light] ::selection{color:var(--accent);background:#00a86b29}[data-theme=light] .trow:hover,[data-theme=light] .metric-row:hover{background:#00000006}[data-theme=light] .nav-item:hover{background:var(--surface)}[data-theme=light] .btn-muted:hover:not(:disabled){background:var(--surface2)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100%;font-size:14px;line-height:1.55}*{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2a30;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a42}::selection{color:var(--accent);background:#00d68f33}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadein2{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes sliderin{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideup{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes guide-pulse{0%,to{box-shadow:0 0 0 2px var(--accent)}50%{box-shadow:0 0 0 4px var(--accent), 0 0 12px #00d68f4d}}@keyframes slidein-right{0%{transform:translate(100%)}to{transform:translate(0)}}.page,.fade-in{animation:.18s both fadein}.spin{animation:1s linear infinite spin}.blink{animation:2s ease-in-out infinite blink}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.mono{font-family:var(--font-mono)!important}.display{font-family:var(--font-display)!important}.mono-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px}.glow-green{text-shadow:0 0 14px #00d68f80}.glow-warn{text-shadow:0 0 14px #f5a62373}.glow-danger{text-shadow:0 0 14px #f0545473}.label-caps,.c-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.logo-box{flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-box img{aspect-ratio:1;max-width:100%}.logo-box-xs{width:28px;height:28px}.logo-box-sm{width:32px;height:32px}.logo-box-md{border-radius:8px;width:42px;height:42px}.logo-box-lg{border-radius:12px;width:56px;height:56px}.gold{color:var(--gold)!important}.gold-bg{background:var(--gold-bg)!important}.gold-border{border-color:var(--gold-border)!important}.green{color:var(--accent)!important}.green-bg{background:var(--accent-bg)!important}.loader-root{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.loader-ring-wrap{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.loader-ring{border:5.5px solid var(--border);border-right-color:var(--panel);border-radius:50%;animation:.9s linear infinite spin;position:absolute;inset:0}.loader-ring-outer{border:5px solid #0000;border-top-color:var(--surface);border-radius:50%;animation:1.8s linear infinite reverse spin;position:absolute;inset:-8px}.loader-brand{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10px}.s-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:18px 20px}.s-card-flush{background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden}.section-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-head .rule{background:var(--accent);border-radius:1px;flex-shrink:0;width:20px;height:2px}.section-head-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:9px}.card-accent{position:relative;overflow:hidden}.card-accent:before{content:"";background:var(--accent-color,transparent);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.page-header{margin-bottom:24px}.page-header h1{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1.15}.page-header-meta{color:var(--muted);margin-top:3px;font-size:12px}.page-wrap{padding:var(--page-py) var(--page-px) 48px;box-sizing:border-box;width:100%}.trow{transition:background 80ms}.trow:hover{background:#ffffff08}.trow.clickable{cursor:pointer}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);background:var(--surface);border-bottom:1px solid var(--border);white-space:nowrap;z-index:1;padding:10px 16px;font-size:11px;font-weight:700;position:sticky;top:0}.data-table th.r,.data-table td.r{text-align:right}.data-table td{font-family:var(--font-mono);border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle;padding:12px 16px;font-size:13px}.data-table tbody tr:last-child td{border-bottom:none}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll table{min-width:480px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-kpi);padding:20px;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.kpi:after{content:"";background:linear-gradient(90deg, var(--accent-color,transparent) 0%, transparent 100%);opacity:.5;height:1px;position:absolute;inset:0 0 auto}.kpi:hover{border-color:var(--border2);box-shadow:var(--shadow-panel)}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.kpi-icon{color:var(--muted2);align-items:center;display:flex}.kpi-value{font-family:var(--font-mono);letter-spacing:-.03em;color:var(--text);margin-bottom:6px;font-size:28px;font-weight:700;line-height:1.1}.kpi-sub{color:var(--muted);font-size:11px;font-weight:500;line-height:1.4}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:20px;display:grid}.g-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.g-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.g-4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.g-6{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.g-sb{grid-template-columns:minmax(0, 1fr) var(--sidebar-w);align-items:start;gap:14px;display:grid}.g-sb-sm{grid-template-columns:minmax(0,1fr) 200px;align-items:start;gap:14px;display:grid}.hide-sm,.hide-md{display:none!important}.badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.badge-green{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.badge-red{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.badge-yellow{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-border)}.badge-blue{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.badge-purple{background:var(--purple-bg);color:var(--purple);border-color:var(--purple-border)}.badge-muted{background:var(--raised);color:var(--dim);border-color:var(--border)}.btn{border-radius:var(--radius);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.btn-primary:hover:not(:disabled){background:#00d68f26;border-color:#00d68f59}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){background:#f0545426}.btn-ghost{color:var(--dim);border-color:var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface);color:var(--text);border-color:var(--border2)}.btn-muted{background:var(--surface);color:var(--muted);border-color:var(--border)}.btn-muted:hover:not(:disabled){background:var(--raised);color:var(--dim)}.btn-solid{background:var(--accent);color:#03150d;border-color:#0000;font-weight:700;transition:all .15s;box-shadow:0 0 #00d68f00}.btn-solid:hover:not(:disabled){background:#00ebb0;box-shadow:0 0 16px #00d68f4d}.btn-gold{background:var(--gold);color:#0a0a00;font-weight:700;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:3px;transition:opacity .12s,box-shadow .15s}.btn-gold:hover:not(:disabled){opacity:.92;box-shadow:0 0 18px #ffd70059}.btn-gold:disabled{opacity:.4;cursor:not-allowed}.btn.sm{border-radius:6px;padding:5px 12px;font-size:12px}.btn.xs{border-radius:5px;padding:3px 8px;font-size:11px}.field{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:13px;font-family:var(--font-sans);color:var(--text);outline:none;padding:9px 12px;transition:border-color .12s,box-shadow .12s}.field::placeholder{color:var(--muted)}.field:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px #00d68f12}[data-theme=light] .field:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px #00a86b12}.field.mono{font-family:var(--font-mono)}.field.has-icon{padding-left:34px}select.field{cursor:pointer;appearance:none}textarea.field{resize:vertical}.toggle-track{background:var(--raised);border:1px solid var(--border);cursor:pointer;border-radius:5px;flex-shrink:0;width:34px;height:18px;transition:all .15s;position:relative}.toggle-track.on{background:var(--accent-bg);border-color:var(--accent-border)}.toggle-thumb{background:var(--muted);border-radius:3px;width:12px;height:12px;transition:all .15s;position:absolute;top:2px;left:2px}.toggle-track.on .toggle-thumb{background:var(--accent);transform:translate(16px)}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000d1;justify-content:center;align-items:center;padding:20px;animation:.15s fadein2;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:var(--panel);border:1px solid var(--border2);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:440px;margin:auto;animation:.22s cubic-bezier(.16,1,.3,1) slideup;position:relative}.modal-box.wide{max-width:600px}.modal-box.xl{max-width:980px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:18px 20px 14px;display:flex}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.drawer-overlay{z-index:9999;animation:.15s fadein2;display:flex;position:fixed;inset:0}.drawer-backdrop{cursor:pointer;background:#000000b8;flex:1}.drawer-panel{background:var(--bg);border-left:1px solid var(--border2);flex-direction:column;width:420px;max-width:96vw;animation:.25s cubic-bezier(.16,1,.3,1) sliderin;display:flex;overflow:hidden;box-shadow:-12px 0 48px #0009}.drawer-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex;position:sticky;top:0}.drawer-body{flex:1;padding:24px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:14px 24px;display:flex}.nav-item{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius);align-items:center;gap:10px;margin:1px 8px;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:color .1s,background .1s;display:flex}.nav-item:hover{color:var(--dim);background:var(--surface)}.nav-item.active{color:var(--accent);background:var(--accent-bg);box-shadow:inset 3px 0 0 var(--accent);border-radius:0 var(--radius) var(--radius) 0;margin-left:0;padding-left:17px;font-weight:600}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-kpi);overflow:hidden}.card-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:13px 18px;display:flex}.card-title{letter-spacing:.04em;color:var(--dim);font-size:12px;font-weight:600}.card-meta{font-family:var(--font-mono);color:var(--muted);font-size:11px}.chart-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-kpi);overflow:hidden}.chart-card-header{justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.chart-card-title{color:var(--dim);letter-spacing:-.01em;font-size:13px;font-weight:600}.chart-card-body{padding:0 16px 16px}.metric-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 16px;transition:background 80ms;display:flex}.metric-row:last-child{border-bottom:none}.metric-row:hover{background:#ffffff05}.m-key{color:var(--muted);font-size:13px}.m-val{font-family:var(--font-mono);color:var(--text);font-size:13px;font-weight:600}.accordion{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;overflow:hidden}.accordion-header{cursor:pointer;background:var(--surface);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:13px 16px;transition:background 80ms;display:flex}.accordion-header:hover{background:var(--raised)}.accordion-body{border-top:1px solid var(--border);background:var(--panel);padding:16px}.chip{cursor:pointer;white-space:nowrap;border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:500;font-family:var(--font-sans);background:0 0;border-radius:4px;padding:5px 12px;transition:all .1s}.chip:hover{color:var(--dim);background:var(--raised)}.chip.active{color:var(--text);background:#ffffff14;border-color:#ffffff29}[data-theme=light] .chip.active{color:var(--text);background:#00000012;border-color:#00000024}.gauge-row{align-items:center;gap:12px;padding:6px 0;display:flex}.gauge-label{color:var(--muted);flex-shrink:0;width:108px;font-size:12px}.gauge-track{background:var(--surface);border-radius:2px;flex:1;height:4px;overflow:hidden}.gauge-fill{border-radius:2px;height:100%;transition:width .5s}.gauge-val{font-family:var(--font-mono);text-align:right;flex-shrink:0;width:56px;font-size:12px}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--raised) 50%, var(--surface) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.6s infinite shimmer}.otp-wrap{justify-content:center;gap:8px;display:flex}.otp-cell{text-align:center;width:48px;height:56px;font-size:24px;font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;font-weight:700;transition:border-color .12s}.otp-cell:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px #00d68f14}.lock-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;border-radius:inherit;background:#0d0d0fdb;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.section-sep{align-items:center;gap:10px;display:flex}.section-sep-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700}.section-sep-line{background:var(--border);flex:1;height:1px}.push-prompt{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;display:flex}.push-prompt-text{color:var(--text2);flex:1;min-width:160px;font-size:12px}.push-prompt-actions{flex-shrink:0;gap:8px;display:flex}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--raised)!important;border:1px solid var(--border)!important;font-family:var(--font-mono)!important;border-radius:6px!important;font-size:11px!important}.app-shell{background:var(--bg);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:100vh;display:flex;overflow:hidden}.sidebar-scroll{flex:1;overflow-y:auto}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.main-scroll{flex:1;overflow:hidden auto}.login-shell{background:var(--bg);min-height:100vh;display:flex;position:relative;overflow:hidden}.login-panel-left{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:420px;padding:48px 40px;display:flex}.login-panel-right{flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex}.login-form{width:100%;max-width:380px}.onboard-shell{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.onboard-box{width:100%;max-width:560px}.plan-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.settings-shell{gap:0;min-height:100%;display:flex}.settings-nav{border-right:1px solid var(--border);flex-shrink:0;width:220px}.settings-body{flex:1;min-width:0;padding:28px}.desktop-sidebar{flex-direction:column;display:flex!important}.mobile-topbar{display:none!important}.hide-sm,.hide-md{display:revert!important}@media (width>=769px) and (width<=1024px){:root{--sidebar-w:200px;--page-px:20px}.hide-md{display:none!important}.g-4{grid-template-columns:repeat(2,1fr)!important}.g-6{grid-template-columns:repeat(3,1fr)!important}.g-sb,.g-sb-sm{grid-template-columns:1fr!important}.g-3,.plan-grid{grid-template-columns:1fr 1fr!important}.settings-nav{width:180px}}@media (width<=768px){:root{--page-px:16px;--page-py:16px;font-size:13px}.desktop-sidebar{display:none!important}.mobile-topbar{display:flex!important}.page-wrap{padding:16px 16px 80px!important}.g-2,.g-3,.g-4,.g-6,.g-sb,.g-sb-sm{grid-template-columns:1fr!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.hide-sm{display:none!important}.drawer-overlay{align-items:flex-end!important}.drawer-panel{border-left:none!important;border-top:1px solid var(--border)!important;border-radius:14px 14px 0 0!important;width:100%!important;max-width:100vw!important;max-height:92vh!important;animation:.25s slideup!important}.drawer-header{border-radius:14px 14px 0 0}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-box{max-height:90vh;overflow-y:auto;border-radius:14px 14px 0 0!important;max-width:100%!important}.login-panel-left{display:none!important}.login-panel-right{padding:32px 20px}.login-form{max-width:100%}.onboard-shell{align-items:flex-start;padding:16px}.plan-grid{grid-template-columns:1fr!important}.settings-shell{flex-direction:column}.settings-nav{border-right:none;border-bottom:1px solid var(--border);width:100%}.settings-body{padding:16px}.push-prompt{flex-direction:column;align-items:flex-start}.push-prompt-actions{width:100%}.push-prompt-actions .btn{flex:1;justify-content:center}.topbar{padding:0 12px}.page-header h1{font-size:20px}.kpi-value{font-size:22px}}@media (width<=480px){:root{--page-px:12px}.kpi-grid{grid-template-columns:1fr 1fr!important}.otp-cell{width:40px;height:50px;font-size:20px}.login-panel-right{padding:24px 12px}}@media (width<=600px){.cal-grid-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.cal-grid-wrap>div{min-width:320px}.cal-cell{min-height:48px!important;padding:4px 5px!important}}@media (width<=768px){.filter-bar{flex-wrap:wrap!important;gap:8px!important}.chip-scroll{-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:4px;overflow-x:auto}.chip-scroll::-webkit-scrollbar{height:2px}.section-header{flex-wrap:wrap;gap:8px!important}.page-header-inner{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.plan-grid{grid-template-columns:1fr!important;max-width:100%!important}.billing-toggle{flex-direction:column;align-items:flex-start;gap:8px}}@media (width>=769px) and (width<=1024px){.plan-grid{grid-template-columns:1fr 1fr!important}}@media (width<=768px){.account-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.account-tabs::-webkit-scrollbar{height:2px}.perf-tabs{-webkit-overflow-scrolling:touch;padding-bottom:2px;overflow-x:auto}.perf-tabs::-webkit-scrollbar{height:2px}.g-2.perf-dir{grid-template-columns:1fr!important}.settings-shell{flex-direction:column!important}.settings-nav{border-bottom:1px solid var(--border);max-height:200px;overflow-y:auto;border-right:none!important;width:100%!important}.settings-body{padding:16px!important}.login-panel-left{display:none!important}.login-panel-right{padding:28px 20px!important}.login-form{max-width:100%}}@media (width>=769px) and (width<=960px){.login-panel-left{width:300px;padding:32px 28px}}@media (width<=480px){.onboard-box .step-label{display:none}.onboard-box .step-line{margin-bottom:0!important}}@media (width<=768px){.kpi-value{font-size:20px!important}.page-header h1{font-size:18px!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (width<=768px){.drawer-panel{padding-bottom:env(safe-area-inset-bottom)}.page-wrap{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}}}@media (width<=768px){.g-4{grid-template-columns:1fr 1fr!important}}@media (width<=480px){.g-4,.g-3{grid-template-columns:1fr!important}}