:root{--orange:#f59e0b;--orange2:#ff7a00;--ink:#101216;--ink2:#191c21;--muted:#737b88;--line:#e8e9ec;--bg:#f6f7f9;--white:#fff;--green:#22c55e;--red:#ef4444}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:#15171a}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.layout{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:linear-gradient(180deg,#111318,#171a1f);color:#fff;padding:20px 14px;position:sticky;top:0;height:100vh;border-right:1px solid #272b31}.brand{display:flex;align-items:center;gap:10px;padding:5px 8px 22px;border-bottom:1px solid #292d34}.brand img{width:170px;max-height:58px;object-fit:contain;object-position:left center}.nav{padding:16px 0}.nav a{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;margin:4px 0;color:#e6e8eb}.nav a:hover,.nav a.active{background:linear-gradient(90deg,var(--orange2),var(--orange));color:#fff}.agentbox{margin-top:auto;border:1px solid #353a42;border-radius:12px;padding:14px;background:#1d2026}.dot{display:inline-block;width:9px;height:9px;border-radius:99px;background:var(--green);margin-right:7px}.main{min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:5}.content{padding:28px 30px 40px;max-width:1600px;margin:auto}.headline{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.headline h1{margin:0;font-size:30px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:9px;padding:10px 14px;font-weight:650;cursor:pointer}.btn.orange{background:linear-gradient(90deg,var(--orange2),var(--orange));color:#fff}.btn.dark{background:#15171a;color:#fff}.btn.light{background:#fff;border:1px solid var(--line)}.btn.danger{background:#fff1f2;color:#b91c1c;border:1px solid #fecdd3}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 20px rgba(10,14,20,.035)}.metric{padding:18px}.metric .label{font-size:13px;color:var(--muted)}.metric .value{font-size:25px;font-weight:780;margin-top:5px}.panel{margin-top:18px}.panelhead{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panelhead h3{margin:0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{padding:14px 16px;border-bottom:1px solid #eff0f2;text-align:left;font-size:14px;vertical-align:middle}th{font-size:11px;letter-spacing:.04em;color:#555c66;background:#fafafa}.status{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:700}.status.ok{background:#eafaf0;color:#16833d}.status.warn{background:#fff7e8;color:#a35b00}.status.bad{background:#fff0f0;color:#ba2d2d}.status.off{background:#f0f1f3;color:#666}.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.field label{display:block;font-size:13px;font-weight:650;margin-bottom:6px}.field input,.field select{width:100%;padding:11px 12px;border:1px solid #d8dbe0;border-radius:9px;background:#fff}.field.full{grid-column:1/-1}.flash{padding:12px 14px;border-radius:10px;margin-bottom:16px}.flash.success{background:#eafaf0;color:#166534}.flash.error{background:#fff0f0;color:#991b1b}.kvs{padding:6px 18px 18px}.kv{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eff0f2}.actions{display:flex;gap:7px;flex-wrap:wrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.small{font-size:12px}.loginbody{min-height:100vh;display:grid;place-items:center;background:#090b0e;color:#fff;position:relative;overflow:hidden}.loginbody:before,.loginbody:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(245,158,11,.20);transform:rotate(45deg);border-radius:40px}.loginbody:before{left:-280px;top:-120px}.loginbody:after{right:-300px;bottom:-140px}.login{width:min(880px,92vw);padding:44px 58px;background:linear-gradient(180deg,rgba(27,30,36,.98),rgba(13,15,18,.98));border:1px solid rgba(245,158,11,.55);border-radius:22px;box-shadow:0 30px 80px #0009;position:relative}.loginlogo{display:block;margin:0 auto 18px;width:360px;max-width:80%;height:105px;object-fit:contain}.login h1{text-align:center;margin:10px 0 4px;font-size:34px}.login .subtitle{text-align:center;color:#a8afb9;margin-bottom:28px}.login .field{margin:14px 0}.login .field label{color:#f7f7f7}.login .field input{background:#111419;border-color:#41464f;color:#fff;padding:14px}.login .row{display:flex;justify-content:space-between;align-items:center}.login .btn{width:100%;justify-content:center;font-size:18px;padding:14px;margin-top:16px}.footerline{text-align:center;color:#7e858f;margin-top:28px}.hamb{display:none}.codebox{background:#111318;color:#fff;padding:12px;border-radius:9px;word-break:break-all}.toolbar{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.hamb{display:block}.content{padding:20px}.topbar{padding:0 20px}}@media(max-width:650px){.cards{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.login{padding:30px 22px}.loginlogo{width:280px}.headline{align-items:flex-start;flex-direction:column}}