@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.bottom-nav[data-v-67e14e41]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#0c0c14eb;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-top:1px solid var(--color-border);display:flex;align-items:stretch;z-index:200;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;translate:0 4px}.bottom-nav.visible[data-v-67e14e41]{opacity:1;pointer-events:auto;translate:0 0}.bottom-nav-item[data-v-67e14e41]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-muted);text-decoration:none;cursor:pointer;position:relative;transition:color var(--transition-fast);padding-top:6px}.bottom-nav-item[data-v-67e14e41]:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%) scaleX(0);width:32px;height:3px;border-radius:var(--radius-full);background:var(--color-primary);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item.active[data-v-67e14e41]{color:var(--color-primary-light)}.bottom-nav-item.active[data-v-67e14e41]:before{transform:translate(-50%) scaleX(1)}.bottom-nav-icon[data-v-67e14e41]{width:22px;height:22px;display:flex}.bottom-nav-icon[data-v-67e14e41] svg{width:22px;height:22px}.bottom-nav-label[data-v-67e14e41]{font-size:.68rem;font-weight:600;letter-spacing:.01em}:root{--color-primary: #7C3AED;--color-primary-light: #a78bfa;--color-primary-dark: #5b21b6;--color-primary-soft: rgba(124,58,237,.15);--color-primary-glow: rgba(124,58,237,.35);--gradient-primary: linear-gradient(135deg, #7C3AED 0%, #6d28d9 100%);--gradient-accent: linear-gradient(135deg, #7C3AED 0%, #a21caf 100%);--color-bg: #080810;--color-surface: #0f0f1a;--color-surface-raised: #161626;--color-surface-overlay: #1e1e30;--color-surface-hover: #222238;--color-text: #eceef5;--color-text-muted: #6b7080;--color-text-soft: #9ba3b8;--color-success: #22c55e;--color-success-soft: rgba(34,197,94,.14);--color-warning: #f59e0b;--color-warning-soft: rgba(245,158,11,.14);--color-danger: #ef4444;--color-danger-soft: rgba(239,68,68,.14);--color-info: #38bdf8;--color-border: rgba(255,255,255,.07);--color-border-subtle: rgba(255,255,255,.04);--color-border-focus: rgba(124,58,237,.6);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 3px rgba(0,0,0,.4);--shadow-sm: 0 4px 12px rgba(0,0,0,.5);--shadow: 0 8px 28px rgba(0,0,0,.6);--shadow-lg: 0 16px 48px rgba(0,0,0,.7);--shadow-primary: 0 8px 24px rgba(124,58,237,.4);--nav-height: 68px;--safe-bottom: env(safe-area-inset-bottom, 0px);--transition-fast: .12s ease;--transition: .2s ease;--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}#app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:-.01em;transition:transform var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff12;opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn:active{transform:scale(.96)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #7c3aed59}.btn-primary:hover{box-shadow:0 6px 20px #7c3aed80}.btn-secondary{background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-ghost{background:transparent;color:var(--color-primary-light);border:none}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-full{width:100%}.btn-sm{padding:7px 14px;font-size:.83rem;border-radius:var(--radius-xs)}.input{width:100%;padding:12px 16px;background:var(--color-surface-raised);color:var(--color-text);-webkit-text-fill-color:var(--color-text);-webkit-appearance:none;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-soft)}.input::placeholder{color:var(--color-text-muted)}.label{display:block;font-size:.83rem;font-weight:500;color:var(--color-text-soft);margin-bottom:6px}.form-field{margin-bottom:18px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px #161626 inset!important;-webkit-text-fill-color:#eceef5!important;caret-color:#eceef5;transition:background-color 5000s ease-in-out 0s}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:dark}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:16px}.card-interactive{cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.card-interactive:hover{background:var(--color-surface-raised);border-color:#ffffff1a}.card-interactive:active{transform:scale(.985)}.offline-badge{position:fixed;top:0;left:50%;transform:translate(-50%);background:var(--color-warning);color:#000;padding:6px 20px;border-radius:0 0 14px 14px;font-size:.78rem;font-weight:700;z-index:9999;display:flex;align-items:center;gap:6px;box-shadow:0 4px 16px #f59e0b59}.offline-badge.sync-badge{background:var(--color-primary);color:#fff;box-shadow:0 4px 16px #7c3aed66}.fab{position:fixed;right:20px;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);z-index:100;transition:transform var(--transition),box-shadow var(--transition)}.has-nav .fab{bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px)}.no-nav .fab{bottom:24px}.fab svg{width:24px;height:24px}.fab:hover{transform:scale(1.06);box-shadow:0 10px 30px #7c3aed99}.fab:active{transform:scale(.93)}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:btn-spin .65s linear infinite;flex-shrink:0;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:24px;height:24px;border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:btn-spin .65s linear infinite}.skeleton{background:var(--color-surface-raised);border-radius:var(--radius-xs);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-card{height:76px;border-radius:var(--radius-md);background:var(--color-surface-raised);position:relative;overflow:hidden;border:1px solid var(--color-border)}.skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.035) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}.error-msg{color:var(--color-danger);font-size:.82rem;margin-top:5px}.error-msg.mt0{margin-top:0}.page-enter-active{transition:opacity .22s ease,transform .22s cubic-bezier(.4,0,.2,1)}.page-leave-active{transition:opacity .18s ease,transform .18s cubic-bezier(.4,0,.2,1);position:absolute;width:100%;top:0}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-6px)}.install-banner{margin:0 16px 12px;padding:14px 16px;background:var(--color-primary-soft);border:1px solid rgba(124,58,237,.25);border-radius:var(--radius-md);display:flex;align-items:center;gap:12px}.install-banner-icon{width:36px;height:36px;border-radius:var(--radius-xs);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.install-banner-body{flex:1;min-width:0}.install-banner-body strong{font-size:.875rem;display:block}.install-banner-body span{font-size:.78rem;color:var(--color-text-soft)}.install-banner-actions{display:flex;gap:8px;flex-shrink:0}.install-banner-actions .btn{padding:7px 14px;font-size:.8rem}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge-ok{background:var(--color-success-soft);color:var(--color-success)}.badge-warn{background:var(--color-warning-soft);color:var(--color-warning)}.badge-err{background:var(--color-danger-soft);color:var(--color-danger)}body.landing-page #app{max-width:none;display:block}