:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-elevated: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: rgba(59, 130, 246, .15);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--border: #334155;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 4px 6px -1px rgba(0,0,0,.3);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow:hidden}.app-shell{max-width:430px;margin:0 auto;height:100%;display:flex;flex-direction:column;position:relative;background:var(--bg-primary)}@media (min-width: 431px){body{background:#0a0f1e}.app-shell{border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:0 0 40px #00000080}}.page-content{flex:1;overflow-y:auto;padding:16px;padding-top:calc(16px + var(--safe-top));padding-bottom:100px;-webkit-overflow-scrolling:touch}.card{background:var(--bg-card);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.card-elevated{background:var(--bg-elevated);border-radius:var(--radius);padding:16px}.stats-row{display:flex;gap:8px;margin-bottom:16px}.stat-card{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.hero-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:var(--radius);padding:20px;color:#fff;margin-bottom:16px}.hero-card .hero-value{font-size:2rem;font-weight:800}.hero-card .hero-label{font-size:.85rem;opacity:.8}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100}.nav-fab-spacer{width:64px;flex-shrink:0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border:none;background:none;color:var(--text-muted);font-size:.65rem;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s}.nav-item.active{color:var(--accent)}.nav-item .nav-icon{font-size:1.3rem}.fab{position:absolute;bottom:calc(32px + var(--safe-bottom));left:50%;transform:translate(-50%);width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:3px solid var(--bg-primary);font-size:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:101;box-shadow:0 4px 12px #3b82f666;-webkit-tap-highlight-color:transparent;transition:transform .15s,background .15s}.fab:active{transform:translate(-50%) scale(.92)}.section-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:20px 0 8px}.list-item{display:flex;align-items:center;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s}.list-item:active{background:var(--bg-elevated)}.tag{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;padding:2px 8px;border-radius:999px;background:var(--accent-light);color:var(--accent);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{background:var(--accent-hover)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-full{width:100%}.btn-google{background:#fff;color:#333;border:1px solid #ddd}input,select,textarea{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.form-group{margin-bottom:16px}.modal-overlay{position:fixed;inset:0;background:#0009;z-index:200;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:430px;max-height:90vh;overflow-y:auto;padding:20px;padding-bottom:calc(20px + var(--safe-bottom));animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:var(--text-muted);border-radius:2px;margin:0 auto 16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-secondary)}.font-bold{font-weight:700}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}