:root{--color-primary: #4F46E5;--color-primary-dark: #3B34C7;--color-primary-light: #EEF0FD;--color-success: #22C55E;--color-success-light: #E7F9EE;--color-danger: #EF4444;--color-danger-light: #FDECEC;--color-warning: #F59E0B;--color-bg: #F8F9FC;--color-card: #FFFFFF;--color-text: #1E1B2E;--color-text-muted: #6B7280;--color-border: #E5E7EB;--radius-card: 18px;--radius-btn: 12px;--shadow-card: 0 2px 12px rgba(79, 70, 229, .06);--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);-webkit-tap-highlight-color:transparent}#root{max-width:480px;margin:0 auto;min-height:100vh;background:var(--color-bg);position:relative}button{font-family:var(--font-main);cursor:pointer;border:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input{font-family:var(--font-main)}a{text-decoration:none;color:inherit}.card{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-btn);padding:14px 20px;font-weight:600;font-size:15px;width:100%;transition:background .15s ease}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{background:#c7c4f0;cursor:not-allowed}.badge-success{background:var(--color-success-light);color:var(--color-success);font-weight:600;font-size:13px;padding:4px 12px;border-radius:20px;display:inline-block}.badge-danger{background:var(--color-danger-light);color:var(--color-danger);font-weight:600;font-size:13px;padding:4px 12px;border-radius:20px;display:inline-block}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}