*{box-sizing:border-box}body{color:#222;background:#f4f5f7;margin:0;font-family:system-ui,sans-serif}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:#fff;border-radius:8px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px;display:flex;box-shadow:0 2px 8px #00000014}.card h1{margin:0}label{flex-direction:column;gap:6px;font-size:14px;display:flex}input{border:1px solid #ccc;border-radius:6px;padding:10px;font-size:15px}button{color:#fff;cursor:pointer;background:#4f46e5;border:0;border-radius:6px;padding:10px 16px;font-size:15px}button:disabled{opacity:.6}.error{color:#c00;margin:0;font-size:14px}.hint{color:#888;margin:0;font-size:12px}.dashboard header{background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 1px 4px #0000000f}.dashboard header h1{margin:0;font-size:20px}.dashboard main{padding:24px}