:root{--bg: #f3f4f6;--surface: #ffffff;--text: #0f1724;--muted: #64748b;--primary: #0284c7;--accent: #0ea5e9;--danger: #ef4444;--radius: 10px;--shadow-1: 0 6px 18px rgba(15,23,42,.06);--glass: rgba(255,255,255,.7);--content-padding: 16px;--base-font: 14px}[data-theme=dark]{--bg: #071025;--surface: #0b1220;--text: #e6eef8;--muted: #9aa9bf;--primary: #60a5fa;--accent: #3b82f6;--danger: #f87171;--radius: 10px;--shadow-1: 0 8px 28px rgba(2,6,23,.6);--glass: rgba(10,18,30,.5);--content-padding: 16px;--base-font: 14px}html,body,#root{height:100%;margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial;background:linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 90%,var(--surface) 10%));color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--base-font);transition:background .24s ease,color .2s ease}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:calc(var(--content-padding) * 1)}.muted{color:var(--muted)}img,.avatar-img{border-radius:8px;display:block;max-width:100%}.form-row{margin-bottom:12px}*{transition:background-color .2s ease,color .18s ease,border-color .18s ease,box-shadow .2s ease}