:root{--brand-gradient: linear-gradient(135deg, #e76f51 0%, #f4a261 100%);--brand-primary: #e76f51;--brand-secondary: #f4a261;--bg: #f8fafc;--bg-solid: #f8fafc;--bg-secondary: #ffffff;--fg: #1e293b;--fg-light: #475569;--fg-muted: #64748b;--fg-inverse: #ffffff;--card-bg: #ffffff;--card-bg-secondary: #f8fafc;--border: #e2e8f0;--border-focus: #e76f51;--primary: #e76f51;--primary-hover: #d35d42;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--error-bg: #fee2e2;--error-fg: #991b1b;--error-border: #fecaca;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(231, 111, 81, .2);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .3);--shadow-primary: 0 4px 12px rgba(231, 111, 81, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 48px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{margin:0;background:var(--bg-solid);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{margin:0 0 var(--spacing-lg) 0;font-size:24px;font-weight:700;color:var(--fg)}h2{margin:0 0 var(--spacing-md) 0;font-size:18px;font-weight:600;color:var(--fg)}h3{margin:0 0 var(--spacing-md) 0;font-size:16px;font-weight:600;color:var(--fg)}p{margin:0 0 var(--spacing-md) 0;color:var(--fg)}button{font-family:inherit;font-size:16px;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);border:none;background:var(--brand-gradient);color:var(--fg-inverse);cursor:pointer;font-weight:700;min-height:44px;touch-action:manipulation;transition:all .2s ease;box-shadow:var(--shadow-primary)}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e76f5166}button:active{transform:scale(.98)}button:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:16px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--border);background:var(--card-bg-secondary);color:var(--fg);width:100%;min-height:44px;box-sizing:border-box;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #e76f511a}input::placeholder,textarea::placeholder{color:var(--fg-muted);opacity:1}label{display:block;margin-bottom:var(--spacing-sm);font-size:14px;font-weight:600;color:var(--fg-light)}.error{background:var(--error-bg);color:var(--error-fg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);font-size:14px;font-weight:500;border:1px solid var(--error-border)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}a{color:var(--brand-primary);text-decoration:none;cursor:pointer;font-weight:600;transition:color .2s ease}a:hover{color:var(--primary-hover)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.text-center{text-align:center}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-muted{color:var(--fg-muted)}.text-light{color:var(--fg-light)}.text-primary{color:var(--brand-primary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.bg-card{background:var(--card-bg)}.bg-card-secondary{background:var(--card-bg-secondary)}.bg-gradient{background:var(--bg)}.bg-brand{background:var(--brand-gradient)}.border{border:1px solid var(--border)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-primary{box-shadow:var(--shadow-primary)}.brand-logo{text-align:center;margin-bottom:var(--spacing-3xl)}.brand-logo .flame{font-size:64px;margin-bottom:var(--spacing-sm);display:block}.brand-logo .name{font-size:32px;font-weight:800;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;margin:0}.brand-logo .tagline{font-size:14px;color:var(--fg-muted);margin-top:var(--spacing-sm);font-weight:500}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--bg)}.auth-form{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-4xl) 40px;width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.input-group{margin-bottom:var(--spacing-xl)}.btn{font-family:inherit;font-size:16px;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);border:none;background:var(--brand-gradient);color:var(--fg-inverse);cursor:pointer;font-weight:700;min-height:44px;transition:all .2s ease;box-shadow:var(--shadow-primary);text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e76f5166}.btn:active{transform:scale(.98)}.btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;opacity:.6}.btn-secondary{background:transparent;border:2px solid var(--border);color:var(--fg);box-shadow:none}.btn-secondary:hover{border-color:var(--brand-primary);box-shadow:none}.btn-danger{background:var(--danger);box-shadow:0 4px 12px #ef44444d}.btn-danger:hover{box-shadow:0 6px 20px #ef444466}.card-elevated{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);transition:all .2s ease}.card-elevated:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:#e76f5166}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-2xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:#e76f511a;color:var(--brand-primary)}.badge-success{background:#10b9811a;color:var(--success)}.badge-danger{background:#ef44441a;color:var(--danger)}.badge-warning{background:#f59e0b1a;color:var(--warning)}button,a,input[type=checkbox],input[type=radio],select{min-height:44px;min-width:44px}html{-webkit-text-size-adjust:100%}html{scroll-behavior:smooth}*{-webkit-tap-highlight-color:rgba(231,111,81,.2)}button,.btn{-webkit-tap-highlight-color:transparent}@supports (padding: env(safe-area-inset-left)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (max-width: 768px){body{font-size:16px}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}.btn{width:100%;justify-content:center}.container{padding:0 var(--spacing-md)}.flex-mobile-col{flex-direction:column}.card{border-radius:var(--radius-md)}.modal{margin:var(--spacing-md);max-height:calc(100vh - var(--spacing-2xl));overflow-y:auto}}@media (max-width: 375px){:root{--spacing-lg: 12px;--spacing-xl: 16px;--spacing-2xl: 20px}body{font-size:15px}h1{font-size:18px}}*:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}*:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--brand-primary);color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-contrast: high){:root{--border: #000000;--fg-muted: #333333}button,.btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}.no-print,button,.btn{display:none!important}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}}