:root{--color-primary: #0056b3;--color-primary-dark: #004494;--color-primary-light: #e6f0ff;--color-success: #007d3a;--color-success-bg: #e6f6eb;--color-danger: #d32f2f;--color-danger-bg: #fde8e8;--color-warning: #f57c00;--color-warning-bg: #fff3e0;--color-text-main: #111111;--color-text-light: #555555;--color-background: #f8f9fa;--color-surface: #ffffff;--color-border: #dddddd;--font-family: system-ui, -apple-system, sans-serif;--text-xs: .875rem;--text-sm: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--button-height: 56px;--input-height: 56px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);background-color:#eee;color:var(--color-text-main);-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100vh;background-color:var(--color-background);box-shadow:0 0 20px #0000001a;position:relative;overflow-x:hidden}h1,h2,h3,h4,p{margin:0}.text-xl{font-size:var(--text-xl);font-weight:700}.text-lg{font-size:var(--text-lg);font-weight:600}.text-md{font-size:var(--text-md)}.text-sm{font-size:var(--text-sm)}.text-bold{font-weight:700}.text-light{color:var(--color-text-light)}.text-center{text-align:center}.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-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.w-full{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--button-height);padding:0 var(--spacing-xl);font-size:var(--text-lg);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;width:100%;transition:opacity .2s;text-decoration:none}.btn:active{opacity:.8}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-success{background-color:var(--color-success);color:#fff}.btn-secondary{background-color:#e0e0e0;color:var(--color-text-main)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.input-group{margin-bottom:var(--spacing-md)}.input-label{display:block;font-size:var(--text-md);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-light)}.input-field{width:100%;height:var(--input-height);padding:0 var(--spacing-md);font-size:var(--text-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.input-field:focus{border-color:var(--color-primary);outline:none}.tag{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.9rem;font-weight:600}.tag-success{background:var(--color-success-bg);color:var(--color-success)}.tag-warning{background:var(--color-warning-bg);color:var(--color-warning)}.tag-danger{background:var(--color-danger-bg);color:var(--color-danger)}:focus-visible{outline:4px solid var(--color-primary-light)}