:root{--bg:#080d17;--side:#0b111d;--panel:#101927;--panel2:#111c2b;--border:#233040;--text:#eaf1f6;--muted:#8c9cac;--faint:#5b6d7b;--accent:#82e4c6;--cyan:#52bdd0;--purple:#9280ed;--warning:#ebad68;--danger:#ee7e8c;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;font-family:var(--sans);font-size:14px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:var(--accent)}.hidden{display:none!important}.login-page{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate;padding:38px clamp(24px,5vw,76px);overflow:hidden;background:radial-gradient(ellipse 500px 400px at 65% 50%,#11303a55,transparent),#070e18}.login-glow{position:absolute;width:800px;height:800px;left:50%;top:40%;transform:translate(-10%,-55%);background:radial-gradient(circle,#0e615c33,transparent 63%);filter:blur(25px);z-index:-1}.login-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:2px;font-size:17px}.brand-glyph{background:linear-gradient(140deg,#96f1d4,#51bcae);width:40px;height:40px;border-radius:12px;color:#09251f;display:grid;place-items:center;font-weight:950;font-size:23px;box-shadow:0 9px 26px #48d4b22b}.brand-muted,.side-brand span{font-weight:400;color:var(--accent)}.login-card{width:min(460px,100%);margin:auto;z-index:1;border:1px solid #263c48;background:linear-gradient(155deg,#142534f0,#101923f5);box-shadow:0 25px 100px #0008,0 0 85px #3dcbb213;border-radius:22px;padding:42px}.eyebrow,.kicker{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:1.8px}.dot,.status-led,.live-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #65e6ba99;margin-right:7px}.login-card h1{font-size:40px;letter-spacing:-1.8px;margin:15px 0 10px}.login-card h1 em{font-style:normal;color:var(--accent)}.login-card p{color:var(--muted);line-height:1.7;margin:0 0 30px}.login-card form{display:grid;gap:10px}.login-card label,.whitelist-form label,.stack-form label{color:#becbd6;font-weight:600;font-size:12px;margin-top:6px}.login-card input,.whitelist-form input,.stack-form input,.search-input,.field-select{border:1px solid #2a3b4a;background:#0b1420;color:var(--text);border-radius:10px;height:46px;padding:0 14px;min-width:0;outline:none}.login-card input:focus,.whitelist-form input:focus,.stack-form input:focus,.search-input:focus,.field-select:focus{border-color:var(--accent)}.login-card input{margin-bottom:9px}.primary-button{border:0;background:var(--accent);color:#0b2825;border-radius:9px;padding:13px 17px;font-weight:800;transition:filter .2s,transform .2s;display:inline-flex;justify-content:space-between;gap:18px;align-items:center}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary-button.full{width:100%;margin-top:7px}.login-footer{border-top:1px solid var(--border);margin-top:28px;padding-top:22px;color:var(--faint);font-size:11px;display:flex;align-items:center;gap:6px}.login-footer .status-led{width:6px;height:6px}.login-bottom{display:flex;justify-content:space-between;color:var(--faint);letter-spacing:1px;font-weight:700;font-size:10px}.form-error{color:#ffc0c3;background:#7c24382a;border:1px solid #9c394d;padding:9px 11px;border-radius:8px}
.app{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{background:var(--side);border-right:1px solid #1d2a38;min-height:100vh;display:flex;flex-direction:column;padding:27px 14px;position:sticky;top:0;height:100vh}.side-head{display:flex;align-items:center;gap:11px;padding:4px 12px 43px}.side-head .brand-glyph{width:37px;height:37px;font-size:21px}.side-brand{font-size:15px;font-weight:950;letter-spacing:1.4px}.brand-sub{font-size:9px;color:var(--faint);letter-spacing:2px;margin-top:5px}.nav-group-label{font-size:10px;color:#60788b;font-weight:800;letter-spacing:1.6px;padding:0 17px;margin:0 0 14px}.nav-group-label.in-nav{margin:32px 0 13px}.nav{display:flex;flex-direction:column;gap:5px}.nav-item{height:45px;border:none;background:transparent;color:#91a4b6;text-align:left;padding:0 17px;display:flex;align-items:center;gap:14px;font-weight:600;border-radius:9px;transition:background .15s,color .15s}.nav-item:hover{color:var(--text);background:#172638}.nav-item.selected{color:#a9f4dd;background:#1a3739;border:1px solid #2d5b55}.nav-icon{font-size:20px;min-width:21px;text-align:center;line-height:1}.side-footer{margin-top:auto;display:flex;gap:12px;align-items:center;border:1px solid #26433e;border-radius:11px;background:#102623;padding:15px 12px}.side-footer strong{display:block;font-size:12px}.side-footer small{display:block;color:#87aca5;font-size:10px;margin-top:5px}.main-shell{min-width:0}.topbar{height:76px;border-bottom:1px solid #1e2b3a;padding:0 clamp(24px,4vw,52px);display:flex;align-items:center;justify-content:space-between;background:#0b121d}.breadcrumb{display:flex;gap:12px;color:#758ba0;font-size:13px}.breadcrumb strong{color:#dbe8f0}.slash{color:#445968}.top-actions{display:flex;align-items:center;gap:14px}.top-status{border:1px solid #25483d;background:#122820;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:1px;color:#a2ead5;padding:9px 12px}.top-status .status-led{height:6px;width:6px}.icon-button{border:1px solid #263444;color:#cfe2e9;background:#121f2d;border-radius:9px;width:37px;height:37px;display:grid;place-items:center;font-size:20px}.account-button{width:36px;height:36px;border-radius:50%;border:1px solid #3b6c61;background:#21453e;color:var(--accent);font-weight:800}.content{padding:40px clamp(24px,4vw,52px) 70px;max-width:1740px;margin:0 auto}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:29px;gap:18px}.page-intro h1{font-size:35px;font-weight:800;letter-spacing:-1.5px;margin:11px 0 8px}.h-title-dot{color:var(--accent)}.page-intro p{color:var(--muted);margin:0;font-size:13px}.last-updated{color:var(--faint);font-size:11px;white-space:nowrap;padding-bottom:3px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.stat-card{min-height:151px;background:linear-gradient(152deg,#152232,#101826);border:1px solid #263647;border-radius:14px;padding:23px;position:relative;overflow:hidden}.stat-card:first-child:before{content:"";height:3px;position:absolute;top:0;left:22px;right:22px;background:var(--accent);border-radius:30px}.stat-card>span{display:block;color:#97aabb;font-size:12px;font-weight:650}.stat-card strong{display:block;font-size:31px;font-weight:800;letter-spacing:-1px;margin:12px 0 9px}.stat-card small{font-size:11px;color:#718b9d}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:18px;margin-bottom:18px}.bottom-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr)}.panel{background:var(--panel);border:1px solid #253445;border-radius:14px;overflow:hidden;margin-bottom:18px}.overview-grid>.panel{margin-bottom:0}.panel-header{padding:24px 25px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.kicker{font-size:10px;letter-spacing:1.45px}.panel-header h2,.whitelist-hero h2{font-size:17px;letter-spacing:-.4px;margin:7px 0 0}.muted-pill{border:1px solid #2a3b4d;background:#172434;border-radius:6px;color:#91aab8;font-size:10px;font-weight:750;letter-spacing:.7px;padding:7px 9px;white-space:nowrap}.muted-pill.big{padding:11px}.chart-legend{display:flex;gap:20px;padding:2px 25px 0;color:#98acbc;font-size:11px}.legend-color{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:6px}.legend-color.cyan{background:#73dfc9}.legend-color.purple{background:#9b86f5}.activity-chart{height:245px;display:flex;align-items:flex-end;gap:6px;padding:22px 24px 22px;border-bottom:0;position:relative}.chart-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;flex:1;min-width:0;position:relative}.chart-bars{display:flex;gap:3px;align-items:flex-end;height:100%;width:100%;justify-content:center;border-bottom:1px solid #2b3a4b;position:relative}.bar{width:31%;max-width:16px;border-radius:4px 4px 0 0;min-height:2px;background:linear-gradient(#88eed4,#4dbba8)}.bar.deny{background:linear-gradient(#aa9aff,#7b65ce)}.chart-label{color:#71889a;font-size:9px;margin-top:13px}.empty-chart{height:100%;display:grid;place-items:center;text-align:center;color:#76909e;padding:20px}.leaders{padding:0 23px 10px}.leader{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #223241;gap:12px}.leader:last-child{border-bottom:0}.rank{color:#6f8698;font-weight:800;font-size:12px;width:16px}.player-avatar{height:35px;width:35px;flex:none;display:grid;place-items:center;border:1px solid #326258;background:#22453d;color:#b1f5e0;border-radius:9px;font-weight:800;font-size:14px}.leader-info{min-width:0;flex:1}.leader-info strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-info small{color:#728b9c;font-size:10px;display:block;margin-top:5px}.leader-value{font-weight:750;font-size:12px}.recent-events{padding:0 25px 14px}.event-item{border-top:1px solid #233344;padding:14px 0;display:flex;align-items:center;gap:12px}.event-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#1a3b36;color:var(--accent);font-weight:800;flex:none}.event-icon.denied,.event-icon.revoked{background:#3d272d;color:#f5a4ae}.event-icon.quit,.event-icon.timeout{background:#25354b;color:#a1b7d9}.event-text{flex:1;min-width:0}.event-text strong{font-size:12px}.event-text span{display:block;color:#849aab;font-size:11px;margin-top:4px}.event-time{color:#718b9a;white-space:nowrap;font-size:10px}.security-panel .panel-header{padding-bottom:23px}.small-shield{font-size:20px;color:var(--accent)}.snapshot-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 25px;border-top:1px solid #223242;font-size:12px}.snapshot-row span{color:#97adbb}.snapshot-row strong{font-weight:750}.snapshot-row code{color:#b4e6db;overflow-wrap:anywhere;text-align:right}.security-foot{color:#7f96a7;line-height:1.65;background:#132637;padding:15px 24px;font-size:11px;border-top:1px solid #244052}.text-button{border:0;background:none;color:var(--accent);font-weight:750;font-size:11px}.outline-button,.pagination button{border:1px solid #314354;background:#172637;color:#bcd0de;border-radius:9px;padding:11px 15px;font-weight:700;font-size:12px}.directory-panel .table-toolbar{display:flex;padding:21px;gap:11px;border-bottom:1px solid #233446}.search-input{flex:1}.field-select{width:180px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#121d2c;color:#758da1;font-size:10px;font-weight:850;letter-spacing:1.2px;padding:15px 22px;white-space:nowrap}td{color:#c6d5df;padding:16px 22px;border-top:1px solid #243243;font-size:12px;white-space:nowrap}td .name-cell{display:flex;gap:10px;align-items:center}.name-cell small{color:#72899a;font-size:10px;display:block;margin-top:4px}.tiny-pill{border-radius:5px;background:#162a36;color:#bcd9e8;padding:6px 8px;font-size:10px;font-weight:700}.tiny-pill.good{background:#1a3b35;color:#a1f0d6}.tiny-pill.bad{background:#39252e;color:#eda7ae}.tiny-pill.neutral{background:#202b3b;color:#a8b5cb}.table-action{border:0;background:#24354a;border-radius:7px;color:#b5d4df;padding:8px 11px;font-size:11px;font-weight:800}.table-action.danger{color:#ffc1c5;background:#3a252c}.table-action:hover,.outline-button:hover{filter:brightness(1.2)}.table-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:18px 24px;color:#88a0af;font-size:11px}.pagination{display:flex;gap:10px}.no-data{padding:37px 23px!important;color:#7f97aa;text-align:center;white-space:normal!important}.whitelist-hero{padding:26px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-color:#355b52;background:linear-gradient(110deg,#16332f,#121e2c)}.whitelist-hero p{line-height:1.65;color:#a2bdc3;max-width:640px;font-size:12px;margin:13px 0 0}.switch{position:relative;display:block;width:54px;height:30px;flex:none}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;inset:0;border-radius:30px;background:#354858;border:1px solid #527080;transition:.2s;cursor:pointer}.switch-slider:before{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#c7d5da;left:4px;top:3.5px;transition:.2s}.switch input:checked + .switch-slider{background:#296c59;border-color:#55b799}.switch input:checked + .switch-slider:before{transform:translateX(24px);background:var(--accent)}.whitelist-form{display:flex;gap:14px;align-items:end;padding:0 25px 20px}.whitelist-form div{display:flex;flex-direction:column;gap:9px;width:30%}.whitelist-form div.wide{flex:1}.whitelist-form .primary-button{height:46px;white-space:nowrap}.micro-note{margin:0 25px 23px;color:#788f9f;font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-grid>.panel{align-self:start}.notice{margin:0 24px 18px;background:#17322f;border:1px solid #2a5b53;border-radius:10px;padding:18px;line-height:1.55}.notice strong{color:#a6e5d3}.notice p{color:#8eb6af;font-size:12px;margin:7px 0 0}.notice.subtle{background:#172536;border-color:#30475d}.notice.subtle strong{color:#bed7eb}.notice.subtle p{color:#8ea1b1}.stack-form{display:grid;gap:10px;padding:4px 25px 25px}.stack-form label{margin-top:9px}.stack-form .primary-button{margin-top:13px}.audit-list{padding:0 24px 14px}.audit-entry{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;padding:15px 0;border-top:1px solid #263748;font-size:11px}.audit-entry strong{color:#c6e7e0;display:block;margin-bottom:5px}.audit-entry small{color:#849cb0}.audit-entry time{color:#8297a7;font-size:10px}.detail-backdrop{position:fixed;inset:0;background:#0009;z-index:30;backdrop-filter:blur(3px)}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:31;width:min(475px,100vw);background:#111b29;border-left:1px solid #3a5360;box-shadow:-20px 0 60px #0008;overflow-y:auto;padding:28px}.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.drawer-top h2{font-size:25px;letter-spacing:-1px;margin:6px 0 0}.profile-uuid{font-size:12px;color:#90abbc;background:#0b1521;border:1px solid #273d4b;border-radius:8px;padding:13px;margin:10px 0 23px;overflow-wrap:anywhere}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-metric{background:#152535;border:1px solid #2b3c4b;border-radius:9px;padding:16px}.profile-metric span{display:block;color:#83a0ad;font-size:11px;margin-bottom:7px}.profile-metric strong{font-size:19px}.drawer-section-title{font-size:11px;color:var(--accent);letter-spacing:1.4px;margin:27px 0 13px}.drawer-session{padding:12px 0;border-top:1px solid #2a3c4d;display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-session strong{font-size:12px;display:block}.drawer-session small{font-size:10px;color:#84a0ad;display:block;margin-top:5px}.drawer-actions{display:flex;gap:10px;margin:22px 0}.drawer-actions button{flex:1}.toast{position:fixed;z-index:100;bottom:25px;right:25px;max-width:min(400px,calc(100vw - 40px));padding:14px 18px;background:#18352f;border:1px solid #438877;box-shadow:0 12px 44px #0007;border-radius:10px;color:#c7ffed;font-size:12px;font-weight:650}.toast.error{background:#39232d;border-color:#ae5263;color:#ffd2d8}
@media(max-width:1150px){.app{grid-template-columns:206px minmax(0,1fr)}.sidebar{padding:24px 10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.bottom-grid{grid-template-columns:1fr}.whitelist-form{flex-wrap:wrap}.whitelist-form div{width:calc(40% - 7px)}.whitelist-form div.wide{flex:1}.whitelist-form button{width:100%}}@media(max-width:740px){.app{display:block}.sidebar{height:auto;min-height:0;position:static;padding:10px 12px;display:block}.side-head{padding:8px 8px 12px}.nav{display:flex;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px}.nav-group-label,.side-footer,.nav-group-label.in-nav{display:none}.nav-item{height:39px;font-size:11px;white-space:nowrap;padding:0 11px}.nav-icon{font-size:16px;min-width:16px}.topbar{height:57px;padding:0 18px}.top-status{display:none}.content{padding:28px 18px 50px}.page-intro h1{font-size:30px}.page-intro{align-items:flex-start}.last-updated{display:none}.stat-card{min-height:135px;padding:18px}.stat-card strong{font-size:27px}.panel-header{padding:19px}.snapshot-row{padding:15px 19px}.settings-grid{grid-template-columns:1fr}.whitelist-form{display:grid;padding:0 18px 18px}.whitelist-form div,.whitelist-form div.wide{width:100%}.chart-legend{padding:0 19px}.activity-chart{padding:20px 15px}.directory-panel .table-toolbar{flex-wrap:wrap}.directory-panel .search-input{min-width:100%}.directory-panel .field-select{flex:1}.login-card{padding:28px}.login-card h1{font-size:34px}.login-bottom{font-size:8px}}

.feature-policy-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.feature-policy-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(84,177,230,.15);border-radius:12px;background:rgba(9,23,42,.56);padding:16px}
.feature-policy-row>div{display:flex;flex-direction:column;gap:6px}.feature-policy-row strong{font-weight:650}.feature-policy-row small{color:#8da2b8}