:root{--primary: #3b82f6;--primary-dark: #2563eb;--bg-color: #f3f4f6;--card-bg: #ffffff;--text-main: #1f2937;--text-muted: #6b7280;--success: #22c55e;--error: #ef4444}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.5}#root{max-width:480px;margin:0 auto;min-height:100vh;background-color:var(--bg-color);display:flex;flex-direction:column}.container{padding:1rem;flex:1;display:flex;flex-direction:column}.card{background:var(--card-bg);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:1rem}.btn{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;text-align:center;border-radius:12px;border:none;cursor:pointer;transition:all .2s;background-color:var(--primary);color:#fff;margin-bottom:.75rem;text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary{background-color:#fff;color:var(--text-main);border:1px solid #e5e7eb}.btn-success{background-color:var(--success)}.btn-error{background-color:var(--error)}input[type=text],input[type=number],select{width:100%;padding:.75rem;border-radius:8px;border:1px solid #d1d5db;font-size:1rem;margin-bottom:1rem}h1,h2,h3{margin-top:0}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-header{padding:1rem;background:#fff;font-weight:700;text-align:center;border-bottom:1px solid #eee}