:root{color-scheme:dark;font:15px/1.5 system-ui,sans-serif;background:#0a0912;color:#f3f2f8}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1460px;margin:auto;padding:24px}header,.section-head,nav,.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between}header strong{font-size:30px;letter-spacing:-1px}header strong span{font-size:12px;color:#dafa68;letter-spacing:2px}header p,footer,.hint{color:#aaa6bc}h1{font-size:28px;line-height:1.2;margin:8px 0}h2{font-size:20px}button,input,select{font:inherit;border-radius:12px;border:1px solid #38334b;background:#211d30;color:inherit;padding:11px 15px;min-height:44px}button{cursor:pointer}button:hover{border-color:#afa0ff}button:disabled{opacity:.4;cursor:not-allowed}button.primary,button.selected{background:#dafa68;color:#171d12;border-color:#dafa68;font-weight:650}button.danger{color:#ffa5ad}label{display:flex;gap:8px;align-items:center}input[type=password]{width:100%}.card{background:#15131f;border:1px solid #2a2640;padding:24px;border-radius:22px;margin:18px 0}.live{display:flex;justify-content:space-between;gap:24px}.clock{display:flex;flex-direction:column;align-items:end;min-width:130px}.clock strong{font-size:42px;font-variant-numeric:tabular-nums}.controls{justify-content:flex-start;margin:10px 0}.hint{font-size:13px}#status,#connection{color:#dafa68}#notice{position:sticky;top:0;z-index:5;background:#42331c;color:#ffe1a6;padding:12px 24px;display:none}#notice:not(:empty){display:block}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1100px}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #2a2640}th{color:#aaa6bc;font-size:12px;font-weight:500}td input{width:86px;padding:8px}td input.title{width:220px}td select{width:85px}td small{display:block;color:#aaa6bc;margin-top:4px}td .order{padding:8px;min-width:34px}tr.on{background:#272a18}#login{max-width:460px;margin:40px auto}#login-form{display:grid;gap:20px}#login-form label{display:grid}#summary{color:#dafa68}footer{font-size:12px}[hidden]{display:none!important}@media(max-width:700px){header,main,footer{padding:14px}.card{padding:16px}.live{flex-direction:column}.clock{align-items:start}h1{font-size:24px}.controls button{flex-grow:1}}