:root{--navy:#061f46;--blue:#073b80;--gold:#ffc928;--canvas:#edf2f7;--ink:#172033;--muted:#647184}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}.login-shell{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,#125ca8 0,transparent 34%),linear-gradient(135deg,#04172f,#073b80)}.login-card{width:min(440px,100%);padding:42px;border-radius:18px;background:#fff;box-shadow:0 28px 80px #0005}.brand-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--navy);color:var(--gold);font:800 20px Georgia}.kicker{margin:24px 0 5px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.login-card h1{margin:0;font:700 38px/1.05 Georgia}.login-card>p:not(.kicker){color:var(--muted)}.login-card form,.login-card label{display:grid;gap:8px}.login-card form{gap:17px;margin-top:26px}.login-card label{font-weight:800}.login-card input{width:100%;padding:13px 14px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.login-card button{padding:14px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-weight:900;cursor:pointer}.alert{margin:18px 0;padding:12px;border-left:4px solid var(--gold);background:#fff6d8}.topbar{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:10px 24px;background:var(--navy);color:#fff}.topbar>div:first-child{display:flex;align-items:center;gap:10px;white-space:nowrap}.topbar strong{color:var(--gold);font:800 20px Georgia}.topbar nav{display:flex;gap:7px;overflow-x:auto}.topbar button,.topbar a{border:0;border-radius:7px;padding:10px 13px;color:#dbe8f6;background:transparent;font:inherit;font-weight:800;text-decoration:none;white-space:nowrap;cursor:pointer}.topbar button:hover,.topbar button.active{color:var(--navy);background:var(--gold)}.top-actions{display:flex;gap:4px}.workspace{height:calc(100vh - 72px);padding:12px}.frame-status{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-radius:9px 9px 0 0;background:#fff;border:1px solid #d8e1eb}.frame-status span{font-weight:900;color:var(--blue)}.frame-status small{color:var(--muted)}iframe{display:block;width:100%;height:calc(100% - 38px);border:1px solid #d8e1eb;border-top:0;border-radius:0 0 9px 9px;background:#fff}@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar nav{grid-column:1/-1;grid-row:2}.workspace{height:calc(100vh - 124px)}.top-actions a:first-child{display:none}}@media(max-width:520px){.topbar{padding:9px 12px;gap:8px}.topbar>div:first-child span{display:none}.workspace{padding:6px}.login-card{padding:30px 24px}}