:root{--color-surface:#ffffff;--color-surface-variant:#f6f8fa;--color-on-surface:#1f2328;--color-on-surface-variant:#6e7781;--color-outline:#d8dee4;--color-primary:#002ef7;--color-on-primary:#ffffff;--color-error:#cf222e;--color-error-container:#fff5f5;--radius-md:8px;--radius-lg:12px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--color-surface);color:var(--color-on-surface);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:var(--color-surface-variant)}.login-card{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center}.login-card h1{margin:0 0 var(--space-2);font-size:20px;letter-spacing:-.01em}.login-card p{margin:0 0 var(--space-6);color:var(--color-on-surface-variant)}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:10px var(--space-4);font:inherit;font-weight:500;color:var(--color-on-surface);background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);cursor:pointer}.login-button:hover{background:var(--color-surface-variant)}.login-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.alert-error{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);text-align:left;color:var(--color-error);background:var(--color-error-container);border:1px solid var(--color-error);border-radius:var(--radius-md)}.app{display:flex;min-height:100vh}.main{flex:1 1;min-width:0;padding:var(--space-6)}