:root{color-scheme:dark;font:15px/1.6 "Segoe UI",sans-serif;background:#0c1420;color:#e7f1fb}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:16px;align-items:center;padding:18px 5vw;background:#142333;border-bottom:1px solid #34516a}header strong{display:block;font-size:18px}small{display:block;color:#a9bfd3}header small{font-size:10px;letter-spacing:.13em}.mark{display:grid;place-items:center;width:48px;height:48px;background:#8c2735;border:1px solid #e38b91;border-radius:12px;font-weight:800}#connection{margin-left:auto;color:#a7eccd;font-size:12px}main{max-width:1100px;margin:auto;padding:45px 28px}#login{max-width:550px;margin:4vh auto}h1{font-size:clamp(26px,4vw,40px);line-height:1.2;margin:8px 0 20px}h2{font-size:18px;margin:0}p{color:#bed0e2}.eyebrow{font-size:11px;color:#87c9ff;letter-spacing:.16em}label{display:block;font-size:12px;color:#c4d8ea;margin:15px 0}input,select{display:block;width:100%;background:#0b1926;border:1px solid #4b6681;border-radius:7px;padding:11px;color:#fff;margin-top:5px;font:inherit}button{cursor:pointer;color:#071727;background:#a9d8fc;border:1px solid #d0eaff;border-radius:7px;padding:10px 15px;font:600 13px "Segoe UI",sans-serif}button:hover{background:#d2ebff}button:disabled,input:disabled{opacity:.5;cursor:default}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.notice{background:#172e42;border:1px solid #42637e;border-radius:9px;padding:16px;color:#cee1f2;font-size:13px}.actions{margin:24px 0;padding:10px 0}.file-label{max-width:460px}article{display:flex;gap:12px;align-items:center;padding:20px;border:1px solid #2f4a62;border-radius:10px;margin:12px 0;background:#142333;flex-wrap:wrap}article>div:first-child,article>span:first-child{flex:1;min-width:180px}article p{font-size:12px;margin:6px 0}article select{width:140px;margin:0}.history{flex-basis:100%;display:grid;gap:7px;max-height:300px;overflow:auto}.history button{text-align:left;background:#263e54;color:#e5f3ff;border-color:#4f6f8d}details{margin-top:35px;border-top:1px solid #405b72;padding-top:20px}summary{cursor:pointer;font-weight:bold}#user-form{max-width:500px}#status{padding:15px 0;color:#a8f2cf;white-space:pre-wrap}#status.error{color:#ffb6b6}footer{max-width:1100px;margin:20px auto;padding:0 28px 20px;font-size:11px;color:#a9bfd3}[hidden]{display:none!important}@media(max-width:650px){header{padding:12px;gap:10px}header strong{font-size:13px}header small{font-size:8px}#connection{display:none}main{padding:26px 16px}article{padding:14px}h1{font-size:28px}}