
:root{color-scheme:dark;--bg:#0c1216;--card:#141d23;--line:#26333b;--text:#edf3f1;--muted:#9baeb6;--green:#38e5ab}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:#1a262d;color:var(--text);padding:10px 15px}button:hover{border-color:var(--green)}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #36464f;border-radius:7px;background:#0f171c;color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:2px}label{display:grid;gap:6px;margin:16px 0}.primary{background:var(--green);color:#06271c;border-color:var(--green);font-weight:650}.primary:hover{background:#7df2c9}aside{position:fixed;inset:0 auto 0 0;width:238px;padding:34px 22px;border-right:1px solid var(--line);background:#10181d}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:25px;font-weight:650}.brand b{display:grid;place-items:center;background:var(--green);color:#082e22;width:40px;height:42px;border-radius:12px;font-size:25px}.brand .muted{font-size:14px;font-weight:400}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700}aside .eyebrow{margin:46px 0 18px}.nav{display:block;text-align:left;border:0;width:100%;margin:7px 0;background:transparent;color:var(--muted)}.nav.active{color:var(--green);background:#16332d}.side-bottom{position:absolute;bottom:25px;font-size:12px;color:var(--muted)}.side-bottom p{margin-left:16px;font-size:11px}.dot{display:inline-block;background:var(--green);height:6px;width:6px;border-radius:50%;margin-right:6px}main{margin-left:238px;padding:0 46px 40px;max-width:1800px}header{height:88px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:var(--muted)}header div{display:flex;gap:14px;align-items:center;letter-spacing:0}.page-title{display:flex;align-items:center;justify-content:space-between;margin:42px 0 30px}h1{font-size:38px;line-height:1.15;letter-spacing:-1.3px;margin:10px 0}h2{font-size:19px;margin:0 0 3px}.muted{color:var(--muted)}.small{font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.stat{padding:23px;border:1px solid var(--line);border-radius:12px;background:var(--card)}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:36px;font-weight:550;letter-spacing:-1px;margin:8px 0}.stat small{color:var(--muted);font-size:11px}.stat:first-child{border-color:#266a55;background:linear-gradient(120deg,#17372e,#14231f)}.stat:first-child strong{color:var(--green)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:37px 0 18px;gap:16px}.actions{display:flex;gap:10px}.actions input{width:240px;font-size:12px}#table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--card)}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:10px;letter-spacing:1px;background:#19242b}td,th{padding:18px 20px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}td{font-size:13px}td small{display:block;color:var(--muted);margin-top:3px}td button{font-size:11px;padding:6px 8px;margin:3px}.badge{padding:5px 9px;border-radius:20px;font-size:11px;background:#183e31;color:#73efbd}.badge.warn{background:#44361f;color:#f1c87d}.badge.off{background:#402b32;color:#f1a9b8}.footer-note{margin-top:18px;color:var(--muted);font-size:11px}.footer-note>span:last-child{float:right}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty strong{display:block;font-size:18px;color:var(--text);margin-bottom:8px}.auth{max-width:440px;margin:65px auto}.auth h1{font-size:47px}.auth form{margin-top:30px}.auth .primary{width:100%;margin-top:8px}#notice{padding:12px 16px;margin-top:16px;border-radius:8px;background:#1b3b30;border:1px solid #327b5d}#notice.error{background:#40232c;border-color:#8a4558}dialog{width:min(520px,calc(100% - 30px));color:var(--text);background:var(--card);border:1px solid #465b65;border-radius:15px;padding:26px}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.modal-title{display:flex;align-items:center;justify-content:space-between}.modal-title button{padding:3px 10px;font-size:22px;background:transparent;border:0}#modal-error{color:#f4acb8;font-size:13px}.key{font:13px monospace;overflow-wrap:anywhere;background:#0b1419;padding:14px;border:1px solid #346c58;border-radius:8px}.modal-note{color:var(--muted);font-size:13px}[hidden]{display:none!important}@media(max-width:1100px){main{padding:0 24px 30px;margin-left:195px}aside{width:195px;padding:28px 15px}.stats{gap:10px}.stat{padding:16px}.toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:700px){aside{position:static;width:auto;padding:16px}.brand{font-size:20px}aside .eyebrow,.side-bottom{display:none}nav{display:flex;overflow:auto;margin-top:12px}.nav{width:auto;white-space:nowrap;font-size:12px}.brand b{width:32px;height:32px}main{margin:0;padding:0 16px 30px}header{height:65px}header>span{display:none}.page-title{margin:28px 0;gap:10px}h1{font-size:29px}.stats{grid-template-columns:repeat(2,1fr)}.actions{flex-wrap:wrap}.actions input{width:100%}.footer-note>span:last-child{float:none;display:block;margin-top:8px}.auth h1{font-size:38px}}
