@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#eef3f7;background:#071016;font-synthesis:none;--bg:#071016;--panel:#0e1820;--panel2:#111c25;--border:#26343e;--muted:#8fa0af;--green:#21da8a;--orange:#ff7a0a;--cyan:#17cbd3;--blue:#2f90ff;--red:#ff4e5d;--purple:#9a62ff}*{box-sizing:border-box}body{margin:0;min-width:1180px;min-height:100vh;background:radial-gradient(circle at 55% -30%,#142533 0,transparent 42%),var(--bg);font-size:14px}button,input{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:252px 1fr;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:252px;border-right:1px solid var(--border);background:#071016f0;padding:28px 16px 20px;display:flex;flex-direction:column;z-index:3}.brand{height:150px;display:flex;align-items:center;flex-direction:column}.brand-shield{width:70px;height:82px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 20%,90% 77%,50% 100%,10% 77%,0 20%);background:var(--orange);padding:5px}.brand-shield:before{content:"";position:absolute;width:56px;height:66px;clip-path:inherit;background:#0b141b}.brand-shield span{z-index:1;color:var(--orange);font-weight:900;font-size:36px}.brand strong{font-size:25px;letter-spacing:.19em;margin-top:12px}.brand small{color:#fff;letter-spacing:.45em;margin-left:.45em;font-size:9px;margin-top:4px}nav{border-top:1px solid var(--border);padding-top:20px;display:flex;flex-direction:column;gap:7px}nav button,.settings-nav button{border:0;background:transparent;text-align:left;padding:14px 16px;border-radius:7px;color:#c6d2dc;display:flex;align-items:center;gap:14px;font-weight:500;cursor:pointer;position:relative}nav button svg{width:21px}nav button.selected,.settings-nav button.selected{background:#172129;color:var(--orange)}nav button.selected:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:var(--orange)}.side-status{margin-top:auto;border:1px solid var(--border);padding:14px;border-radius:8px;display:flex;gap:12px;align-items:center}.side-status svg{color:var(--muted);width:26px}.side-status b,.side-status span{display:block}.side-status span{font-size:11px;color:var(--muted);margin-top:4px}.side-status.active{border-color:#125c45}.side-status.active svg,.side-status.active b{color:var(--green)}aside footer{border-top:1px solid var(--border);margin-top:16px;padding:16px 12px 0;color:var(--muted);display:flex;flex-direction:column;gap:12px}aside footer small i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px}main{grid-column:2;padding:28px 38px 34px;min-height:100vh;position:relative;max-width:1700px;width:100%;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;min-height:62px}.page-title h1{font-size:28px;letter-spacing:-.02em;margin:0 0 7px}.page-title p,.card p{margin:0;color:var(--muted);line-height:1.55}.page-title>button,.action-bar button,.setup-actions button{background:#111b23;border:1px solid var(--border);border-radius:7px;padding:11px 16px;display:flex;align-items:center;gap:9px;cursor:pointer}.page-title>button svg{width:16px}.header-status{width:282px;min-height:68px;border:1px solid var(--border);border-radius:8px;padding:12px 15px;display:flex;align-items:center;gap:12px}.header-status>svg:first-child{color:var(--muted);width:30px}.header-status div{flex:1}.header-status b,.header-status span{display:block}.header-status span{font-size:11px;color:var(--muted);margin-top:5px}.header-status .pulse{width:38px;color:var(--muted)}.header-status.active{border-color:#146247}.header-status.active>svg,.header-status.active b,.header-status.active .pulse{color:var(--green)}.card{background:linear-gradient(145deg,#111c25f7,#0c161df7);border:1px solid var(--border);border-radius:9px;padding:20px;min-width:0}.card h2,.card h3{margin:0}.hero-row{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(330px,1fr);gap:16px}.protection-hero{min-height:149px;display:flex;align-items:center;gap:28px;border-color:#23534b}.protection-hero.active{background:linear-gradient(120deg,#092b26,#0d1b21 75%)}.hero-shield{width:80px;height:80px;color:var(--green);stroke-width:1.8}.hero-copy{flex:1}.hero-copy h2{font-size:24px;color:var(--green);letter-spacing:.12em;margin-bottom:10px}.hero-copy>b{font-size:16px}.hero-copy p{margin-top:7px}.master{border-left:1px solid var(--border);padding-left:26px;display:flex;flex-direction:column;gap:15px;align-items:center;min-width:190px}.toggle{border:0;width:52px;height:28px;background:#33424e;border-radius:20px;padding:3px;cursor:pointer;transition:.2s}.toggle span{display:block;width:22px;height:22px;border-radius:50%;background:#dce4e8;transition:.2s}.toggle.on{background:var(--green)}.toggle.on span{transform:translate(24px);background:#fff}.toggle:disabled{opacity:.35;cursor:not-allowed}.server-card{display:flex;align-items:center;gap:20px}.server-card h3{font-size:18px;margin-bottom:7px}.server-card p{margin-bottom:10px}.icon-ring{width:55px;height:55px;flex:none;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,currentColor 9%,transparent)}.icon-ring svg{width:27px}.orange{color:var(--orange)}.blue{color:var(--blue)}.purple{color:var(--purple)}.cyan{color:var(--cyan)}.green{color:var(--green)!important}.danger{color:var(--red)!important}.muted{color:var(--muted)!important}.layer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:16px 0}.layer-card{display:flex;gap:17px;align-items:center;min-height:112px}.layer-card h3{font-size:16px;margin-bottom:6px}.layer-card b{display:block;margin-bottom:6px}.layer-card p{font-size:12px}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.overview-grid>.card{min-height:360px}.card>h3{margin:4px 0 17px}.setting-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;padding:12px 8px;border-top:1px solid var(--border)}.setting-row>svg{color:var(--green);width:24px}.setting-row b,.setting-row span{display:block}.setting-row span{font-size:11px;color:var(--muted);margin-top:4px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.link,.danger-link{border:0;background:transparent;color:#55bfff;cursor:pointer}.danger-link{color:var(--red)}.event{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;padding:10px 0;border-top:1px solid var(--border)}.event-icon{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;color:var(--green)}.event-icon.high{color:var(--red)}.event-icon.medium{color:var(--orange)}.event-icon svg{width:19px}.event b,.event span{display:block}.event span{font-size:11px;color:var(--muted);margin-top:4px}.event time{color:var(--muted);font-size:12px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.quick-grid button{min-height:95px;background:#111c24;border:1px solid var(--border);border-radius:9px;display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:16px;padding:16px;text-align:left;cursor:pointer}.quick-grid button>svg:first-child{width:45px;height:45px;color:var(--cyan);padding:9px;border:1px solid currentColor;border-radius:50%}.quick-grid button:nth-child(2)>svg:first-child{color:var(--orange)}.quick-grid span b,.quick-grid span small{display:block}.quick-grid small{color:var(--muted);margin-top:7px}.quick-grid button>svg:last-child{width:18px}.empty{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);gap:9px;text-align:center}.empty svg{width:34px}.empty b{color:#d6dfe5}.empty span{font-size:12px}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin:15px 0 30px}.steps div{text-align:center;position:relative;color:var(--muted)}.steps div:before{content:"";position:absolute;height:1px;background:var(--border);left:-50%;right:50%;top:18px}.steps div:first-child:before{display:none}.steps span{position:relative;z-index:1;margin:auto auto 9px;border:2px solid var(--border);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--bg)}.steps span svg{width:18px}.steps .done{color:var(--green)}.steps .done span{border-color:var(--green)}.split{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.split .card{min-height:405px}.card h2{font-size:20px;margin-bottom:8px}.card label{display:block;color:#aebbc6;font-size:12px;margin:20px 0 7px}.card input{width:100%;background:#081119;border:1px solid var(--border);color:#eaf0f3;border-radius:6px;padding:13px 14px;outline:none}.card input:focus{border-color:var(--cyan)}.input-icon{position:relative}.input-icon svg{position:absolute;left:13px;top:12px;width:18px;color:var(--muted)}.input-icon input{padding-left:40px}.primary{background:var(--orange)!important;color:#081016!important;border-color:var(--orange)!important;font-weight:700}.wide{width:100%;margin-top:19px;padding:13px;border:1px solid var(--border);border-radius:6px;cursor:pointer}.progress-row{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--border)}.progress-row>span{width:37px;height:37px;display:grid;place-items:center;border:2px solid var(--border);border-radius:50%;color:var(--muted)}.progress-row>span svg{width:18px}.progress-row b,.progress-row small{display:block}.progress-row small{color:var(--muted);margin-top:5px}.progress-row.done>span{border-color:var(--green);color:var(--green)}.webhook,.setup-actions,.action-bar{margin-top:18px;display:grid;grid-template-columns:1fr minmax(350px,.8fr) auto;align-items:center;gap:18px}.webhook button,.setup-actions button,.action-bar button{height:43px;border:1px solid var(--border);border-radius:6px;padding:0 18px;cursor:pointer}.setup-actions,.action-bar{grid-template-columns:1fr auto auto}.setup-actions button,.action-bar button{display:flex;align-items:center;gap:8px}.setup-actions svg,.action-bar svg{width:18px}.protection-banner{min-height:130px;display:flex;align-items:center;gap:28px;border-color:#17634a;background:linear-gradient(120deg,#082d27,#0d1920 80%)}.protection-banner>svg{width:70px;height:70px;color:var(--green)}.protection-banner h2{color:var(--green);margin-bottom:8px}.protection-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0}.module{min-height:230px}.module-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.module .icon-ring{width:48px;height:48px}.module h3{font-size:15px;min-height:40px}.module>b{display:block;margin:7px 0}.module p{font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.metric-grid .card{display:flex;align-items:center;gap:16px;min-height:95px}.metric-grid .card>svg{width:36px;color:var(--cyan)}.metric-grid b,.metric-grid span{display:block}.metric-grid b{font-size:22px}.metric-grid span{font-size:12px;color:var(--muted);margin-top:5px}.admins .card{min-height:430px}.admin-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--border)}.avatar{width:43px;height:43px;border:1px solid var(--green);background:#0b332a;color:var(--green);display:grid;place-items:center;border-radius:50%;font-weight:700}.admin-row b,.admin-row span{display:block}.admin-row span{font-size:11px;color:var(--green);margin-top:4px}.event.table{grid-template-columns:40px 1fr 100px 160px}.event-type{text-transform:capitalize;color:var(--cyan)!important}.settings-layout{display:grid;grid-template-columns:220px minmax(500px,1fr) 330px;gap:18px}.settings-layout>.card{min-height:650px}.settings-nav{padding:10px}.settings-nav button{width:100%;margin-bottom:4px}.settings-nav button svg{width:19px}.section-heading{margin-top:35px!important}.app-status dl{margin-top:30px}.app-status dt{color:var(--muted);font-size:12px;margin-top:20px}.app-status dd{margin:7px 0 0;padding-bottom:18px;border-bottom:1px solid var(--border);font-weight:600}.toast{position:fixed;right:30px;top:22px;z-index:20;background:#12392e;border:1px solid var(--green);padding:13px 16px;border-radius:7px;box-shadow:0 15px 50px #0008}.toast.error{background:#3b171b;border-color:var(--red)}.toast button{background:none;border:0;margin-left:25px;cursor:pointer}.busy{position:fixed;top:0;right:0;bottom:0;left:0;background:#07101655;z-index:10;display:grid;place-items:center}.busy svg{animation:spin 1s linear infinite;width:34px}.loading{height:100vh;display:grid;place-content:center;gap:12px;text-align:center;color:var(--green)}.loading svg{width:50px;height:50px;margin:auto}.danger-link:disabled,button:disabled{opacity:.45;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1250px){main{padding:25px}.hero-row{grid-template-columns:1fr}.layer-grid{grid-template-columns:repeat(2,1fr)}.protection-cards{grid-template-columns:repeat(3,1fr)}.settings-layout{grid-template-columns:190px 1fr}.app-status{grid-column:2}.overview-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.webhook,.split{grid-template-columns:1fr}}.card select,.card textarea{width:100%;background:#081119;border:1px solid var(--border);color:#eaf0f3;border-radius:6px;padding:13px 14px;outline:none}.card select:focus,.card textarea:focus{border-color:var(--cyan)}.card textarea{min-height:105px;resize:vertical;font-family:ui-monospace,monospace;font-size:11px}.form-two{display:grid;grid-template-columns:1fr 120px;gap:12px}.remote-setup .card{min-height:620px}.server-options{display:flex;flex-direction:column;gap:9px;max-height:420px;overflow:auto}.server-options button{display:grid;grid-template-columns:34px 1fr 22px;align-items:center;gap:11px;text-align:left;background:#0a141b;border:1px solid var(--border);border-radius:7px;padding:13px;color:inherit;cursor:pointer}.server-options button.selected{border-color:var(--green);background:#0a2822}.server-options button>svg{width:23px;color:var(--cyan)}.server-options span b,.server-options span small{display:block}.server-options span small{color:var(--muted);margin-top:5px;font-size:10px;overflow-wrap:anywhere}.form-error{background:#35171c;color:#ff9ca5;border:1px solid #7c2933;border-radius:6px;padding:10px;margin-top:14px;font-size:12px}.local-fallback{margin-top:18px;display:grid;grid-template-columns:1fr minmax(320px,.7fr) auto;align-items:center;gap:18px}.local-fallback button{height:43px;border:1px solid var(--border);background:#111b23;border-radius:6px;padding:0 18px;cursor:pointer}.connection-picker{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:-8px 0 14px}.connection-picker button{min-height:78px;border:1px solid var(--border);background:#0c161e;border-radius:9px;padding:15px 18px;color:inherit;display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:center;text-align:left;cursor:pointer}.connection-picker button>svg{width:30px;color:var(--muted)}.connection-picker button b,.connection-picker button small{display:block}.connection-picker button small{color:var(--muted);margin-top:6px}.connection-picker button.selected{border-color:var(--cyan);background:linear-gradient(135deg,#0a292b,#101b23)}.connection-picker button.selected>svg{color:var(--cyan)}.coverage-note{display:flex;align-items:center;gap:13px;margin-bottom:16px;border:1px solid #27514e;background:#0a201f;border-radius:8px;padding:12px 16px}.coverage-note>svg{width:25px;color:var(--green)}.coverage-note b,.coverage-note span{display:block}.coverage-note span{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.45}.install-success{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 12px;border:1px solid #17634a;background:#0a2822;border-radius:7px}.install-success>svg{width:20px;color:var(--green);flex:none}.install-success b,.install-success span{display:block}.install-success span{color:var(--muted);font-size:11px;line-height:1.45;margin-top:4px}[hidden]{display:none!important}.logout-button{display:flex;align-items:center;gap:8px;padding:9px 0;border:0;background:transparent;color:#b9c7d1;cursor:pointer;text-align:left}.logout-button svg{width:17px}.logout-button:hover{color:var(--orange)}.panel-login{min-height:100vh;display:grid;place-items:center;padding:32px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,#17313d 0,transparent 38%),#071016}.login-glow{position:absolute;width:560px;height:560px;border-radius:50%;background:#ff7a0a12;filter:blur(70px)}.login-card{position:relative;width:min(510px,100%);padding:38px 48px 42px;text-align:center;border:1px solid #32414b;border-radius:18px;background:linear-gradient(145deg,#101c25f5,#091219f5);box-shadow:0 30px 90px #000b}.login-card .brand{height:auto;margin-bottom:25px}.login-badge{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.13em}.login-badge svg{width:18px}.login-card h1{font-size:34px;margin:16px 0 11px}.login-card>p{color:var(--muted);line-height:1.65;margin:0 auto 24px;max-width:390px}.discord-login{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:14px 18px;border-radius:8px;background:#5865f2;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 10px 30px #5865f233}.discord-login:hover{background:#6875f5}.discord-login svg{width:21px}.login-assurance{display:flex;justify-content:center;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-top:17px}.login-assurance svg{width:15px;color:var(--green)}
