:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#e6eefc,#f6f8fd 42%,#fbfdff);color:#0f172a}.page{max-width:1360px;margin:0 auto;padding:20px 16px 52px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.topbar h1{margin:0;font-size:28px;color:#0b2a57}.subtitle{margin:6px 0 0;color:#475569}.logo{background:#fff;object-fit:contain}.logo,.logoFallback{width:86px;height:86px;border-radius:50%;box-shadow:0 4px 14px rgba(15,23,42,.2)}.logoFallback{background:radial-gradient(circle at 30% 30%,#1d4ed8,#0b2a57);color:#fff;display:grid;place-items:center;font-weight:700;font-size:26px}.session{font-size:14px;color:#0b2a57;background:#dbeafe;border:1px solid #bfdbfe;border-radius:999px;padding:8px 14px}.card{background:rgba(255,255,255,.95);border:1px solid #e2e8f0;border-radius:14px;padding:16px;margin-bottom:16px;box-shadow:0 8px 20px rgba(15,23,42,.06)}.loginShell{min-height:calc(100vh - 220px);display:grid;place-items:center}.loginCard{width:min(980px,96%);background:rgba(255,255,255,.96);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 18px 36px rgba(15,23,42,.12);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;animation:cardEnter .5s ease-out both}.loginBrandSide{padding:28px;background:linear-gradient(145deg,#0b2a57,#163d78);color:#e6edf9;animation:leftPaneEnter .55s ease-out both}.loginBrandSide h2{margin:0 0 12px;font-size:28px;line-height:1.2}.loginBrandSide p{margin:0 0 18px;color:#c8d7f2}.brandBadge{display:inline-block;font-size:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);padding:6px 10px;border-radius:999px}.loginFormSide{padding:28px;animation:rightPaneEnter .6s ease-out both}.loginFormSide h3{margin:0 0 8px;font-size:24px;color:#0b2a57}.form{display:grid;grid-gap:8px;gap:8px;max-width:460px}.toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:#64748b;font-size:14px}button,input{height:40px;border-radius:8px;border:1px solid #cbd5e1;padding:0 12px;font-size:14px}button{border:none;cursor:pointer;background:#2563eb;color:#fff;font-weight:600;transition:transform .12s ease,opacity .12s ease,background-color .16s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.7;cursor:not-allowed;transform:none}button.secondary{background:#e2e8f0;color:#0f172a}button.danger{background:#b91c1c}.status{margin-top:8px;font-size:13px;color:#334155;min-height:18px}.inputWithAction{display:flex;gap:8px}.inputWithAction input{flex:1 1}button.ghost{border:1px solid #cbd5e1;background:#f8fafc;color:#1e293b;min-width:82px}.optionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:8px;gap:8px;margin:10px 0 12px}.optionItem{border:1px solid #cbd5e1;border-radius:10px;padding:9px 10px;background:#fff;font-size:13px;display:flex;align-items:center;gap:8px}.tableWrap{width:100%;overflow:auto;border:1px solid #e2e8f0;border-radius:10px}table{width:100%;border-collapse:collapse;min-width:860px}thead th{background:#0f172a;color:#f8fafc;text-align:left;font-size:13px;padding:10px}tbody td{border-bottom:1px solid #e2e8f0;padding:9px 10px;font-size:13px}tbody tr:nth-child(2n){background:#f8fafc}.generated{margin-top:8px;padding:10px;border:1px dashed #1d4ed8;background:#eff6ff;border-radius:10px;font-size:13px}.list{margin:0;padding-left:20px}.powered{left:14px;bottom:10px;display:flex;align-items:center;background:rgba(255,255,255,.92);border:1px solid #e2e8f0;border-radius:12px;padding:6px 10px;box-shadow:0 6px 16px rgba(15,23,42,.08)}.powered,.toastStack{position:fixed;gap:8px}.toastStack{right:16px;top:16px;display:grid;grid-gap:8px;z-index:60}.toast{min-width:280px;max-width:420px;border-radius:10px;padding:10px 12px;font-size:13px;box-shadow:0 8px 22px rgba(15,23,42,.16);border:1px solid transparent;animation:toastIn .18s ease-out both}.toast-success{background:#ecfdf5;border-color:#86efac;color:#14532d}.toast-error{background:#fef2f2;border-color:#fca5a5;color:#7f1d1d}.toast-info{background:#eff6ff;border-color:#93c5fd;color:#1e3a8a}.powered span{font-size:12px;color:#475569}.powered img{width:120px;height:auto}.hidden{display:none}.loadingCard{display:grid;grid-gap:10px;gap:10px}.loadingLine{height:14px;border-radius:999px;background:linear-gradient(90deg,#e2e8f0 20%,#f1f5f9 50%,#e2e8f0 80%);background-size:200% 100%;animation:shimmer 1.1s linear infinite}.loadingLine.w60{width:60%}.loadingLine.w70{width:70%}.loadingLine.w90{width:90%}@keyframes cardEnter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes leftPaneEnter{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes rightPaneEnter{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.topbar{flex-direction:column;align-items:flex-start}.logo,.logoFallback{width:72px;height:72px}.logoFallback{font-size:22px}.toolbar{flex-direction:column}.loginCard{grid-template-columns:1fr}}