:root{color-scheme:light;--orange:#f36b21;--orange-dark:#d94d0a;--ink:#151515;--muted:#686868;--line:#e5ddd7;--paper:#fffdfb;--wash:#f7f2ed;--green:#157347;--red:#a83021}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1120px,calc(100% - 36px));margin:0 auto}.topbar{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.mark{width:43px;height:43px;display:grid;place-items:center;background:var(--orange);color:white;font-size:25px;font-weight:900}.brand strong{display:block;font-size:21px;line-height:1}.brand strong em{color:var(--orange);font-style:normal}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.mode{padding:8px 10px;border:1px solid #efc4a9;background:#fff3ea;color:#943c0d;font-size:10px;font-weight:900;letter-spacing:1px}.hero{padding:64px 0 46px}.eyebrow,.step{margin:0 0 10px;color:var(--orange-dark);font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.hero h1{margin:0;max-width:900px;font-size:clamp(44px,6.4vw,76px);line-height:.96;letter-spacing:-4px}.hero h1 em{color:var(--orange);font-style:normal}.hero>p:last-child{max-width:760px;margin:22px 0 0;color:var(--muted);font-size:16px;line-height:1.65}.panel{margin:0 0 22px;padding:30px;border:1px solid var(--line);background:white;box-shadow:0 16px 45px rgba(40,25,14,.055)}.login-panel{display:grid;grid-template-columns:.8fr 1fr;gap:45px;align-items:end}.panel h2{margin:0;font-size:30px;letter-spacing:-1.3px}.muted{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.login-panel form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}label{display:grid;gap:7px;color:#4d4742;font-size:11px;font-weight:800}input,select{min-width:0;min-height:47px;padding:0 12px;border:1px solid #cfc4bc;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,107,33,.13)}.primary,.secondary{min-height:47px;padding:0 17px;border:0;font-weight:900}.primary{background:var(--orange);color:white}.secondary{border:1px solid #d8cec7;background:#fff;color:#312c29}.primary:disabled,.secondary:disabled{opacity:.5;cursor:wait}.login-error{grid-column:1/-1;margin:0;padding:11px 13px;background:#fff0ed;color:var(--red);font-size:12px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-actions{display:flex;gap:9px}.notice{margin:23px 0 0;padding:13px 15px;background:var(--wash);color:#5d5651;font-size:12px}.notice:empty{display:none}.notice.success{background:#eaf6ef;color:#135f3c}.notice.error{background:#fff0ed;color:var(--red)}.link-list{margin-top:16px;display:grid;gap:12px}.link-row{display:grid;grid-template-columns:1fr .95fr .7fr auto;gap:16px;align-items:center;padding:18px;border:1px solid var(--line);background:#fff}.link-row small{display:block;margin-bottom:5px;color:#8b817a;font-size:9px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.link-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.status{display:inline-flex;width:max-content;padding:6px 8px;font-size:10px;font-weight:900;letter-spacing:.7px}.status.active{background:#eaf6ef;color:#12623d}.status.suspended{background:#fff0ed;color:var(--red)}.row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.row-actions button{min-height:37px;padding:0 11px;border:1px solid #d6ccc5;background:#fff;font-size:11px;font-weight:900}.row-actions .danger{border-color:#e7b1a9;color:var(--red)}.row-actions .restore{border-color:#add6c0;color:var(--green)}.credential-panel{border-top:5px solid var(--orange)}.staging-only{padding:7px 9px;background:#fff3ea;color:#943c0d;font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.credential-form{margin-top:22px;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.credential-warning{margin:16px 0 0;color:#76513d;font-size:11px;line-height:1.55}.credential-result{margin-top:14px;padding:15px;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end;border:1px solid #add6c0;background:#f1f8f4}.credential-result>div{display:grid;gap:7px}.credential-result small{color:#12623d;font-size:10px;font-weight:900;letter-spacing:.5px}.credential-result input{font-family:Consolas,Monaco,monospace;font-weight:800;letter-spacing:.4px}.scan-panel{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:center}.scan-actions{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}.link-button{display:inline-grid;place-items:center;text-decoration:none}.qr{width:300px;aspect-ratio:1;border:12px solid white;box-shadow:0 10px 35px rgba(30,20,12,.14)}.qr svg{display:block;width:100%;height:100%}.stop-note{margin:32px 0 58px;padding:23px 26px;display:grid;grid-template-columns:150px 1fr;gap:24px;border-left:5px solid var(--orange);background:#fff3ea}.stop-note span{color:#663418;font-size:13px;line-height:1.55}footer{min-height:75px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700}
@media(max-width:920px){.login-panel,.scan-panel{grid-template-columns:1fr}.login-panel form,.credential-form{grid-template-columns:1fr 1fr}.login-panel form button,.credential-form button{grid-column:1/-1}.credential-result{grid-template-columns:1fr 1fr}.credential-result>div{grid-column:1/-1}.link-row{grid-template-columns:1fr 1fr}.row-actions{justify-content:flex-start;grid-column:1/-1}.qr{width:min(100%,300px)}}
@media(max-width:580px){.shell{width:calc(100% - 24px)}.topbar{align-items:flex-start;padding:15px 0}.mode{max-width:120px;text-align:center}.hero{padding:45px 0 35px}.hero h1{font-size:47px;letter-spacing:-3px}.panel{padding:22px 18px}.login-panel form,.credential-form,.credential-result,.link-row{grid-template-columns:1fr}.login-panel form button,.credential-form button,.credential-result>div{grid-column:auto}.row-actions{grid-column:auto}.panel-head{display:block}.panel-actions{margin-top:16px}.staging-only{display:inline-block;margin-top:14px}.stop-note{grid-template-columns:1fr;gap:8px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px}}
