:root{--bg:#0b1220;--panel:#111b2e;--surface:#fff;--ink:#132033;--muted:#64748b;--accent:#2563eb;--danger:#b91c1c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.trpos-site{background:#f4f7fb;color:var(--ink);min-height:100vh}.trpos-login-page{display:grid;place-items:center;background:radial-gradient(circle at top,#172554,#07111f 58%);padding:24px}.login-panel{width:min(420px,100%);background:#fff;border-radius:24px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.brand-mark{width:54px;height:54px;border-radius:16px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:800}.login-panel h1{margin:18px 0 4px;font-size:30px}.muted{color:var(--muted);margin-top:0}.login-panel form{display:grid;gap:16px;margin-top:24px}.login-panel label{font-weight:700;display:grid;gap:7px}.login-panel input{height:52px;border:1px solid #cbd5e1;border-radius:12px;padding:0 14px;font-size:17px}.login-panel button{height:54px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:800;font-size:17px;cursor:pointer}.auth-error{background:#fee2e2;color:var(--danger);padding:11px 12px;border-radius:10px}.connection-row{display:flex;gap:8px;align-items:center;color:var(--muted);margin-top:18px}.status-dot{width:9px;height:9px;border-radius:50%;background:#16a34a}.shell-header{height:64px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.shell-header a{color:#fff}.empty-shell{padding:30px}@media(max-width:480px){.login-panel{padding:24px;border-radius:18px}.login-panel h1{font-size:26px}}

.trpos-site .trpos-shell{min-height:100vh}.trpos-site .trpos-topbar{top:0}