:root{--bg:#f5f6f9;--nav:#151922;--ink:#202938;--red:#bc2035;--muted:#7e8999;--line:#e9edf2;--green:#157c55;--panel:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 'Segoe UI',Inter,system-ui,sans-serif}input,button{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:253px;flex-shrink:0;background:linear-gradient(150deg,#1b202b,#10131b);color:#f5f7fb;min-height:100vh;position:sticky;top:0;height:100vh;padding:27px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 29px}.mark,.logomark{width:45px;height:45px;display:grid;place-items:center;background:linear-gradient(135deg,#ed5060,#9b1028);border-radius:12px;font-size:26px;font-weight:900;position:relative;box-shadow:0 9px 28px #d5304a35}.mark span,.logomark span{font-size:7px;position:absolute;top:8px;right:8px;color:#fff}.brand strong{font-size:18px;letter-spacing:-.4px}.brand strong em{color:#ed5161;font-style:normal}.brand small{display:block;color:#99a5b7;letter-spacing:2px;font-size:9px}.navcaption{font-size:10px;letter-spacing:2px;font-weight:700;color:#808b9f;padding:16px 14px 10px}.navlink{padding:12px 15px;border-radius:10px;color:#a7b0bf;margin-bottom:5px;font-weight:600}.navlink:hover,.navlink.selected{color:#fff;background:#c4203223}.navlink.selected{border-left:3px solid #ec4052;padding-left:12px}.asidebottom{margin-top:auto;border-top:1px solid #ffffff20;padding:16px 11px 0;color:#a3aeae;font-size:11px}.bullet{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30ad76;margin-right:7px}.identity{display:flex;align-items:center;gap:9px;margin:18px 0}.avatar{background:#405064;color:#fff;border-radius:50%;display:grid;place-items:center;width:35px;height:35px;font-weight:800}.identity b{display:block;color:#eaf0f7}.identity small{display:block;overflow-wrap:anywhere;font-size:10px}.linkbtn{background:transparent;color:#c8d0de;border:0;padding:6px}.main{flex:1;min-width:0}.top{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.crumb{font-size:12px;color:#8893a1}.crumb b{font-size:14px;color:#344052}.pillwarn{font-size:10px;border-radius:99px;background:#fff2ee;color:#a63a2e;font-weight:800;letter-spacing:.7px;padding:8px 11px}.inner{max-width:1510px;margin:auto;padding:34px 35px 48px}.redlabel{font-size:11px;letter-spacing:1.8px;color:var(--red);font-weight:800}.titleblock h1{font-size:29px;letter-spacing:-.9px;margin:4px 0 6px}.subtle{color:var(--muted);margin:0}.infobar{font-size:12px;border:1px solid #efd5be;background:#fff9ed;padding:13px 18px;border-radius:12px;margin:23px 0;color:#7c582e}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.stat,.panel{background:#fff;border:1px solid #eceff4;border-radius:16px;box-shadow:0 10px 28px #14203906}.stat{padding:21px}.statlabel{font-size:12px;color:#728095;display:flex;justify-content:space-between}.statlabel span{background:#f5f6f8;padding:6px 9px;border-radius:9px}.statvalue{font-size:28px;font-weight:800;margin:8px 0 4px}.statdesc{font-size:11px;color:#929dab}.panel{margin-bottom:21px;overflow:hidden;scroll-margin-top:80px}.panelheading{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.panelheading h2{font-size:18px;margin:0 0 3px;letter-spacing:-.5px}.panelheading p{color:#8792a1;font-size:12px;margin:0}.righth{display:flex;align-items:center;gap:10px}.btn{display:inline-block;background:#fff;color:#384354;border:1px solid #dce2ec;border-radius:10px;padding:10px 16px;font-weight:750;white-space:nowrap}.btn.red{background:linear-gradient(100deg,#c5243a,#a51b2f);border-color:#c5243a;color:white}.btn.block{display:block;width:100%;text-align:center}.state{color:#8a5d23;background:#fff3db;border-radius:50px;padding:6px 10px;font-size:10px;letter-spacing:.7px;font-weight:800}.state.good{background:#e9f6ee;color:#187a51}.state.bad{background:#fff0f0;color:#ac293b}.monitorgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 22px 15px;gap:13px}.monstat{background:#f8f9fb;padding:17px 21px;border-radius:12px}.monstat span{display:block;font-size:10px;color:#919cab;letter-spacing:1px;font-weight:800}.monstat strong{display:block;font-size:28px;margin-top:5px}.monstat strong.smaller{font-size:15px;padding-top:10px}.roomlist{padding:5px 23px}.roomentry{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid #edf0f5;border-radius:10px;padding:13px 17px;margin-bottom:9px}.roomentry b{font-size:13px}.roomentry small{display:block;color:#8392a0;margin-top:4px}.roomcount{color:#188154;font-weight:800}.mutedcenter{text-align:center;color:#8e9ba8;padding:20px}.fineprint{margin:10px 22px 20px;color:#8290a0;font-size:11px}.toolbar input{border:1px solid #dfe4eb;border-radius:8px;padding:10px 12px;min-width:210px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:#fafbfc;color:#8d99a7;font-size:10px;text-align:left;letter-spacing:1.1px;padding:13px 20px;border-block:1px solid #eff1f5;text-transform:uppercase}td{padding:14px 20px;border-bottom:1px solid #f0f2f6;font-size:12px}tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:11px}.usericon{width:34px;height:34px;border-radius:9px;background:#f9e9ed;color:#b9243c;display:grid;place-items:center;font-weight:900}.person b{display:block}.person small{display:block;font-size:10px;color:#9a9faa}.gray{color:#8c98a6}.status{border-radius:999px;font-size:10px;font-weight:800;padding:6px 10px}.status.active{color:#12845c;background:#ecf8f0}.status.paused{color:#818b96;background:#f2f3f5}.status.locked{color:#9f3a47;background:#fff1f3}.status.unknown{color:#966c1c;background:#fff7e5}.actionrow{display:flex;gap:5px}.tiny{border:1px solid #e1e5ee;border-radius:8px;background:#fff;color:#576175;padding:6px 9px;font-size:11px}.tiny.danger{color:#a71e2f}.tablefoot{color:#99a3b0;font-size:11px;padding:16px 20px}.newuser{border-top:1px solid #eee;padding:16px 20px}.newuser form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.newuser label{font-size:11px;color:#778495;display:grid;gap:5px}.newuser input{border:1px solid #dfe3ec;padding:10px;border-radius:9px;min-width:240px}.twocol{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.auditlist{padding:0 20px 16px}.auditline{display:flex;gap:10px;align-items:center;border-top:1px solid #f0f2f4;padding:12px 0}.auditdot{background:#f2f3f7;border-radius:8px;padding:8px;color:#8590a1}.auditline b{font-size:12px}.auditline p{font-size:11px;color:#8b97a4;margin:0}.auditline small{font-size:10px;color:#acb5bf;margin-left:auto}.rules{padding:0 24px 25px;display:grid;gap:15px;font-size:12px;color:#546174}.empty{padding:25px;color:#ad6a2c}code{font-size:11px;color:#52617c}footer{text-align:center;margin:16px;color:#a6afbb;font-size:11px}.signin{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#e8e4e8,#f6f7fa 35%,#e7eaf0)}.authbox{background:#fff;width:min(445px,94vw);border:1px solid #ebedf2;border-radius:22px;box-shadow:0 30px 80px #18233c14;padding:36px 39px}.logomark{margin:auto}.brand-name{text-align:center;font-size:23px;font-weight:900;margin:17px 0 0}.brand-name b{color:var(--red)}.auth-eyebrow{text-align:center;font-size:10px;color:#b22038;font-weight:800;letter-spacing:1.8px}.authbox h1{text-align:center;font-size:25px;margin:26px 0 5px}.authbox .dim{text-align:center;color:#8190a1;font-size:12px;margin:5px 0 24px}.authbox label{font-size:12px;font-weight:700;display:block;margin:15px 0 6px}.authbox input{width:100%;border:1px solid #dce2e8;border-radius:10px;padding:12px 14px}.authbox input:focus{outline:2px solid #edd0d6}.authbox .btn{margin:23px 0 0}.auth-foot{text-align:center;color:#8d9baa;font-size:11px;margin-top:24px}.devflag{margin:25px 0 0;text-align:center;color:#c03a42;background:#fff2f2;padding:8px;font-size:10px;font-weight:800}.otpinput{text-align:center;font-size:29px!important;letter-spacing:12px;font-weight:800}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}}@media(max-width:730px){.shell{display:block}.sidebar{position:static;height:auto;min-height:0;width:auto;padding:14px}.brand{padding:0 8px 12px}.navcaption{display:none}.navlink{display:inline-block;padding:7px 11px;font-size:11px}.navlink.selected{padding-left:8px}.asidebottom{margin:9px 0 0;padding-top:9px}.identity{display:none}.top{height:53px;padding:0 17px}.inner{padding:20px 14px}.stats,.monitorgrid{grid-template-columns:repeat(2,1fr)}.panelheading{flex-direction:column;align-items:flex-start}.monitorgrid .monstat:last-child{grid-column:span 2}.titleblock h1{font-size:25px}.pillwarn{font-size:9px}.authbox{padding:27px 22px}}