:root{--ground: #F8F8F6;--card: #FFFFFF;--surface: #F5F3EE;--ink: #182430;--muted: #8A877E;--faint: #B3B0A6;--border: #EAE7E0;--border-strong: #E0DCD3;--navy: #182430;--copper: #A56748;--copper-bright: #C88458;--copper-deep: #8C5C46;--copper-tint: #F5EBE1;--good: #2E6B3E;--good-tint: #DCEEDD;--neutral-pill: #EDEBE5;--display: "Oswald", "Arial Narrow", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--body);color:var(--ink);background:var(--ground)}.center{display:grid;place-items:center;height:100%;color:var(--muted)}.wordmark{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.34em;color:var(--copper-bright)}.eyebrow{font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:10.5px;color:var(--muted)}.login-wrap{min-height:100%;display:grid;grid-template-rows:auto 1fr}.login-head{background:var(--navy);color:#f3f1ec;padding:40px 24px 30px;text-align:center}.login-head .wordmark{font-size:26px}.login-head .sub{font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#c9c3b8;margin-top:8px}.login-body{display:grid;place-items:start center;padding:40px 20px}.login-card{width:100%;max-width:380px}.login-card h1{font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:22px;margin:0 0 6px}.login-card p.lede{color:var(--muted);font-size:14px;margin:0 0 22px}label.field{display:block;margin-bottom:16px}label.field span{display:block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}input.inp{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 14px;font-size:15px;color:var(--ink);font-family:var(--body)}input.inp:focus{outline:2px solid var(--copper);outline-offset:1px}.btn{border:none;cursor:pointer;font:inherit;font-weight:700;font-size:15px;padding:13px 18px;border-radius:12px;width:100%;background:var(--copper-bright);color:#fff}.btn:hover{background:var(--copper-deep)}.btn:disabled{background:var(--border-strong);cursor:default}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--border-strong)}.btn.sm{width:auto;padding:8px 14px;font-size:13px;border-radius:10px}.err{color:#c0392b;font-size:13.5px;margin:4px 0 12px}.topbar{background:var(--navy);color:#f3f1ec;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:16px;flex-wrap:wrap}.topbar .left{display:flex;align-items:center;gap:12px}.topbar .wordmark{font-size:19px}.portal-tag{font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;font-size:10.5px;font-weight:600;color:#c9c3b8;border-left:1px solid #2A3846;padding-left:12px}.topbar .right{display:flex;align-items:center;gap:14px}.topbar .who b{font-size:13.5px}.topbar .who span{font-size:11.5px;color:#a7b0bb;display:block}.main{max-width:860px;margin:0 auto;padding:30px 24px 60px}.subnav{display:flex;gap:8px;margin-bottom:22px}.subnav button{border:none;background:transparent;cursor:pointer;font:inherit;font-weight:600;font-size:14px;color:var(--muted);padding:8px 15px;border-radius:999px}.subnav button.active{background:var(--navy);color:#fff}.subnav button:hover:not(.active){background:var(--surface);color:var(--ink)}.crumb{font-size:12px;color:var(--muted);margin-bottom:8px}h1.title{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-size:28px;margin:0 0 8px}.lede{color:var(--muted);font-size:15px;max-width:62ch;margin:0 0 26px}.section-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:26px 0 12px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}.conn-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.conn-head h3{margin:0;font-size:16px}.pill{font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:20px}.pill.good{background:var(--good-tint);color:var(--good)}.pill.neutral{background:var(--neutral-pill);color:var(--muted)}.conn-sub{color:var(--muted);font-size:13px;margin:6px 0 0}.conn-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.methods{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 640px){.methods{grid-template-columns:1fr}}.method{text-align:left;background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:16px;cursor:pointer}.method:hover{border-color:var(--copper)}.method h4{margin:0 0 4px;font-size:15px}.method p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.45}.method .rec{float:right;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--good);background:var(--good-tint);padding:3px 8px;border-radius:20px}.job-list{display:flex;flex-direction:column;gap:10px}.job-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.job-row .jn{font-weight:600;font-size:14.5px}.job-row .js{font-size:12px;color:var(--muted);margin-top:2px}.job-row .right{display:flex;align-items:center;gap:12px}.hint{color:var(--faint);font-size:12.5px;margin-top:10px}.setup{background:var(--copper-tint);border:1px solid var(--border);border-radius:14px;padding:20px;color:var(--copper-deep)}.setup code{font-family:ui-monospace,Menlo,monospace;font-size:12px}