:root{--color-bg: #F1FAEE;--color-surface: #FFFFFF;--color-surface-hover: #E8F4F6;--color-primary: #E63946;--color-primary-hover: #D0303C;--color-text: #1D3557;--color-text-muted: #457B9D;--color-border: #A8DADC;--color-success: #457B9D;--color-success: #16a34a;--color-danger: #E63946;--color-warning: #eab308;--font-family: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--header-height: 60px;--nav-height: 60px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}a{text-decoration:none;color:inherit}.container{max-width:600px;margin:0 auto;padding:var(--spacing-md);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-muted{color:var(--color-text-muted)}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.bg-black\/50{background-color:#00000080}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.overflow-hidden{overflow:hidden}.max-w-sm{max-width:24rem}.w-full{width:100%}.p-4{padding:1rem}.p-6{padding:1.5rem}.border-b{border-bottom-width:1px}.font-bold{font-weight:700}.bg-surface{background-color:var(--color-surface)}.bg-surface-hover{background-color:var(--color-surface-hover)}