:root{--brand-50: #eef6fd;--brand-100: #d6ebfa;--brand-500: #1f78c8;--brand-600: #1865a8;--brand-700: #124f84;--surface: #f3f6f8;--surface-elevated: #ffffff;--text-primary: #1a2332;--text-secondary: #5c6b7a;--text-muted: #8a97a5;--border: #dbe3ea;--shadow-sm: 0 1px 3px rgba(18, 79, 132, .08);--shadow-md: 0 8px 24px rgba(18, 79, 132, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--header-height: 68px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--surface);color:var(--text-primary);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.page-shell{min-height:100vh;padding-bottom:24px}.page-content{padding:20px;max-width:920px;margin:0 auto}.card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm)}.error{color:#c0392b;background:#fdecea;border:1px solid #f5c6c2;border-radius:var(--radius-sm);padding:10px 12px;margin:0 0 16px}