*{box-sizing:border-box}body{margin:0;background:#0e1524;color:#f3f4f6;font:16px system-ui}main{max-width:1100px;margin:auto;padding:48px 24px}header{margin-bottom:32px}header>p:first-child{color:#fb923c;font-weight:750;letter-spacing:2px}h1{font-size:clamp(28px,5vw,42px);margin:12px 0}section{background:#192335;border:1px solid #334155;padding:28px;border-radius:16px}#auth{max-width:540px}label{display:block;margin:18px 0}input{display:block;width:100%;margin-top:8px;padding:13px;border-radius:8px;border:1px solid #64748b;background:#0e1524;color:white;font:inherit}button{padding:12px 18px;border:0;border-radius:8px;background:#fb923c;color:#111827;font:inherit;font-weight:650;cursor:pointer;margin:4px}button:disabled{opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.muted{color:#b9c4d5;font-size:14px;line-height:1.6}#message{line-height:1.6;color:#fde68a}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}td,th{padding:14px;border-bottom:1px solid #334155}[hidden]{display:none!important}
section{margin-bottom:24px}textarea{width:100%;padding:12px;background:#0e1524;color:white;border:1px solid #64748b;border-radius:8px;font:inherit}a{color:#93c5fd}
select{padding:12px;background:#0e1524;color:white;border:1px solid #64748b;border-radius:8px;font:inherit}select:focus-visible{outline:3px solid #93c5fd}