:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e14;--panel:#111620;--border:#232b39;--text:#edf2fc;--muted:#919bad;--blue:#578bff;--blue-light:#94b6ff;--red:#f08791}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .15s,border-color .15s,color .15s}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}a{color:var(--blue-light);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}input,select{color:var(--text);background:#0b1019;border:1px solid #303b4e;border-radius:7px;min-width:0;max-width:100%;padding:10px 12px}input:focus,select:focus{outline-offset:1px;border-color:var(--blue);outline:2px solid #5489f955}label{color:#bcc6d6;flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}form{gap:20px;display:grid}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1px;margin-bottom:10px;font-size:30px;font-weight:600;line-height:1.2}h2{letter-spacing:-.2px;margin-bottom:5px;font-size:17px;font-weight:600}h3{margin-bottom:7px;font-size:17px}p{color:var(--muted);margin-bottom:18px;font-size:14px;line-height:1.7}strong{font-weight:600}small{font-size:12px}.muted{color:var(--muted)}.mono,code,pre{font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.primary,.secondary,.danger{white-space:nowrap;border-radius:7px;min-height:40px;padding:10px 15px;font-size:14px;font-weight:600}.primary{color:#fff;background:#4e7ff0;box-shadow:inset 0 1px #ffffff25}.primary:hover{background:#6391fc}.secondary{color:#d8e0ef;background:#181f2b;border:1px solid #303a4b}.secondary:hover{background:#222d40}.danger{color:#ffafb5;background:#642b35;border:1px solid #97434f}.full{width:100%}.inline{align-items:center;gap:8px;display:inline-flex}.text-button{color:var(--blue-light);padding:0;font-size:14px}.icon-button{border:1px solid var(--border);border-radius:6px;padding:9px}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:#0e121a;flex-direction:column;width:230px;padding:30px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--text);align-items:center;gap:12px;padding:0 12px 39px;display:flex}.brand:hover{text-decoration:none}.brand-shield{color:#7ba3ff;background:#19315d;border:1px solid #39588d;border-radius:11px;justify-content:center;align-items:center;width:43px;height:47px;display:flex}.wordmark{letter-spacing:1px;font-size:30px;font-weight:750;line-height:1}.wordmark span{color:#a0abc0;letter-spacing:.4px;margin-top:8px;font-size:12px;font-weight:400;display:block}.workspace-label{color:#7a859a;letter-spacing:1.5px;padding:0 13px 13px;font-size:12px;font-weight:600}.sidebar nav{gap:5px;display:grid}.sidebar nav button{text-align:left;color:#9da8bb;border-radius:7px;justify-content:flex-start;gap:13px;padding:12px 14px;font-size:14px}.sidebar nav button.active{color:#b6cdff;box-shadow:inset 2px 0 var(--blue);background:#1b2d4d}.sidebar nav button:hover{color:#e0e8f9;background:#192130}.nav-count{background:#293247;border-radius:4px;margin-left:auto;padding:0 6px;font-size:12px}.sidebar-bottom{margin-top:auto;padding-top:40px}.engine-label{color:#a0b6df;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:17px 7px;font-size:12px;display:flex}.engine-label small{color:#707d93;margin-top:3px;display:block}.profile{align-items:center;gap:10px;padding:20px 2px;display:flex}.avatar,.top-avatar{color:#bfd2f8;background:#243148;border:1px solid #40516b;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;display:grid}.profile strong{text-overflow:ellipsis;max-width:120px;font-size:12px;display:block;overflow:hidden}.profile small{color:var(--muted);font-size:12px;display:block}.profile button{margin-left:auto;padding:0}.main{flex:1;min-width:0;margin-left:230px}.topbar{border-bottom:1px solid var(--border);background:#0d1119;justify-content:space-between;align-items:center;height:72px;padding:0 36px;display:flex}.breadcrumb{color:#7f8b9f;align-items:center;gap:12px;font-size:13px;display:flex}.breadcrumb span{color:#c9d3e5}.topbar-right{align-items:center;gap:25px;display:flex}.server-label{color:#9ba9bf;align-items:center;gap:8px;font-size:12px;display:flex}.content{max-width:1580px;margin:0 auto;padding:30px 36px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin:4px 0 27px;display:flex}.page-heading p{margin:0}.eyebrow{letter-spacing:1.8px;color:#7b8fad;margin-bottom:12px;font-size:12px;font-weight:600}.heading-actions{align-items:center;gap:10px;display:flex}.heading-actions select{max-width:220px;font-size:13px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stat{border:1px solid var(--border);background:linear-gradient(120deg,#141b27,#111620);border-radius:9px;padding:21px 22px}.stat-label{color:#a8b5c9;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.stat-label svg{color:#7b8da8}.stat strong{letter-spacing:-.8px;margin:13px 0 5px;font-size:34px;font-weight:500;line-height:1.4;display:block}.stat small{color:#8390a6;font-size:12px}.red{color:var(--red)}.amber{color:#edbd76}.blue{color:#91b4ff}.panel{background:var(--panel);border:1px solid var(--border);border-radius:9px;margin-bottom:24px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.panel-heading h2{margin-bottom:0}.panel-heading p{margin:5px 0 0;font-size:12px}.period{color:#adbad0;white-space:nowrap;border:1px solid #2c3545;border-radius:5px;padding:5px 10px;font-size:12px}.overview-grid{grid-template-columns:minmax(0,1fr) 285px;gap:22px;display:grid}.traffic,.posture{min-height:330px}.chart{height:176px;margin:18px 25px 0;display:flex;position:relative}.chart-axis{color:#7d8ba0;flex-direction:column;justify-content:space-between;width:35px;padding-bottom:23px;font-size:12px;display:flex}.chart-plot{flex:1;min-width:0;position:relative}.chart svg{width:100%;height:152px;overflow:visible}.chart-times{color:#7d8ba0;justify-content:space-between;gap:10px;font-size:12px;display:flex}.chart-empty{text-align:center;color:#8898b2;background:#111620d9;padding:8px;font-size:12px;position:absolute;top:55px;left:0;right:0}.chart-legend{color:#b2bdd0;align-items:center;gap:18px;margin:20px 24px 23px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:7px;display:flex}.chart-legend i{border-radius:2px;width:7px;height:7px}.blue-dot{background:#538eff}.red-dot{background:#f27883}.chart-legend small{color:#718198;margin-left:auto;font-size:12px}.posture{padding:0 23px 21px}.posture .panel-heading{color:#bccbe4;padding:22px 0 15px}.posture-emblem{color:#769ee8;background:radial-gradient(circle,#29416d66,#0000 70%);place-items:center;width:74px;height:74px;margin:0 auto 10px;display:grid}.posture h3{text-align:center;margin-bottom:5px;font-size:16px}.posture>p{text-align:center;margin-bottom:17px;font-size:12px}.posture-row{justify-content:space-between;padding:7px 0;font-size:12px;display:flex}.posture-row span{color:#8a99b0}.posture-row strong{color:#c7d3e8;font-weight:400}.posture button{margin-top:14px;font-size:12px}.empty{text-align:center;flex-direction:column;align-items:center;padding:36px 20px 42px;display:flex}.empty-icon{color:#86aaff;background:#1c283d;border:1px solid #334561;border-radius:12px;place-items:center;width:51px;height:51px;margin-bottom:16px;display:grid}.empty h3{font-size:15px}.empty p{max-width:410px;font-size:13px}.empty .primary{margin-top:5px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{letter-spacing:.3px;color:#8090a8;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#101722;padding:11px 22px;font-size:12px;font-weight:500}td{border-bottom:1px solid #202837;padding:17px 22px;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#161e2c}.method{color:#9cb8e6;margin-right:9px;font-size:12px}.path{text-overflow:ellipsis;vertical-align:middle;max-width:240px;display:inline-block;overflow:hidden}.badge{color:#a3c3ff;text-transform:capitalize;background:#1e2c43;border:1px solid #2f405b;border-radius:5px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-block}.badge.block{color:#f4a0a8;background:#43242d;border-color:#61353f}.badge.allow,.badge.protect{color:#8bd4bb;background:#18352f;border-color:#2a5045}.badge.monitor{color:#e5bf83;background:#3c3020;border-color:#5b4627}.badge.disabled{color:#aab3c2;background:#2a303b;border-color:#434d5c}.bottom-note{color:#7b8ba3;align-items:center;gap:8px;margin:0 2px 27px;font-size:12px;display:flex}.footer{border-top:1px solid var(--border);color:#718199;justify-content:space-between;gap:20px;padding:23px 0;font-size:12px;display:flex}.footer>span:first-child{color:#c6d6ef}.setup-banner{color:#deb87b;background:#252219;border:1px solid #56482b;border-radius:8px;align-items:center;gap:14px;margin-bottom:27px;padding:15px 18px;display:flex}.setup-banner strong{font-size:13px;display:block}.setup-banner span{color:#b9aa8c;margin-top:3px;font-size:12px;display:block}.setup-banner button{white-space:nowrap;color:#eed2a4;margin-left:auto;font-size:12px}.website-row{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:25px;display:flex}.website-row:last-child{border:0}.website-icon{color:#8ab0ef;border:1px solid #31435e;border-radius:9px;place-items:center;width:47px;height:47px;display:grid}.website-info{flex:1}.website-info h3{margin-bottom:3px;font-size:15px}.website-info p{margin:0;font-size:13px}.website-row>.muted{font-size:12px}.settings-panel{padding:25px}.settings-panel>h2{margin-bottom:9px}.settings-panel>.panel-heading{padding:0 0 20px}.settings-panel>p{max-width:740px}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:20px 0;display:flex}.settings-row:last-child{border:0;padding-bottom:0}.settings-row strong{font-size:14px}.settings-row p{overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.toggle{background:#344055;border-radius:20px;flex-shrink:0;justify-content:flex-start;width:37px;height:22px;padding:3px}.toggle span{background:#b9c5d6;border-radius:50%;width:16px;height:16px}.toggle.on{background:#5383ef}.toggle.on span{background:#fff;transform:translate(15px)}.rules-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.rules-toolbar p{align-items:center;gap:12px;margin:0;font-size:12px;display:flex}.mode-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px;display:grid}.mode-option{cursor:pointer;border:1px solid #303a4d;border-radius:8px;padding:18px;position:relative}.mode-option.selected{background:#17263e;border-color:#5d85d0}.mode-option input{accent-color:#6594ff;position:absolute;top:17px;right:14px}.mode-option p{max-width:85%;margin:0;font-size:12px}.rate-input{max-width:270px}.rule-form{border:1px solid var(--border);background:#0d1420;border-radius:8px;grid-template-columns:2fr 1fr 1fr 2fr;align-items:end;margin-bottom:20px;padding:20px}.rule-form button{grid-column:1/-1;justify-self:end}.integration-grid{grid-template-columns:minmax(0,1fr) 310px;gap:24px;display:grid}.step-number{color:#7398db;border:1px solid #344a6a;border-radius:6px;place-items:center;width:31px;height:31px;margin-bottom:15px;font-family:monospace;font-size:12px;display:grid}.codebox{background:#0a101b;border:1px solid #26344a;border-radius:8px;margin:15px 0 20px;position:relative;overflow:hidden}.codebox>button{color:#afc8ec;background:#19273b;border-radius:5px;padding:7px;position:absolute;top:9px;right:9px}.codebox pre{white-space:pre;color:#afc7ed;margin:0;padding:22px 48px 22px 20px;font-size:12px;line-height:1.9;overflow:auto}.integration-note{padding:27px;position:sticky;top:25px}.integration-note h2{margin-bottom:27px;font-size:22px;line-height:1.4}.flow-item{color:#95b5ec;gap:12px;display:flex}.flow-item strong{color:#c4d5ee;font-size:13px}.flow-item p{margin:4px 0 0;font-size:12px}.flow-connector{color:#7f93b3;border-left:1px dashed #3a4b65;margin:13px 0 13px 9px;padding:10px 0 10px 23px;font-size:12px}.integration-note hr{border:0;border-top:1px solid var(--border);margin:25px 0}.integration-note>p{font-size:12px}.pagination{border-top:1px solid var(--border);color:var(--muted);justify-content:flex-end;align-items:center;gap:16px;padding:20px;font-size:12px;display:flex}.pagination button{min-height:32px;font-size:12px}.danger-zone{border-color:#59303a}.danger-zone h2{color:#e8a5af}.error{background:#46212a;border:1px solid #72323d;border-radius:7px;padding:12px;font-size:13px;color:#ffb1b8!important}.alert{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.success{background:#18372d;border-radius:7px;padding:12px;font-size:13px;color:#96d8bc!important}.toast{z-index:60;color:#bbe4d3;background:#18352e;border:1px solid #3d655a;border-radius:9px;align-items:center;gap:12px;max-width:calc(100% - 52px);padding:16px 22px;font-size:14px;display:flex;position:fixed;bottom:26px;right:26px;box-shadow:0 10px 40px #0008}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#03070dcf;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#141c29;border:1px solid #34425a;border-radius:14px;width:100%;max-width:490px;max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 35px 100px #000a}.modal-close{color:#9eacc1;padding:7px;position:absolute;top:15px;right:15px}.modal h2{margin-bottom:10px;font-size:23px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.auth-page{background:radial-gradient(at 15% 40%,#17315766,#0000 55%),#0b1019;justify-content:center;align-items:center;gap:100px;min-height:100vh;padding:50px;display:flex}.auth-brand{max-width:460px}.auth-brand .brand-shield{margin-bottom:23px}.auth-brand .wordmark{font-size:43px}.auth-brand .wordmark span{font-size:13px}.auth-brand h1{letter-spacing:-1.7px;margin:40px 0 20px;font-size:48px;line-height:1.14}.auth-brand>p{font-size:16px;line-height:1.8}.auth-detail{letter-spacing:1px;color:#789bd2;align-items:center;gap:9px;margin-top:48px;font-size:12px;display:flex}.auth-card{background:#111926;border:1px solid #2c374a;border-radius:15px;width:430px;padding:40px;box-shadow:0 30px 80px #0004}.auth-card h2{letter-spacing:-.7px;margin-bottom:10px;font-size:27px}.auth-card>p{margin-bottom:29px}.auth-card form{gap:21px}.auth-card form .primary{margin:4px 0 17px}.auth-card .auth-switch{color:#97a8bf;margin-top:27px;font-size:13px}.auth-footer{border-top:1px solid var(--border);color:#8393ac;align-items:center;gap:7px;margin-top:27px;padding-top:22px;font-size:12px;display:flex}.auth-card .wordmark{margin-bottom:30px}.loading{color:#7fa9ee;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}@media (min-width:1600px){.content{padding-top:40px}.stat strong{font-size:40px}.stat small{font-size:12px}.overview-grid{grid-template-columns:minmax(0,1fr) 330px}.chart{height:200px}.chart svg{height:177px}}@media (max-width:1150px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main{margin-left:200px}.content{padding:25px 24px 0}.topbar{padding:0 24px}.stat-grid{gap:10px}.stat{padding:17px 15px}.stat-label{font-size:12px}.stat-label svg{display:none}.overview-grid{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.integration-grid{grid-template-columns:minmax(0,1fr)}.integration-grid aside{max-width:none}.integration-note{position:static}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap}.auth-page{gap:50px}.auth-brand h1{font-size:40px}.rule-form{grid-template-columns:1fr 1fr}}@media (max-width:850px){.sidebar{width:74px;padding:25px 10px 0}.brand{padding:0 4px 30px}.brand .wordmark,.workspace-label,.sidebar nav button .nav-count,.sidebar-bottom{display:none}.sidebar nav button{justify-content:center;gap:0;padding:14px 0;font-size:0}.sidebar nav button svg{width:20px;height:20px}.main{margin-left:74px}.topbar{height:62px}.stat-grid{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.posture{display:none}.page-heading{flex-wrap:wrap}.page-heading h1{font-size:27px}.content{padding:23px 20px 0}.setup-banner{flex-wrap:wrap;align-items:flex-start}.setup-banner>svg{display:none}.setup-banner button{margin:0;padding:0}.website-row{flex-wrap:wrap;gap:14px}.website-info{min-width:130px}.mode-grid{grid-template-columns:1fr}.auth-page{gap:35px;padding:30px}.auth-brand{display:none}.auth-card{width:100%;max-width:430px}.footer>span:last-child{display:none}}@media (max-width:500px){.content{padding:22px 14px 0}.topbar{padding:0 15px}.server-label{display:none}.stat{padding:15px 13px}.stat-label{font-size:12px}.stat small{font-size:12px;line-height:1.5;display:block}.stat strong{font-size:30px}.stat-label svg{display:none}.page-heading p{font-size:13px}.eyebrow{letter-spacing:1px;font-size:12px}.primary,.secondary{padding:9px 12px;font-size:12px}.panel-heading{padding:18px 16px}.panel-heading h2{font-size:15px}.period{font-size:12px}.chart{margin-left:13px;margin-right:13px}.chart-times{font-size:12px}.chart-legend{gap:10px;margin:19px 13px;font-size:12px}.chart-legend small{display:none}.chart-empty{font-size:12px}.settings-panel{padding:19px 16px}.settings-row{align-items:flex-start}.settings-row .heading-actions{flex-wrap:nowrap}.rules-toolbar{flex-direction:column;align-items:flex-start}.rule-form{grid-template-columns:1fr;padding:15px}.pagination{gap:9px;padding:15px 10px}.modal{padding:25px}.auth-page{padding:18px}.auth-card{padding:27px}.bottom-note{align-items:flex-start;font-size:12px}.integration-note{padding:20px}.website-row>.muted{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.name-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.profile-form{max-width:560px;margin:20px 0}.profile strong{white-space:nowrap}@media (max-width:480px){.name-fields{grid-template-columns:1fr;gap:0}}.waf-notice{color:#b7c9e7;background:#152139;border:1px solid #344a70;border-radius:8px;margin:18px 0;padding:16px 18px;font-size:13px}.waf-presets{max-width:400px;margin:20px 0}.waf-rule{gap:18px}.waf-rule p{overflow-wrap:anywhere}.waf-rule .heading-actions{flex-wrap:wrap;flex-shrink:0}@media (max-width:760px){.waf-rule{flex-direction:column;align-items:flex-start}}.waf-conditions{grid-column:1/-1;width:100%}.waf-condition{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0;padding:16px;display:grid}@media (max-width:600px){.waf-condition{grid-template-columns:1fr}}.team-permissions{border:1px solid var(--border,#293340);border-radius:10px;margin:20px 0;padding:18px}.team-permissions label{align-items:center;gap:12px;margin:12px 0;display:flex}.team-permissions input[type=checkbox]{accent-color:#5899ff;flex-shrink:0;width:18px;height:18px}.team-invite{overflow-wrap:anywhere;margin-top:24px}.team-invite input{width:100%;margin:10px 0}.account-switcher{max-width:calc(100% - 36px);margin:0 18px 16px}body{isolation:isolate;min-height:100vh}.aci-ambient{z-index:-1;pointer-events:none;background:radial-gradient(at 80% 70%,#102d5340,#0000 65%),radial-gradient(at 15% 20%,#124c7033,#0000 60%),#080e1a;position:fixed;inset:0;overflow:hidden}.aci-wave{opacity:.28;transform-origin:50%;width:124%;height:124%;animation:24s ease-in-out infinite alternate aci-wave-drift;position:absolute;inset:-12%}.aci-wave-back{opacity:.16;animation:32s ease-in-out infinite alternate aci-wave-counter;transform:rotate(180deg)scale(1.12)}.aci-ambient:after{content:"";background:radial-gradient(at 50% 40%,#080e1a70,#0000 80%);position:absolute;inset:0}.auth-page{background:0 0}.auth-card{background:#111926f5}@keyframes aci-wave-drift{0%{transform:translate(-2%,-3%)rotate(-4deg)scale(1.02)}to{transform:translate(3%,4%)rotate(5deg)scale(1.08)}}@keyframes aci-wave-counter{0%{transform:rotate(180deg)translate(-3%,3%)scale(1.12)}to{transform:rotate(174deg)translate(3%,-3%)scale(1.04)}}@media (max-width:600px){.aci-wave{opacity:.22}.aci-wave-back{display:none}}@media (prefers-reduced-motion:reduce){.aci-wave{animation:none}}@media print{.aci-ambient{display:none}}