:root{font-family:system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f4f6f8}.shell{display:flex;min-height:100vh}.sidebar{width:200px;background:#1e293b;color:#e2e8f0;display:flex;flex-direction:column;padding:16px 12px;gap:4px}.sidebar .brand{font-weight:700;margin-bottom:12px}.sidebar a{color:#cbd5e1;text-decoration:none;padding:8px 10px;border-radius:6px}.sidebar a.active{background:#334155;color:#fff}.sidebar .spacer{flex:1}.sidebar .whoami{font-size:12px;color:#94a3b8}.content{flex:1;padding:24px;max-width:1100px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px}.card h2{margin-top:0;font-size:15px;color:#475569}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.big{font-size:24px;font-weight:700;margin:0}.hint{color:#64748b;font-size:12px}.form-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.form-row input,.form-row select{padding:8px;border:1px solid #cbd5e1;border-radius:6px}button{padding:8px 14px;border:none;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer}button.ghost{background:#e2e8f0;color:#1e293b}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid #e2e8f0}.mono{font-family:ui-monospace,monospace}.codes{background:#f8fafc;padding:8px;border-radius:6px}.alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:10px;border-radius:6px;margin-bottom:12px}.alert-ok{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;padding:10px;border-radius:6px;margin-bottom:12px}.login-wrap{display:flex;justify-content:center;padding-top:10vh}.login-card{width:340px;display:flex;flex-direction:column;gap:10px}.login-card input{padding:8px;border:1px solid #cbd5e1;border-radius:6px}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#475569}.pw-field{display:flex;gap:4px;flex:1;min-width:200px}.pw-field input{flex:1}.pw-toggle{padding:4px 8px}