.glass{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:inset 0 1px #ffffff29,var(--shadow-card);isolation:isolate}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,var(--glass-highlight) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,rgba(255,255,255,.08) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none;z-index:1}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(160%)}.glass-thin{background:var(--glass-bg-thin);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.glass-pill{border-radius:var(--radius-pill)}.glass-row{border-radius:var(--radius-row)}.glass-interactive{cursor:pointer;transition:transform .18s var(--ease-glass),background .18s var(--ease-glass)}.glass-interactive:active{transform:scale(.97)}.glass-interactive:hover{background:var(--glass-bg-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;border:none;cursor:pointer;border-radius:var(--radius-pill);padding:13px 22px;transition:transform .15s var(--ease-glass),opacity .15s var(--ease-glass);white-space:nowrap}.btn:active{transform:scale(.96)}.btn-sm{padding:8px 16px;font-size:13px}.btn-block{width:100%}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 8px 24px -6px #ff3d7f8c}.btn-glass{background:var(--glass-bg-strong);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.btn-ghost{background:transparent;color:var(--accent-1);padding-left:8px;padding-right:8px}.btn-danger{background:#ff547029;color:var(--danger);border:1px solid rgba(255,84,112,.3)}.btn-icon{padding:10px;border-radius:50%}.btn:disabled{opacity:.45;cursor:not-allowed}.segmented{display:flex;padding:4px;gap:2px;border-radius:var(--radius-pill);overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented button{border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;padding:9px 16px;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background .2s var(--ease-glass),color .2s var(--ease-glass)}.segmented button.active{background:var(--accent-gradient);color:#fff}.list-group{border-radius:var(--radius-row);overflow:hidden}.list-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer;transition:background .15s ease}.list-row:last-child{border-bottom:none}.list-row:hover{background:#ffffff0a}.list-row .icon-wrap{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.list-row-content{flex:1;min-width:0}.list-row-title{font-size:15px;font-weight:500}.list-row-subtitle{font-size:13px;color:var(--text-secondary);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-chevron{color:var(--text-tertiary);flex-shrink:0}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:var(--accent-gradient);flex-shrink:0;overflow:hidden}.progress-ring{transform:rotate(-90deg)}.progress-ring-track{fill:none;stroke:#ffffff1a}.progress-ring-value{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease-glass)}.stat-card{padding:18px;display:flex;flex-direction:column;gap:6px}.stat-card .stat-label{font-size:12.5px;color:var(--text-secondary);font-weight:600}.stat-card .stat-value{font-size:26px;font-weight:800;letter-spacing:-.02em}.stat-card .stat-delta{font-size:12.5px;font-weight:600}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:90;animation:fadeIn .25s var(--ease-glass)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:91;max-height:88vh;overflow-y:auto;border-radius:28px 28px 0 0;padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 24px);animation:sheetUp .32s var(--ease-glass);margin:0 auto;max-width:560px}.sheet-grabber{width:36px;height:5px;border-radius:999px;background:#ffffff40;margin:6px auto 14px}.sheet-title{font-size:20px;font-weight:700;margin-bottom:14px}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.search-field{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:var(--radius-pill);color:var(--text-secondary)}.search-field input{border:none;background:transparent;outline:none;color:var(--text-primary);font-size:15px;flex:1;min-width:0}.search-field input::placeholder{color:var(--text-tertiary)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.02em}.badge-neutral{background:#ffffff1a;color:var(--text-secondary)}.badge-success{background:#33d17a26;color:var(--success)}.badge-warning{background:#ffb34026;color:var(--warning)}.badge-danger{background:#ff547026;color:var(--danger)}.badge-info{background:#4fb2ff26;color:var(--info)}.badge-accent{background:var(--accent-soft);color:var(--accent-1)}.skeleton{position:relative;overflow:hidden;background:#ffffff0f}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);animation:skeleton-shimmer 1.4s infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.toast-stack{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 90px);transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:999;width:min(360px,calc(100vw - 32px))}.toast{padding:12px 16px;border-radius:16px;font-size:13.5px;font-weight:600;text-align:center;animation:toast-in .2s ease;background:#15151d;border:1px solid rgba(255,255,255,.12)}.toast-error{color:var(--danger)}.toast-success{color:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.trial-banner{padding:10px 16px;font-size:12.5px;font-weight:600;text-align:center;color:var(--text-secondary)}.tabbar-wrap{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:0 14px calc(env(safe-area-inset-bottom,0px) + 14px);z-index:80;pointer-events:none}.tabbar{pointer-events:auto;display:flex;align-items:center;justify-content:space-around;gap:2px;padding:8px;width:100%;max-width:460px;border-radius:var(--radius-pill)}.tabbar-item{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1;padding:8px 4px;border-radius:var(--radius-pill);color:var(--text-tertiary);cursor:pointer;transition:color .2s ease,background .2s ease;min-width:0}.tabbar-item span{font-size:10.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tabbar-item.active{color:#fff;background:var(--accent-soft)}.tabbar-item.active svg{color:var(--accent-1)}@media (min-width: 1024px){.tabbar-wrap{display:none}}.sidebar{display:none}@media (min-width: 1024px){.sidebar{display:flex;flex-direction:column;position:fixed;top:24px;left:24px;bottom:24px;width:var(--sidebar-w);padding:20px 14px;border-radius:32px;z-index:80;gap:4px}.app-shell.has-sidebar{margin-left:calc(var(--sidebar-w) + 48px + 24px)}}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 20px}.sidebar-brand-logo{width:34px;height:34px;border-radius:10px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;flex-shrink:0}.sidebar-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:16px;color:var(--text-secondary);font-weight:600;font-size:14.5px;cursor:pointer;transition:background .18s ease,color .18s ease}.sidebar-item:hover{background:#ffffff0f;color:var(--text-primary)}.sidebar-item.active{background:var(--accent-gradient);color:#fff}.sidebar-spacer{flex:1}.app-shell{min-height:100%}.mode-switch-fab{position:relative;z-index:5;width:fit-content;margin:calc(env(safe-area-inset-top,0px) + 12px) 16px -4px auto}@media (min-width: 1024px){.mode-switch-fab{display:none}}:root{color-scheme:dark;--bg: #07070b;--bg-elevated: #0d0d14;--accent-1: #ff6a2b;--accent-2: #ff3d7f;--accent: var(--accent-1);--accent-gradient: linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 100%);--accent-soft: rgba(255, 106, 43, .16);--blob-orange: #ff6a2b;--blob-magenta: #ff2d78;--blob-violet: #7c3aed;--blob-blue: #2b7fff;--text-primary: rgba(255, 255, 255, .96);--text-secondary: rgba(255, 255, 255, .62);--text-tertiary: rgba(255, 255, 255, .4);--success: #33d17a;--warning: #ffb340;--danger: #ff5470;--info: #4fb2ff;--glass-bg: rgba(255, 255, 255, .07);--glass-bg-strong: rgba(255, 255, 255, .12);--glass-bg-thin: rgba(255, 255, 255, .045);--glass-border: rgba(255, 255, 255, .14);--glass-highlight: rgba(255, 255, 255, .5);--glass-blur: 28px;--glass-blur-strong: 40px;--radius-card: 28px;--radius-row: 20px;--radius-pill: 999px;--radius-sm: 14px;--shadow-card: 0 20px 60px -20px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .3);--shadow-float: 0 12px 40px -8px rgba(0, 0, 0, .55);--font-ui: -apple-system, "SF Pro Display", "SF Pro Text", Inter, system-ui, "Segoe UI", Roboto, sans-serif;--tabbar-h: 76px;--sidebar-w: 264px;--content-max: 720px;--ease-glass: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.bg-blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg)}.bg-blob{position:absolute;border-radius:50%;filter:blur(110px);opacity:.32;will-change:transform}@media (prefers-reduced-motion: no-preference){.bg-blob{animation:drift 26s ease-in-out infinite alternate}.bg-blob.b2{animation-duration:32s;animation-direction:alternate-reverse}.bg-blob.b3{animation-duration:22s}.bg-blob.b4{animation-duration:38s;animation-direction:alternate-reverse}}@keyframes drift{0%{transform:translate(0) scale(1)}50%{transform:translate(4%,6%) scale(1.08)}to{transform:translate(-5%,-3%) scale(.96)}}.page{max-width:var(--content-max);margin:0 auto;padding:0 16px calc(var(--tabbar-h) + 40px)}@media (min-width: 1024px){.page{padding:0 32px 48px;margin:0;max-width:none}}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-title{font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin:24px 4px 10px}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.accent-text{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.large-title{padding:calc(env(safe-area-inset-top,0px) + 18px) 4px 8px}.large-title h1{font-size:34px;font-weight:800;letter-spacing:-.02em}.large-title p{color:var(--text-secondary);margin-top:2px;font-size:15px}.fade-in{animation:fadeIn .35s var(--ease-glass)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.press{transition:transform .15s var(--ease-glass)}.press:active{transform:scale(.97)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
