[hidden]{display:none!important}
:root{--bg:#050907;--bg2:#08100c;--surface:#0b120e;--surface2:#101914;--surface3:#142019;--border:#213029;--border2:#2b4035;--text:#f3f7f4;--muted:#8d9c93;--muted2:#66756c;--green:#35f39a;--green2:#12c878;--green3:#0b9f5e;--silver:#d9e1dc;--amber:#f3c86b;--red:#ff6677;--shadow:0 20px 60px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}::selection{background:rgba(53,243,154,.25)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 3%,rgba(31,143,91,.10),transparent 34%),radial-gradient(circle at 40% 100%,rgba(31,143,91,.05),transparent 32%);z-index:0}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px;position:relative;overflow:hidden;isolation:isolate}.login-shell:before{content:"";position:absolute;inset:-35px;background:linear-gradient(90deg,rgba(3,7,5,.90),rgba(3,8,5,.70)),url('/assets/guardops-banner.png') center/cover no-repeat;filter:blur(14px) saturate(.85);transform:scale(1.06);z-index:-2}.login-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(53,243,154,.10),transparent 40%),linear-gradient(180deg,rgba(2,7,4,.15),rgba(2,6,4,.82));z-index:-1}.login-glow{display:none}
.login-card{width:min(520px,100%);padding:38px;border:1px solid rgba(78,128,100,.34);border-radius:24px;background:linear-gradient(180deg,rgba(12,20,15,.94),rgba(7,13,9,.97));box-shadow:0 30px 100px rgba(0,0,0,.62);backdrop-filter:blur(20px)}.login-card h1{font-size:44px;line-height:1.03;margin:14px 0 16px;letter-spacing:-.045em}.login-card h1 span{color:var(--green)}.login-card p{color:var(--muted);line-height:1.7;margin:0 0 26px}.login-logo{margin-bottom:14px}.login-links{margin-top:20px;color:var(--muted);font-size:12px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.login-links a:hover{color:var(--green)}
.brand-mark{width:42px;height:42px;border-radius:13px;object-fit:cover;box-shadow:0 0 0 1px rgba(53,243,154,.22),0 10px 32px rgba(9,180,100,.18)}.brand-mark.large{width:62px;height:62px;border-radius:18px}.brand-image{display:block;background:#07110a}.eyebrow{font-size:10px;letter-spacing:.18em;color:#74a88b;font-weight:900;text-transform:uppercase}
.primary-button{border:1px solid rgba(53,243,154,.25);border-radius:11px;background:linear-gradient(135deg,var(--green2),#17e98a);color:#021008;padding:11px 15px;font-weight:900;cursor:pointer;box-shadow:0 10px 28px rgba(18,200,120,.20);transition:.18s ease}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 36px rgba(18,200,120,.28)}.primary-button.wide{display:block;text-align:center;padding:13px}.secondary-button,.danger-button{border:1px solid var(--border);border-radius:10px;background:#101914;color:var(--text);padding:9px 12px;cursor:pointer;font-weight:750;transition:.16s}.secondary-button:hover{border-color:#395247;background:#142019}.danger-button{border-color:rgba(255,102,119,.35);color:#ff9eaa;background:rgba(255,102,119,.07)}.danger-button:hover{background:rgba(255,102,119,.13)}
.warning{margin-top:18px;padding:13px;border-radius:11px;background:rgba(243,200,107,.07);border:1px solid rgba(243,200,107,.23);color:#efd796;font-size:13px;line-height:1.55}.warning code{color:#fff}
.app-shell{min-height:100vh;position:relative;z-index:1}.sidebar{position:fixed;inset:0 auto 0 0;width:272px;height:100vh;padding:18px 14px 14px;background:linear-gradient(180deg,rgba(8,14,10,.98),rgba(5,10,7,.99));border-right:1px solid #18241e;display:flex;flex-direction:column;gap:16px;overflow:hidden;z-index:50}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto}.brand{display:flex;gap:11px;align-items:center;padding:2px}.brand strong{display:block;font-size:16px;letter-spacing:-.01em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.live-chip{display:flex;align-items:center;gap:6px;border:1px solid rgba(53,243,154,.16);background:rgba(53,243,154,.05);color:#7ee9b3;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.guild-picker{position:relative;flex:0 0 auto}.guild-picker label,.nav-label{display:block;font-size:9px;color:#60756a;text-transform:uppercase;letter-spacing:.17em;margin:0 6px 7px;font-weight:850}.guild-button{width:100%;border:1px solid var(--border);background:linear-gradient(180deg,#101a14,#0c1510);color:var(--text);border-radius:14px;padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;transition:.16s;box-shadow:inset 0 1px rgba(255,255,255,.018)}.guild-button:hover{border-color:#385143;background:#111e16}.guild-meta{min-width:0;flex:1}.guild-meta strong,.guild-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guild-meta strong{font-size:13px}.guild-meta small{color:var(--muted);font-size:10px;margin-top:2px}.guild-avatar{width:36px;height:36px;border-radius:11px;background:#163123;display:grid;place-items:center;font-weight:850;background-size:cover;background-position:center;border:1px solid #274334}.chevron{color:#71827a;font-size:12px}.guild-menu{position:absolute;left:0;right:0;top:calc(100% + 7px);background:#0b130e;border:1px solid var(--border2);border-radius:13px;padding:6px;box-shadow:var(--shadow);z-index:100;max-height:320px;overflow:auto}.guild-menu button{width:100%;padding:9px;border:0;background:transparent;color:var(--text);border-radius:9px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.guild-menu button:hover{background:#132018}
.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-width:thin;scrollbar-color:#294437 transparent}.sidebar-scroll::-webkit-scrollbar{width:5px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#294437;border-radius:99px}.module-search{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:8px;margin:0 0 13px;padding:9px 10px;border:1px solid #1c2a22;border-radius:11px;background:rgba(8,15,11,.96);backdrop-filter:blur(14px)}.module-search:focus-within{border-color:#315b45;box-shadow:0 0 0 3px rgba(53,243,154,.045)}.module-search svg{width:15px;height:15px;fill:none;stroke:#668173;stroke-width:1.8;stroke-linecap:round}.module-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.module-search input::placeholder{color:#52655b}.nav{display:flex;flex-direction:column;gap:15px;padding-bottom:10px}.nav-group{display:grid;gap:3px}.nav-group[hidden]{display:none!important}.nav-group .nav-label{margin-top:0;margin-bottom:4px}.nav button{width:100%;border:1px solid transparent;background:transparent;color:#94a59c;border-radius:10px;padding:9px 10px;display:flex;gap:10px;align-items:center;cursor:pointer;text-align:left;font-size:12px;font-weight:680;transition:.14s}.nav button svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:#6f9a83;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:.14s}.nav button span{min-width:0;flex:1}.nav button:hover{color:#eef7f1;background:#0e1913;border-color:#16261d}.nav button:hover svg{stroke:#9bd8b8}.nav button.active{color:#effff5;background:linear-gradient(90deg,rgba(53,243,154,.13),rgba(53,243,154,.035));border-color:rgba(53,243,154,.17);box-shadow:inset 2px 0 var(--green),0 8px 24px rgba(0,0,0,.08)}.nav button.active svg{stroke:var(--green)}.sidebar-footer{flex:0 0 auto;border-top:1px solid #16221b;padding-top:10px;display:grid;gap:3px}.sidebar-link{padding:8px 9px;border-radius:8px;color:#83958b;font-size:11px;display:flex;align-items:center;gap:8px}.sidebar-link:hover{background:#101a14;color:#dff7e9}.sidebar-link span{color:#65a781}
.main{margin-left:272px;min-height:100vh;min-width:0}.topbar{height:74px;border-bottom:1px solid #15221a;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(5,10,7,.84);backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.topbar h2{font-size:20px;margin:2px 0 0;letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:8px;position:relative}.top-link{font-size:11px;color:#8ea096;padding:9px 10px;border-radius:8px}.top-link:hover{background:#101a14;color:#dff7e9}.userbox{border:1px solid var(--border);background:#0c1510;color:var(--text);border-radius:11px;padding:5px 8px 5px 5px;display:flex;gap:9px;align-items:center;cursor:pointer;min-width:175px;text-align:left}.userbox:hover{border-color:#385143}.userbox img{width:34px;height:34px;border-radius:10px;background:#14271b;object-fit:cover}.userbox strong,.userbox small{display:block}.userbox strong{font-size:12px}.userbox small{font-size:9px;color:var(--muted);margin-top:2px}.userbox div{flex:1}.user-menu{position:absolute;right:0;top:calc(100% + 9px);width:250px;background:#0b130e;border:1px solid var(--border2);border-radius:14px;padding:7px;box-shadow:0 24px 80px rgba(0,0,0,.55);z-index:120}.user-menu-head{display:flex;align-items:center;gap:10px;padding:8px}.user-menu-head img{width:42px;height:42px;border-radius:12px;object-fit:cover}.user-menu-head strong,.user-menu-head small{display:block}.user-menu-head small{font-size:10px;color:var(--muted);margin-top:2px}.user-menu-separator{height:1px;background:#19271f;margin:5px 4px}.user-menu a,.user-menu button{width:100%;border:0;background:transparent;color:#a5b5ac;border-radius:8px;padding:9px 10px;display:flex;gap:9px;align-items:center;text-align:left;cursor:pointer;font-size:11px}.user-menu a:hover,.user-menu button:hover{background:#111d16;color:#f0f7f2}.user-menu span{color:#6cab87}
.content{padding:26px;max-width:1580px;margin:0 auto}.hero{border:1px solid var(--border);background:linear-gradient(135deg,rgba(18,31,23,.96),rgba(8,15,10,.97));border-radius:17px;padding:22px;box-shadow:0 14px 50px rgba(0,0,0,.22);display:flex;justify-content:space-between;gap:22px;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-130px;background:radial-gradient(circle,rgba(53,243,154,.08),transparent 67%);pointer-events:none}.hero h3{font-size:24px;margin:4px 0 7px;letter-spacing:-.025em}.hero p{margin:0;color:var(--muted);font-size:12px}.status-pill{border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;background:rgba(53,243,154,.08);color:#7ff0b8;border:1px solid rgba(53,243,154,.17)}.status-pill.warn{background:rgba(243,200,107,.08);color:#efd590;border-color:rgba(243,200,107,.20)}.status-pill.red{background:rgba(255,102,119,.08);color:#ff9faa;border-color:rgba(255,102,119,.20)}
.grid{display:grid;gap:13px;margin-top:13px}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,#0d1611,#09110c);border:1px solid var(--border);border-radius:14px;padding:16px;min-width:0;box-shadow:0 8px 30px rgba(0,0,0,.12)}.card h4{margin:0 0 10px;font-size:12px}.metric{font-size:28px;font-weight:900;letter-spacing:-.04em}.metric-label{color:var(--muted);font-size:10px;margin-top:4px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px;gap:12px}.section-head h3{margin:0;font-size:15px}.section-head p{margin:3px 0 0;color:var(--muted);font-size:10px}
.switch-list{display:grid;gap:8px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #18261e;background:#0b1510;border-radius:11px;padding:12px}.switch-row strong{display:block;font-size:12px}.switch-row small{display:block;color:var(--muted);margin-top:3px;font-size:10px}.toggle{appearance:none;width:40px;height:22px;border-radius:99px;background:#25332b;position:relative;cursor:pointer;transition:.2s;flex:0 0 auto}.toggle:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#eaf1ed;transition:.2s}.toggle:checked{background:var(--green2)}.toggle:checked:after{transform:translateX(18px)}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:10px;color:#71877b}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);background:#07100a;color:var(--text);border-radius:9px;padding:9px 10px;outline:none}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2b7551;box-shadow:0 0 0 3px rgba(53,243,154,.06)}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:13px;background:#09110c}.table{width:100%;border-collapse:collapse;font-size:11px}.table th,.table td{padding:10px 11px;border-bottom:1px solid #14231a;text-align:left;white-space:nowrap}.table th{font-size:9px;color:#70867a;text-transform:uppercase;letter-spacing:.08em;background:#0d1711}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#0d1711}.tag{padding:4px 7px;border-radius:999px;background:#16231b;color:#adbbb3;font-size:9px;font-weight:850}.tag.green{background:rgba(53,243,154,.08);color:#7deeb5}.tag.red{background:rgba(255,102,119,.08);color:#ff9faa}.tag.blue{background:rgba(126,199,157,.08);color:#9ed9b7}.chart{height:180px;display:flex;align-items:flex-end;gap:6px;padding-top:20px}.bar{flex:1;min-width:4px;background:linear-gradient(180deg,var(--green),var(--green3));border-radius:4px 4px 2px 2px;opacity:.82}.bar:hover{opacity:1}.empty,.loading-card{padding:38px;text-align:center;color:var(--muted);border:1px dashed #263a30;border-radius:14px;background:rgba(8,15,10,.55)}.actions{display:flex;gap:8px;flex-wrap:wrap}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#102017;border:1px solid #2c4d3a;color:#fff;padding:11px 14px;border-radius:11px;box-shadow:var(--shadow);font-size:12px}.toast.error{border-color:rgba(255,102,119,.45);color:#ffc0c7}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#87d8ae}
@media(max-width:1100px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(2,1fr)}.sidebar{width:238px}.main{margin-left:238px}.live-chip{display:none}}
@media(max-width:760px){.sidebar{position:relative;width:100%;height:auto;max-height:none;border-right:0;border-bottom:1px solid #18241e}.sidebar-scroll{overflow:visible}.nav{display:grid;grid-template-columns:repeat(2,1fr)}.sidebar-footer{display:flex;justify-content:space-between}.main{margin-left:0}.topbar{position:relative;padding:0 14px}.top-link{display:none}.userbox{min-width:auto}.userbox div{display:none}.content{padding:16px}.grid.cols-4,.grid.cols-3,.grid.cols-2,.field-grid{grid-template-columns:1fr}.login-card{padding:28px 22px}.login-card h1{font-size:36px}.user-menu{right:0}.hero{align-items:flex-start;flex-direction:column}}

.guild-menu-status{flex:0 0 auto;font-size:8px;font-weight:900;letter-spacing:.08em;color:#78eeb1;border:1px solid rgba(53,243,154,.16);background:rgba(53,243,154,.06);padding:4px 6px;border-radius:999px}

/* Overview / management */
.server-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.server-head>img{width:58px;height:58px;border-radius:16px;object-fit:cover;border:1px solid #2a4536;box-shadow:0 12px 36px rgba(0,0,0,.28)}.server-head-main{min-width:0;flex:1}.server-head-main h2{margin:3px 0 8px;font-size:26px;letter-spacing:-.035em}.server-chips{display:flex;flex-wrap:wrap;gap:6px}.server-chip{font-size:9px;font-weight:850;color:#9fb0a6;border:1px solid #263a30;background:#0d1711;border-radius:999px;padding:5px 8px}.server-chip.green{color:#80edb5;border-color:rgba(53,243,154,.18);background:rgba(53,243,154,.06)}.server-chip.owner{color:#f1d38a;border-color:rgba(243,200,107,.22);background:rgba(243,200,107,.07)}.server-head-status{display:flex;align-items:center;gap:7px;color:#8cebb8;font-size:10px;font-weight:800;white-space:nowrap}
.protection-banner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border:1px solid #294236;border-radius:18px;background:linear-gradient(115deg,#113522 0%,#0c2719 58%,#07110b 100%);box-shadow:0 16px 48px rgba(0,0,0,.22);margin-bottom:14px}.protection-banner:after{content:"";position:absolute;inset:auto -80px -120px auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(53,243,154,.16),transparent 65%)}.protection-banner h3{margin:5px 0 7px;font-size:25px;letter-spacing:-.03em}.protection-banner p{margin:0;color:#9caf9f;font-size:11px}.protection-mark{position:relative;z-index:1;width:98px;height:98px;display:grid;place-items:center;flex:0 0 auto}.protection-mark img{width:86px;height:86px;border-radius:24px;object-fit:cover;filter:drop-shadow(0 14px 24px rgba(0,0,0,.35))}
.management-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:13px}.protection-card{display:flex;align-items:center;gap:18px}.progress-ring{--progress:0deg;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:conic-gradient(var(--green) var(--progress),#1a261f 0);position:relative}.progress-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#0b130e;border:1px solid #22362a}.progress-ring>div{position:relative;z-index:1;text-align:center}.progress-ring strong{display:block;font-size:23px;letter-spacing:-.04em}.progress-ring small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.protection-copy{min-width:0}.protection-copy h4,.control-card h4{font-size:15px;margin:0 0 7px}.protection-copy p,.control-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.missing-modules{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.missing-modules>span{width:100%;font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#6f8177}.missing-modules small{border:1px solid #2a3b32;background:#101913;color:#a8b6ae;border-radius:999px;padding:4px 6px;font-size:8px}.all-good{margin-top:10px;color:#83ebb8;font-size:10px}.card-kicker{font-size:8px;color:#6e8176;letter-spacing:.15em;text-transform:uppercase;font-weight:850;margin-bottom:8px}.status-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-action{border:1px solid #1d3026;background:linear-gradient(180deg,#0d1711,#09110c);border-radius:12px;padding:13px;text-align:left;cursor:pointer;transition:.15s}.quick-action:hover{border-color:#315b45;background:#102018;transform:translateY(-1px)}.quick-action strong{display:block;font-size:11px;margin-bottom:3px}.quick-action small{display:block;color:var(--muted);font-size:9px;line-height:1.45}.quick-action .qa-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;margin-bottom:10px;border:1px solid rgba(53,243,154,.12);background:rgba(53,243,154,.05);color:var(--green);font-size:13px}.quick-action .qa-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.module-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.module-status{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid #1b2b22;border-radius:11px;background:#0a130d;cursor:pointer}.module-status:hover{border-color:#2c4c3a}.module-status-dot{width:8px;height:8px;border-radius:50%;background:#55635b;box-shadow:0 0 0 3px rgba(255,255,255,.015)}.module-status.on .module-status-dot{background:var(--green);box-shadow:0 0 12px rgba(53,243,154,.45)}.module-status strong{font-size:10px}.module-status small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.sidebar-footer svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:#6cab87;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-footer .sidebar-link span{color:inherit}
@media(max-width:1180px){.management-grid{grid-template-columns:1fr 1fr}.protection-card{grid-column:1/-1}.module-status-grid,.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.server-head{align-items:flex-start}.server-head-status{display:none}.protection-banner{padding:20px}.protection-mark{width:70px;height:70px}.protection-mark img{width:62px;height:62px;border-radius:18px}.management-grid,.quick-actions,.module-status-grid{grid-template-columns:1fr}.protection-card{flex-direction:column;align-items:flex-start}}
