:root{--color-primary: #0066cc;--color-primary-hover: #0052a3;--color-primary-active: #003d7a;--color-on-primary: #ffffff;--color-background: #ffffff;--color-surface: #f5f7fa;--color-surface-raised: #ffffff;--color-border: #d8dfe6;--color-border-strong: #b7c2cd;--color-text: #1a2733;--color-text-muted: #55636f;--color-text-disabled: #9aa5ad;--color-success: #1e7d34;--color-success-bg: #e6f4ea;--color-danger: #c62828;--color-danger-bg: #fbe9e7;--color-warning: #9a6700;--color-warning-bg: #fff4de;--color-focus-ring: #0066cc;--overlay-hover: rgba(0, 0, 0, .04);--overlay-active: rgba(0, 0, 0, .08);--color-backdrop: rgba(15, 23, 30, .5);--font-family-base: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-base: 1.5;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .16);--transition-fast: .15s ease;--transition-base: .2s ease}[data-theme=dark]{--color-primary: #4da3ff;--color-primary-hover: #77b8ff;--color-primary-active: #a3d0ff;--color-on-primary: #101820;--color-background: #101820;--color-surface: #1a2733;--color-surface-raised: #223140;--color-border: #2e3c48;--color-border-strong: #3f4f5c;--color-text: #eef2f6;--color-text-muted: #a9b6c2;--color-text-disabled: #647079;--color-success: #4caf6a;--color-success-bg: #16281c;--color-danger: #ef5350;--color-danger-bg: #2c1a1a;--color-warning: #ffb84d;--color-warning-bg: #2c2416;--color-focus-ring: #4da3ff;--overlay-hover: rgba(255, 255, 255, .06);--overlay-active: rgba(255, 255, 255, .12);--color-backdrop: rgba(0, 0, 0, .7);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);transition:background-color var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-sm) 0;font-weight:var(--font-weight-bold);line-height:1.25}p{margin:0 0 var(--space-md) 0}a{color:var(--color-primary)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn{min-height:44px;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast)}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn-primary:disabled{background-color:var(--color-border);color:var(--color-text-disabled);cursor:not-allowed}.btn-secondary{background-color:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);font-size:var(--font-size-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--overlay-hover)}.btn-secondary:active:not(:disabled){background-color:var(--overlay-active)}.btn-secondary:disabled{color:var(--color-text-disabled);cursor:not-allowed}.btn-danger{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.btn-danger:hover:not(:disabled){opacity:.85}.btn-danger:active:not(:disabled){opacity:.7}.btn-danger:disabled{opacity:.5;cursor:not-allowed}