*{box-sizing:border-box}body{margin:0;background:#081d14;color:#ecf3ed;font:15px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #647647;border-radius:8px;padding:9px 14px;background:#e6c777;color:#172818;font-weight:650}button:disabled{opacity:.5;cursor:wait}input,select{display:block;width:100%;background:#102c20;border:1px solid #658471;border-radius:8px;color:#fff;padding:10px;margin:6px 0 18px}h1{font-size:28px;margin:10px 0}p{color:#bed0c2}.card{max-width:460px;margin:10vh auto;padding:32px;background:#102c20;border:1px solid #405d43;border-radius:18px}.eyebrow{color:#e6c777;font-size:12px;letter-spacing:1px}header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;gap:12px;border-bottom:1px solid #405d43}#roleLabel{display:block;font-size:12px;color:#bed0c2}.actions{display:flex;gap:8px;flex-wrap:wrap}iframe{display:block;border:0;width:100%;height:calc(100dvh - 114px);background:#fff}#status{padding:0 20px;margin:8px 0;min-height:23px;color:#f3d995}#loginError{color:#ffce9f}[hidden]{display:none!important}@media(max-width:600px){.card{margin:24px 14px;padding:22px}header{align-items:start;flex-direction:column}.actions button{font-size:12px}iframe{height:calc(100dvh - 175px)}}