:root{--color-text: #1f2937;--color-title: #111827;--color-muted: #6b7280;--color-label: #374151;--color-border: #e5e7eb;--color-input-border: #d1d5db;--color-bg: #f4f5f7;--color-surface: #ffffff;--color-primary: #1e3a8a;--color-primary-hover: #1e40af;--color-danger: #b91c1c;--radius: 6px;--font-family: "Segoe UI", system-ui, Arial, sans-serif}body{margin:0;font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.5}.btn{width:auto;padding:11px 16px;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;font-family:inherit;cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-label);border:1px solid var(--color-input-border)}.btn-secondary:hover:not(:disabled){background:#f9fafb}.btn-link{background:none;border:none;padding:0;color:var(--color-primary);font-size:14px;font-family:inherit;cursor:pointer}.btn-link:hover{text-decoration:underline}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.label{font-size:13px;font-weight:500;color:var(--color-label)}.input{padding:10px 12px;border:1px solid var(--color-input-border);border-radius:var(--radius);font-size:14px;font-family:inherit;width:100%;box-sizing:border-box}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a8a26}.hint{font-size:12px;color:var(--color-muted);margin:-4px 0 12px}.error{color:var(--color-danger);font-size:13px;min-height:18px;margin:0 0 12px}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar-brand{font-weight:600;color:var(--color-title)}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-user{text-align:right;font-size:13px;color:var(--color-muted)}.topbar-user strong{display:block;font-size:14px;font-weight:600;color:var(--color-title)}@media(max-width:520px){.topbar{flex-direction:column;align-items:flex-start}.topbar-right{width:100%;justify-content:space-between}.topbar-user{text-align:left}}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:32px;width:100%;max-width:380px;box-sizing:border-box;box-shadow:0 1px 2px #0000000a}.title{font-size:20px;font-weight:600;color:var(--color-title);margin:0 0 4px}.subtitle{font-size:14px;color:var(--color-muted);margin:0 0 24px}.auth-footer{margin-top:12px;text-align:center}.page-shell{min-height:100vh;background:var(--color-bg)}.content{max-width:960px;margin:32px auto;padding:0 24px;box-sizing:border-box}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:24px}.panel-title{font-size:18px;font-weight:600;color:var(--color-title);margin:0 0 8px}.muted{color:var(--color-muted);font-size:14px;margin:0}