:root{--bg: #0a0f1a;--surface: #111827;--card: #1a2235;--card-hover: #1f2a40;--border: #1e293b;--border-light: #2a3a52;--text: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #22c55e;--accent-hover: #16a34a;--accent-soft: rgba(34, 197, 94, .12);--blue: #3b82f6;--blue-soft: rgba(59, 130, 246, .12);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .1);--red: #ef4444;--red-soft: rgba(239, 68, 68, .1);--radius: 14px;--radius-sm: 10px;--radius-xs: 8px;--radius-full: 9999px;--shadow: 0 4px 24px rgba(0, 0, 0, .25);--nav-height: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}#app{height:100%;width:100%}a{color:var(--blue);text-decoration:none}h1{font-size:24px;font-weight:800;letter-spacing:-.3px}h2{font-size:20px;font-weight:700;letter-spacing:-.2px}h3{font-size:17px;font-weight:700}input,select,textarea{width:100%;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:14px 16px;font-size:16px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6l3.5 4 3.5-4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}textarea{min-height:100px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .12s,opacity .12s,background .2s;min-height:48px;-webkit-appearance:none}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#052e16}.btn-primary:active:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:1.5px solid var(--border)}.btn-blue{background:var(--blue);color:#fff}.btn-amber{background:var(--amber);color:#1a1200}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);padding:10px}.btn-sm{padding:10px 14px;font-size:13px;min-height:40px}.btn-block{width:100%}.btn-pill{border-radius:var(--radius-full)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:8px 14px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:all .15s;white-space:nowrap}.chip:active{transform:scale(.96)}.chip.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-sm{font-size:13px}.text-xs{font-size:12px}.font-bold{font-weight:700}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.gap-2{gap:8px}.gap-3{gap:12px}.empty-state{text-align:center;padding:32px 20px;color:var(--text-muted);font-size:14px}.empty-state .icon{font-size:40px;margin-bottom:12px;display:block}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:transform .25s ease,opacity .25s ease}.slide-left-enter-from{transform:translate(30px);opacity:0}.slide-left-leave-to,.slide-right-enter-from{transform:translate(-30px);opacity:0}.slide-right-leave-to{transform:translate(30px);opacity:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.app-shell[data-v-22be92d7]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden}.view-area[data-v-22be92d7]{flex-grow:1;height:0;position:relative;overflow:hidden}.bottom-nav[data-v-22be92d7]{flex-shrink:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);z-index:100}.nav-item[data-v-22be92d7]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 0;color:var(--text-muted);font-size:11px;font-weight:600;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:color .2s}.nav-item svg[data-v-22be92d7]{width:22px;height:22px;stroke-width:1.8}.nav-item.active[data-v-22be92d7]{color:var(--accent)}