/* Built from component styles by npm run build:theme. */

/* base.css */
:root{--bg:#ffffff;--rail:#f6f7fb;--panel:#ffffff;--panel2:#ffffff;--panel3:#f7f8fc;--line:#252d3c;--text:#202735;--muted:#6f788a;--muted2:#6f788a;--blue:#4132c3;--green:#32c37a;--red:#c33241;--yellow:#c39232;--shadow:0 16px 48px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;background:var(--bg);color:var(--text)}body{font-size:14px;line-height:1.42}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a69fdf;outline-offset:2px}[hidden]{display:none!important}::selection{background:#6355e380}.icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.i-sm{width:15px;height:15px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:2px solid var(--bg);border-radius:9px;background:#eef0f7}
/* Login */
.auth{display:grid;min-height:100vh;grid-template-columns:minmax(280px,.92fr) minmax(340px,1.08fr)}.auth-aside{position:relative;display:flex;overflow:hidden;flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,70px);border-right:1px solid var(--line);background:linear-gradient(145deg,#f7f8fc,#ffffff 63%,#ffffff)}.auth-aside:after{position:absolute;top:-190px;right:-180px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#6355e348,transparent 68%);content:""}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:linear-gradient(145deg,#7265e6,#4635de);box-shadow:0 10px 26px #222a480a}.brand-mark .icon{width:23px;height:23px;stroke-width:2.6}.brand small{display:block;margin-top:1px;color:var(--muted);font-size:10px;letter-spacing:.1em}.promise{position:relative;z-index:1;max-width:500px;padding:65px 0}.eyebrow{margin:0 0 13px;color:#4132c3;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.promise h1{margin:0;font-size:clamp(35px,4vw,58px);line-height:1.04;letter-spacing:-.06em}.promise>p:not(.eyebrow){max-width:410px;margin:22px 0;color:#6f788a;font-size:16px}.trust{display:flex;align-items:center;gap:8px;color:#202735;font-size:13px}.trust .icon{color:var(--green)}.auth-foot{position:relative;z-index:1;color:var(--muted2);font-size:12px}.auth-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(100%,430px);padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#f7f8fc,#ffffff);box-shadow:var(--shadow)}.login-card h2{margin:0;font-size:25px;letter-spacing:-.04em}.login-card>p{margin:8px 0 23px;color:var(--muted)}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#ffffff}.login-tab{min-height:38px;border-radius:7px;color:var(--muted);background:transparent;font-weight:700}.login-tab.active{color:#202735;background:var(--panel3)}.field{display:grid;gap:7px;margin-top:16px}.field label{color:#6f788a;font-size:12px;font-weight:700}.input-wrap{position:relative}.input-wrap>.icon{position:absolute;top:50%;left:13px;color:var(--muted2);transform:translateY(-50%)}.control{width:100%;min-height:43px;padding:0 11px;border:1px solid var(--line);border-radius:8px;outline:0;color:var(--text);background:#ffffff}.input-wrap .control{padding-left:40px}.control::placeholder{color:#6f788a}.control:focus{border-color:#a69fdf;box-shadow:0 0 0 3px #222a480a}.auth-error{min-height:20px;margin:14px 0 0!important;color:#c33245!important;font-size:13px}.btn{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid transparent;border-radius:7px;color:#202735;background:var(--blue);font-size:13px;font-weight:750;transition:.16s transform,.16s background,.16s border-color}.btn:hover:not(:disabled){background:#7265e6;transform:translateY(-1px)}.btn.full{width:100%;min-height:45px}.btn.secondary{border-color:var(--line);color:#202735;background:var(--panel2)}.btn.secondary:hover:not(:disabled){border-color:#e5e8ef;background:#f7f8fc}.btn.ghost{color:var(--muted);background:transparent}.btn.danger{border-color:#df9fa666;color:#202735;background:#e45b6814}.login-hint{margin:15px 0 0;color:var(--muted2);font-size:12px;text-align:center}
/* Shell */
.rail{position:fixed;z-index:10;top:0;bottom:0;left:0;display:flex;width:52px;flex-direction:column;align-items:center;padding:14px 6px 9px;border-right:1px solid var(--line);background:var(--rail)}.rail-logo{display:grid;width:34px;height:34px;place-items:center;margin-bottom:16px;border-radius:9px;color:#4132c3;background:#6355e318}.rail-logo .icon{width:22px;height:22px;stroke-width:2.7}.rail-nav,.rail-bottom{display:grid;width:100%;gap:5px}.rail-bottom{margin-top:auto}.rail-btn{position:relative;display:grid;width:40px;height:40px;place-items:center;margin:auto;border:1px solid transparent;border-radius:8px;color:#6f788a;background:transparent}.rail-btn:hover{color:#202735;background:var(--panel2)}.rail-btn.active{border-color:#a69fdf66;color:#202735;background:#f7f8fc}.rail-btn.active:before{position:absolute;left:-7px;width:3px;height:16px;border-radius:0 3px 3px 0;background:var(--blue);content:""}.workspace{min-height:100vh;margin-left:52px}.topbar{position:sticky;z-index:8;top:0;display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;padding:0 28px 0 20px;border-bottom:1px solid #e5e8ef;background:#ffffff;backdrop-filter:blur(15px)}.crumbs{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.crumbs strong{color:#202735}.crumbs .icon{width:14px;height:14px;color:#6f788a}.top-actions{display:flex;align-items:center;gap:11px}.plan,.user-button{display:inline-flex;min-height:36px;align-items:center;gap:7px;padding:0 12px;border:1px solid #e5e8ef;border-radius:20px;color:#4132c3;background:#ffffff}.plan b{color:#4132c3}.plan .icon{width:15px;height:15px;color:#4132c3}.account{position:relative}.user-button{border-color:var(--line);color:#6f788a;background:#ffffff}.user-button:hover{color:#202735;border-color:#e5e8ef}.user-button strong{max-width:130px;overflow:hidden;color:#202735;text-overflow:ellipsis;white-space:nowrap}.account-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:210px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#ffffff;box-shadow:var(--shadow)}.account-menu small{display:block;padding:6px 8px 9px;color:var(--muted2)}.menu-btn{display:flex;width:100%;min-height:35px;align-items:center;gap:8px;padding:0 8px;border-radius:6px;color:#6f788a;background:transparent;text-align:left;font-size:12px;font-weight:700}.menu-btn:hover{color:#202735;background:var(--panel2)}.menu-btn.red{color:#c33245}.tabs{display:flex;min-height:55px;align-items:center;gap:2px;overflow-x:auto;padding:9px 20px;border-bottom:1px solid #e5e8ef;background:#ffffff}.tab{display:inline-flex;min-height:34px;flex:none;align-items:center;gap:7px;padding:0 11px;border-radius:6px;color:#6f788a;background:transparent;font-size:12px;font-weight:700;white-space:nowrap}.tab:hover{color:#202735;background:#f7f8fc}.tab.active{color:#202735;background:#ffffff;box-shadow:inset 0 0 0 1px #222a480a}.new{padding:2px 6px;border-radius:4px;color:#252d3c;background:#7265e6;font-size:9px;font-weight:900;letter-spacing:.05em}.page{width:min(100%,1760px);margin:auto;padding:28px 28px 48px 20px}.page-head{display:flex;min-height:48px;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.page-head h1{margin:0;font-size:24px;line-height:1.1;letter-spacing:-.04em}.page-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:8px;align-items:center}.alert{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:11px 13px;border:1px solid #df9fa666;border-radius:8px;color:#202735;background:#e45b6818}.alert .icon{color:var(--red)}
/* Shared */
.panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 6px 18px #222a480a}.panel-head{display:flex;min-height:50px;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;border-bottom:1px solid var(--line)}.panel-title{display:flex;align-items:center;gap:8px;color:#202735;font-size:13px;font-weight:800}.panel-title .icon{color:#4132c3}.panel-sub{color:var(--muted);font-size:12px}.soft{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.pill{display:inline-flex;min-height:22px;align-items:center;padding:0 8px;border:1px solid var(--line);border-radius:20px;color:#6f788a;background:#ffffff;font-size:11px;font-weight:700}.empty,.loading{display:grid;min-height:190px;place-items:center;padding:25px;color:var(--muted);text-align:center}.empty .icon,.loading .icon{width:30px;height:30px;margin-bottom:8px;color:#6f788a}.loading .icon{width:19px;height:19px;margin:0;color:#4132c3;animation:spin 1.1s linear infinite}.loading span{display:flex;gap:10px;align-items:center}.empty p{margin:0}.toast{position:fixed;z-index:40;right:24px;bottom:23px;display:flex;max-width:min(430px,calc(100vw - 48px));align-items:center;gap:9px;padding:12px 14px;border:1px solid #e5e8ef;border-radius:9px;color:#202735;background:#f7f8fc;box-shadow:var(--shadow);font-size:13px}.toast.error{border-color:#df9fa666;color:#202735;background:#ffffff}.toast .icon{color:var(--green)}.toast.error .icon{color:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}
/* Attacks */
.attack-list{overflow:hidden}.attack-row{display:grid;width:100%;grid-template-columns:172px 165px 118px 100px minmax(150px,1fr) 22px;gap:15px;align-items:center;padding:18px 15px;border:0;border-bottom:1px solid var(--line);color:inherit;background:transparent;text-align:left}.attack-row:hover,.attack-row.open{background:#f7f8fc}.date strong,.target strong{display:block;color:#202735;font-size:13px}.date small,.traffic small{display:block;margin-top:4px;color:#6f788a;font-size:12px}.traffic{color:#202735;font-weight:750}.traffic small{color:#6f788a;font-weight:600}.protocol{color:#202735;font-weight:750}.target{justify-self:end;text-align:right}.target small{color:var(--muted2);font-size:11px}.chevron{justify-self:end;color:#6f788a;transition:transform .16s}.attack-row.open .chevron{transform:rotate(180deg)}.status{display:inline-flex;align-items:center;gap:7px;font-weight:750}.status.ok{color:#202735}.status.ok .icon{color:var(--green)}.status.live{color:#202735}.status.live .icon{color:var(--yellow);animation:spin 1.2s linear infinite}.attack-detail{padding:0 15px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffff,#ffffff)}.detail-bar{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:12px}.event-id{display:inline-flex;max-width:100%;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;color:#6f788a;background:#ffffff;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.analysis{display:grid;grid-template-columns:minmax(225px,.75fr) minmax(430px,1.25fr) minmax(240px,.85fr);gap:14px}.country-panel,.summary-panel{padding:16px}.country-panel h3,.summary-panel h3{margin:0;font-size:13px}.country-panel p{margin:5px 0 16px;color:var(--muted);font-size:12px}.country-list{display:grid;gap:10px}.country-line{display:grid;grid-template-columns:minmax(95px,1fr) auto;gap:8px;align-items:center}.country-line>span:first-child{overflow:hidden;color:#202735;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.country-line b{color:#202735}.country-line em{justify-self:end;color:#6f788a;font-size:12px;font-style:normal;font-weight:700}.country-line i{grid-column:1/-1;height:4px;overflow:hidden;border-radius:3px;background:#f7f8fc}.country-line i:before{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,#7062e6,#7265e6);content:""}.metrics{display:grid;grid-template-columns:repeat(4,minmax(84px,1fr));gap:12px;align-content:center;padding:12px}.metric{display:grid;place-items:center;gap:6px;color:var(--muted);font-size:10px;text-align:center}.donut{position:relative;display:grid;width:103px;aspect-ratio:1;place-items:center;border-radius:50%;background:conic-gradient(var(--color) var(--deg),#eef0f7 0)}.donut:before{position:absolute;inset:7px;border-radius:50%;background:var(--panel);content:""}.donut b,.donut span{position:relative;z-index:1}.donut b{color:#202735;font-size:20px;letter-spacing:-.05em}.donut span{max-width:74px;color:#6f788a;font-size:10px;line-height:1.12}.sampled{display:flex;justify-content:space-between;margin:7px 0 10px;color:#202735;font-size:12px}.stat-table{width:100%;border-collapse:collapse;font-size:12px}.stat-table th,.stat-table td{padding:10px 0;border-bottom:1px solid var(--line);text-align:left}.stat-table th{color:#6f788a;font-weight:650}.stat-table td{color:#202735;font-weight:800;text-align:right}.stat-table tr:last-child>*{border-bottom:0}.signature{display:grid;grid-template-columns:.8fr .9fr 1.25fr 1fr 1.1fr;gap:17px;margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.signature div{display:grid;gap:4px;min-width:0}.signature b{overflow:hidden;color:#202735;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
/* Samples */
.toolbar{display:grid;grid-template-columns:auto minmax(210px,1fr) auto auto;gap:10px;align-items:center;margin-bottom:13px}.selector{display:flex;min-height:38px;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:7px;color:#6f788a;background:#ffffff;font-size:12px}.selector .icon{color:#6f788a}.selector select{min-height:34px;min-width:100px;padding:0;border:0;outline:0;color:#202735;background:transparent}.toolbar-actions{display:flex;gap:8px}.advanced{display:grid;grid-template-columns:1.1fr .85fr .85fr .85fr auto;gap:10px;align-items:end;margin:-2px 0 13px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.advanced .field{margin:0}.advanced .control{min-height:38px;font-size:12px}.chart-panel{overflow:hidden;margin-bottom:14px}.chart-head{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;border-bottom:1px solid var(--line)}.legend{display:flex;gap:12px;color:var(--muted);font-size:11px}.legend i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:50%}.legend .pass{background:var(--green)}.legend .drop{background:var(--red)}.chart{min-height:215px;padding:12px 14px 0}.chart svg{display:block;width:100%;height:205px;overflow:visible}.gridline{stroke:#6f788a;stroke-width:1}.axis{fill:#6f788a;font:10px Inter,sans-serif}.table-wrap{overflow:auto}.table{width:100%;min-width:1030px;border-collapse:collapse}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{color:#6f788a;background:#ffffff;font-size:11px;font-weight:800}.table td{color:#202735;font-size:12px}.table tbody tr:hover{background:#f7f8fc}.table tbody tr:last-child td{border-bottom:0}.pass-t{color:var(--green)!important;font-weight:800}.drop-t{color:#c33242!important;font-weight:800}.source{color:#202735!important;font-weight:700}.hash{max-width:150px;overflow:hidden;color:#6f788a!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis}.table-foot{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.pagination{display:flex;align-items:center;gap:5px}.pagination button{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--line);border-radius:6px;color:#6f788a;background:#ffffff}.pagination button:hover:not(:disabled){border-color:#e5e8ef;color:#202735;background:#f7f8fc}.per-page{display:flex;align-items:center;gap:6px}.per-page select{min-height:30px;padding:0 6px;border:1px solid var(--line);border-radius:5px;color:#202735;background:#ffffff}
/* Config */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:14px}.summary-card{display:flex;min-height:95px;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(135deg,#ffffff,#ffffff)}.summary-icon{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:9px;color:#4132c3;background:#6355e31e}.summary-card.red .summary-icon{color:#c33242;background:#e45b6819}.summary-card.green .summary-icon{color:#32c37d;background:#2bdc8318}.summary-card span{display:block;color:var(--muted);font-size:12px}.summary-card b{display:block;margin-top:3px;color:#202735;font-size:20px;letter-spacing:-.03em}.two-col{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:14px}.form-panel{padding:16px}.form-panel h2,.integration h2{margin:0;font-size:15px;letter-spacing:-.02em}.form-panel>p,.integration>p{margin:6px 0 15px;color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.form-grid .field{margin:0}.full-field{grid-column:1/-1}.form-grid .control{min-height:39px}.form-actions{display:flex;align-items:center;gap:8px;margin-top:14px}.presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.preset{min-height:31px;padding:0 9px;border:1px solid var(--line);border-radius:6px;color:#6f788a;background:#ffffff;font-size:11px;font-weight:750}.preset:hover{border-color:#e5e8ef;color:#202735;background:#f7f8fc}.rule,.ip{color:#202735;font-weight:750}.switch{position:relative;width:38px;height:21px;padding:0;border-radius:20px;background:#eef0f7}.switch:after{position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#7265e6;box-shadow:0 1px 2px #222a480a;content:"";transition:.16s}.switch.on{background:#3624da}.switch.on:after{background:#f0f2f7;transform:translateX(17px)}.countries{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:14px}.country{display:flex;min-height:63px;align-items:center;justify-content:space-between;gap:10px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.country.blocked{border-color:#df9fa666;background:#e45b6814}.country-info{display:flex;min-width:0;align-items:center;gap:9px}.flag{font-size:20px}.country-info b{display:block;overflow:hidden;color:#202735;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.country-info small{display:block;margin-top:2px;color:var(--muted);font-size:11px}.add-ip{display:flex;align-items:center;gap:9px;padding:14px;border-bottom:1px solid var(--line)}.add-ip .control{max-width:420px;min-height:40px}.online{display:inline-flex;align-items:center;gap:6px;color:#6f788a;font-size:11px;font-weight:700}.online:before{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #222a480a;content:""}.registered{display:inline-flex;align-items:center;gap:6px;color:#6f788a;font-size:11px;font-weight:700}.registered:before{width:7px;height:7px;border-radius:50%;background:#f0f2f7;box-shadow:0 0 0 3px #222a480a;content:""}.admin-grid{display:grid;grid-template-columns:minmax(410px,1.1fr) minmax(260px,.9fr);gap:14px}.integration{padding:17px}.code{overflow:auto;padding:12px;border:1px solid #e5e8ef;border-radius:7px;color:#202735;background:#ffffff;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.note{display:flex;gap:8px;margin-top:12px;padding:10px;border:1px solid #dfca9f66;border-radius:7px;color:#c39432;background:#e5b85f12;font-size:12px}.note .icon{color:var(--yellow)}dialog{width:min(430px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:13px;color:var(--text);background:#ffffff;box-shadow:0 24px 70px #222a480a}dialog::backdrop{background:#f6f7fb;backdrop-filter:blur(3px)}.dialog{padding:21px}.dialog h2{margin:0;font-size:18px}.dialog p{margin:7px 0 17px;color:var(--muted);font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}
/* Connections telemetry */
.telemetry-note{display:flex;align-items:flex-start;gap:9px;margin:0 0 14px;padding:11px 13px;border:1px solid #a69fdf66;border-radius:8px;color:#6f788a;background:#6355e30d;font-size:12px}.telemetry-note .icon{margin-top:1px;color:#4132c3}.telemetry-note strong{color:#202735}.network-toolbar{grid-template-columns:minmax(210px,1fr) auto auto auto;align-items:end}.network-toolbar .field{margin:0}.network-toolbar .control{min-height:38px;font-size:12px}.collector-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--line);border-radius:14px;color:#6f788a;background:#ffffff;font-size:11px;font-weight:750;white-space:nowrap}.collector-badge:before{width:7px;height:7px;border-radius:50%;background:#f0f2f7;content:""}.collector-badge.online{color:#6f788a;border-color:#9fdfbf66;background:#2bdc830e}.collector-badge.online:before{background:var(--green);box-shadow:0 0 0 3px #222a480a}.collector-badge.delayed{color:#c39432;border-color:#dfca9f66;background:#e5b85f0c}.collector-badge.delayed:before{background:var(--yellow)}.collector-badge.offline{color:#202735;border-color:#df9fa666;background:#e45b680b}.collector-badge.offline:before{background:var(--red)}.network-summary{margin-bottom:14px}.network-summary .table{min-width:940px}.network-ip-button{padding:0;border:0;color:#202735;background:transparent;font:inherit;font-weight:800;text-align:left}.network-ip-button:hover{color:#4132c3;text-decoration:underline}.flow-value{display:grid;gap:2px}.flow-value b{color:#202735;font-size:12px}.flow-value small{color:var(--muted);font-size:10px}.telemetry-state{display:grid;gap:4px}.telemetry-state small{color:var(--muted);font-size:10px}.telemetry-quality{display:flex;flex-wrap:wrap;gap:4px}.quality-warning{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid #dfca9f66;border-radius:4px;color:#c39532;background:#e5b85f10;font-size:10px;font-weight:750}.quality-warning .icon{width:12px;height:12px}.quality-good{color:#6f788a;font-size:11px}.connection-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.connection-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:hidden}.connection-overview>div{min-height:77px;padding:14px;border-right:1px solid var(--line)}.connection-overview>div:last-child{border-right:0}.connection-overview span{display:block;color:var(--muted);font-size:11px}.connection-overview b{display:block;margin-top:4px;overflow:hidden;color:#202735;font-size:16px;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.connection-overview small{display:block;margin-top:3px;color:#6f788a;font-size:10px}.connection-interval{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--line);color:#6f788a;background:#ffffff;font-size:11px}.connection-interval strong{color:#202735}.connection-chart .chart-head{align-items:center}.connection-chart .legend .inbound{background:#7265e6}.connection-chart .legend .outbound{background:#7265e6}.direction-in{color:#4132c3!important;font-weight:800}.direction-out{color:#4132c3!important;font-weight:800}.connection-table{min-width:1100px}.connection-table .endpoint{max-width:220px;overflow:hidden;color:#202735;font-weight:700;text-overflow:ellipsis}.connection-table .muted-cell{color:#6f788a}.zero-traffic{display:flex;align-items:center;gap:7px;color:#6f788a;font-size:12px}.zero-traffic .icon{color:#6f788a}.telemetry-empty{min-height:250px}.connections-help{margin-top:13px;color:#6f788a;font-size:11px}.connections-help strong{color:#6f788a}
@media(max-width:1120px){.analysis{grid-template-columns:minmax(230px,.75fr) minmax(390px,1.25fr)}.summary-panel{grid-column:1/-1}.signature{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}}@media(max-width:900px){.auth{grid-template-columns:1fr}.auth-aside{display:none}.workspace{margin-left:0;padding-bottom:62px}.rail{z-index:18;top:auto;right:0;width:auto;height:58px;flex-direction:row;justify-content:center;padding:7px;border-top:1px solid var(--line);border-right:0;background:#f6f7fb;backdrop-filter:blur(14px)}.rail-logo,.rail-bottom .rail-btn:first-child{display:none}.rail-nav,.rail-bottom{display:flex;width:auto;gap:5px}.rail-bottom{margin:0}.rail-btn{width:39px;height:39px}.rail-btn.active:before{top:auto;bottom:-7px;left:50%;width:16px;height:3px;border-radius:3px 3px 0 0;transform:translateX(-50%)}.topbar{padding-right:16px}.page{padding-right:16px;padding-left:16px}.tabs{padding-right:16px;padding-left:16px}.attack-row{grid-template-columns:145px 145px 100px 82px minmax(145px,1fr) 18px;gap:10px}.toolbar{grid-template-columns:auto minmax(140px,1fr) auto}.toolbar-actions{grid-column:1/-1}.advanced{grid-template-columns:1fr 1fr}.advanced .field:first-child{grid-column:1/-1}.cards{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}}@media(max-width:650px){.auth-panel{padding:18px}.login-card{padding:23px}.topbar{min-height:58px}.plan{display:none}.user-button strong{max-width:88px}.page{padding-top:20px}.page-head{display:block}.page-head h1{font-size:22px}.page-actions{margin-top:13px}.attack-row{grid-template-columns:1fr auto;gap:9px;padding:14px}.attack-row .status-box{grid-column:1;grid-row:2}.attack-row .traffic{grid-column:1;grid-row:3;display:flex;gap:9px}.attack-row .traffic small{margin:0}.attack-row .protocol{grid-column:2;grid-row:2}.attack-row .target{grid-column:2;grid-row:3}.attack-row .chevron{grid-column:2;grid-row:1}.analysis{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}.donut{width:84px}.donut b{font-size:17px}.signature{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr auto}.toolbar>.selector:not(:nth-child(2)){display:none}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.toolbar-actions .btn{width:100%}.advanced{grid-template-columns:1fr}.advanced .field{grid-column:1/-1}.table-foot{align-items:flex-start;flex-direction:column;justify-content:center;padding:9px 14px}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.add-ip{align-items:stretch;flex-direction:column}.add-ip .control{max-width:none}}

/* network.css */
.net-toolbar{grid-template-columns:minmax(240px,1fr) auto auto auto}.net-toolbar .selector select{width:100%}.net-refresh{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.net-ip-table{min-width:980px}.net-status{display:inline-flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.net-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#f0f2f7}.net-online{color:#32c383}.net-online:before{background:#2bdc83;box-shadow:0 0 0 3px #222a480a}.net-delayed{color:#c39232}.net-delayed:before{background:#e5b85f}.net-offline{color:#c33245}.net-offline:before{background:#e45b68}.net-pending{color:var(--muted)}.net-in{color:#4132c3!important}.net-out{color:#32c382!important}.net-direction{font-weight:750;white-space:nowrap}.net-port{color:var(--muted);font-weight:500}.net-detail-caption{display:flex;align-items:center;gap:15px;margin:20px 0;color:var(--muted);font-size:12px;flex-wrap:wrap}.net-detail-caption>strong{font-size:20px;color:var(--text);letter-spacing:-.03em}.net-detail-caption>span:last-child{margin-left:auto}.net-filters{display:grid;grid-template-columns:auto auto minmax(180px,1fr);gap:10px;margin:16px 0 12px}.net-filters .control{min-height:38px}.net-footnote{color:var(--muted);font-size:12px;margin:14px 0;line-height:1.65}.net-warning{margin-bottom:15px}.net-flow-table{min-width:1080px}@media(max-width:850px){.net-toolbar{grid-template-columns:1fr auto auto}.net-refresh{grid-column:1/-1;grid-row:2}.net-filters{grid-template-columns:1fr 1fr}.net-filters .control{grid-column:1/-1}}@media(max-width:500px){.net-toolbar{grid-template-columns:1fr 1fr}.net-toolbar>.selector{grid-column:1/-1}.net-refresh{grid-row:3}.net-filters{grid-template-columns:1fr}.net-detail-caption>span:last-child{margin-left:0}}

/* premium.css */
/* Final visual layer:keeps the dashboard dense while giving it a calmer, premium NOC feel. */
:root{--bg:#f6f7fb;--rail:#ffffff;--panel:#ffffff;--panel2:#ffffff;--panel3:#f7f8fc;--line:#8b93a3;--text:#202735;--muted:#6f788a;--muted2:#6f788a;--blue:#4132c3;--green:#32c384;--red:#c33244;--yellow:#c39232;--shadow:0 20px 60px rgba(0,7,20,.34)}
body{background:radial-gradient(900px 520px at 88% -12%,#3322ce2e,transparent 65%),radial-gradient(700px 440px at -10% 15%,#1fb2bd30,transparent 67%),var(--bg)}
body:before{position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#7265e605 1px,transparent 1px),linear-gradient(90deg,#7265e605 1px,transparent 1px);background-size:42px 42px;content:"";mask-image:linear-gradient(to bottom,black,transparent 78%)}
.auth-aside{background:linear-gradient(145deg,#eef0f7 0%,#ffffff 52%,#f6f7fb 100%)}.auth-aside:before{position:absolute;inset:0;opacity:.5;background:linear-gradient(110deg,transparent 0 55%,#7265e611 55% 56%,transparent 56% 100%);content:""}.auth-panel{background:linear-gradient(135deg,#f6f7fb 0%,#ffffff 100%)}.login-card{border-color:#e5e8ef;background:linear-gradient(145deg,#f7f8fc,#ffffff);box-shadow:0 26px 75px #222a480a}.brand-mark{box-shadow:0 14px 30px #222a480a}.promise h1{max-width:560px;text-wrap:balance}.promise>p:not(.eyebrow){line-height:1.65}
.workspace{position:relative}.topbar{min-height:70px;border-bottom-color:#e5e8ef;background:linear-gradient(90deg,#ffffff,#ffffff);box-shadow:0 8px 28px #222a480a}.crumbs{font-weight:650}.crumbs strong{letter-spacing:.01em}.plan{border-color:#e5e8ef;background:#ffffff;box-shadow:inset 0 0 22px #222a480a}.user-button{min-height:39px;box-shadow:0 6px 18px #222a480a}.rail{width:60px;padding-top:16px;border-right-color:#e5e8ef;background:linear-gradient(180deg,#ffffff,#f6f7fb 80%);box-shadow:10px 0 34px #222a480a}.workspace{margin-left:60px}.rail-logo{width:38px;height:38px;margin-bottom:21px;border:1px solid #a69fdf66;background:linear-gradient(135deg,#7265e636,#7265e620)}.rail-btn{width:43px;height:43px;border-radius:11px;transition:background .16s,color .16s,transform .16s}.rail-btn:hover{transform:translateY(-1px);background:#f7f8fc}.rail-btn.active{border-color:#a69fdf66;background:linear-gradient(145deg,#eef0f7,#eef0f7);box-shadow:0 10px 24px #222a480a}.rail-btn.active:before{left:-9px;height:21px;background:linear-gradient(#7265e6,#7265e6)}
.tabs{min-height:61px;padding:12px 25px;border-bottom-color:#e5e8ef;background:#ffffff;backdrop-filter:blur(15px)}.tab{min-height:37px;padding:0 13px;border:1px solid transparent;border-radius:9px;transition:background .16s,border-color .16s,color .16s}.tab:hover{border-color:#e5e8ef;background:#f7f8fc}.tab.active{border-color:#a69fdf66;background:linear-gradient(145deg,#eef0f7,#f7f8fc);box-shadow:inset 0 1px #222a480a,0 7px 18px #222a480a}.new{border:1px solid #a69fdf66;background:#7265e6;color:#252d3c;box-shadow:0 4px 12px #222a480a}
.page{width:min(100%,1700px);padding:34px 34px 64px 28px}.page-head{min-height:63px;margin-bottom:25px}.page-head h1{font-size:clamp(25px,2.2vw,32px);letter-spacing:-.055em;text-wrap:balance}.page-head p{max-width:620px;margin-top:8px;font-size:13px;line-height:1.6}.page-actions{padding:6px;border:1px solid #e5e8ef;border-radius:12px;background:#ffffff;box-shadow:0 8px 25px #222a480a}.page-actions:empty{display:none}
.panel{overflow:hidden;border-color:#e5e8ef;border-radius:14px;background:linear-gradient(145deg,#ffffff,#ffffff);box-shadow:0 12px 34px #222a480a}.panel:has(.table-wrap){box-shadow:0 15px 42px #222a480a}.panel-head{min-height:55px;padding:0 18px;border-bottom-color:#e5e8ef;background:linear-gradient(90deg,#f7f8fc,#ffffff)}.panel-title{font-size:13px;letter-spacing:.01em}.panel-title .icon{color:#4132c3}.panel-sub{line-height:1.45}.cards{gap:16px;margin-bottom:17px}.summary-card{position:relative;min-height:109px;overflow:hidden;padding:18px;border-color:#e5e8ef;border-radius:14px;background:linear-gradient(135deg,#f7f8fc,#ffffff);box-shadow:0 10px 26px #222a480a}.summary-card:after{position:absolute;top:-36px;right:-22px;width:112px;height:112px;border:1px solid #a69fdf66;border-radius:50%;content:""}.summary-card:hover{border-color:#e5e8ef;transform:translateY(-2px)}.summary-icon{width:44px;height:44px;border:1px solid #a69fdf66;border-radius:13px;background:#6355e31d}.summary-card b{font-size:23px}.summary-card.green .summary-icon{border-color:#9fdfc466}.summary-card.red .summary-icon{border-color:#df9fa766}
.btn{min-height:40px;padding:0 15px;border-radius:9px;background:linear-gradient(135deg,#7265e6,#6c5ee5);box-shadow:0 8px 18px #222a480a;font-weight:800}.btn:hover:not(:disabled){background:linear-gradient(135deg,#7265e6,#7265e6);box-shadow:0 11px 24px #222a480a}.btn.secondary{border-color:#e5e8ef;background:linear-gradient(135deg,#f7f8fc,#ffffff);box-shadow:none}.btn.ghost{box-shadow:none}.control,.selector{border-color:#e5e8ef;background:#ffffff}.control{border-radius:9px}.selector{border-radius:9px}.control:focus{border-color:#a69fdf;box-shadow:0 0 0 4px #222a480a}.toolbar{padding:11px;border:1px solid #e5e8ef;border-radius:14px;background:#ffffff;box-shadow:0 9px 25px #222a480a}.advanced{border-color:#e5e8ef;background:#ffffff}
.table th{position:sticky;top:0;z-index:1;padding-top:14px;padding-bottom:14px;color:#6f788a;background:#ffffff}.table td{padding-top:15px;padding-bottom:15px}.table tbody tr{transition:background .12s,box-shadow .12s}.table tbody tr:hover{background:#eef0f7;box-shadow:inset 3px 0 #222a480a}.table-foot{min-height:61px;background:#ffffff}.pill{border-color:#e5e8ef;background:#ffffff;color:#202735}.hash{color:#6f788a!important}.attack-list{border-radius:14px}.attack-row{position:relative;grid-template-columns:185px 172px 125px 105px minmax(150px,1fr) 25px;padding:20px 19px;transition:background .15s,box-shadow .15s}.attack-row:hover,.attack-row.open{background:linear-gradient(90deg,#eef0f7,#f7f8fc);box-shadow:inset 3px 0 #222a480a}.attack-row.open{border-bottom-color:#e5e8ef}.status.ok .icon{filter:drop-shadow(0 0 6px #32c38488)}.traffic{font-size:13px}.target strong{font-size:14px}.attack-detail{padding:0 19px 22px;background:linear-gradient(180deg,#eef0f7,#ffffff)}.detail-bar{min-height:69px}.signature{border-color:#e5e8ef;background:#ffffff}.donut{box-shadow:0 0 0 1px #222a480a,0 8px 20px #222a480a}.country-panel,.summary-panel{background:linear-gradient(145deg,#f7f8fc,#ffffff)}
.chart-panel{border-color:#e5e8ef}.chart{padding:17px 18px 3px;background:linear-gradient(180deg,#ffffff,#ffffff)}.chart svg{filter:drop-shadow(0 7px 10px #252d3c)}.gridline{stroke:#4132c324}.net-toolbar{border-color:#e5e8ef;background:linear-gradient(135deg,#f7f8fc,#ffffff)}.net-detail-caption{padding:13px 16px;border:1px solid #e5e8ef;border-radius:13px;background:#ffffff;box-shadow:0 10px 24px #222a480a}.net-status{padding:5px 9px;border:1px solid #e5e8ef;border-radius:99px;background:#ffffff}.net-online{border-color:#9fdfc466;background:#ffffff}.net-in{color:#4132c3!important}.net-out{color:#32c381!important}.net-filters{padding:11px;border:1px solid #e5e8ef;border-radius:12px;background:#ffffff}.net-footnote{padding:0 4px}.net-warning{border-color:#dfc79f66;background:#f7f8fc}
.toast{right:28px;bottom:28px;border-color:#e5e8ef;border-radius:12px;background:#f7f8fc;box-shadow:0 18px 44px #222a480a}.account-menu{border-color:#e5e8ef;border-radius:13px;background:#ffffff;box-shadow:0 22px 52px #222a480a}.alert{border-radius:12px;box-shadow:0 9px 22px #222a480a}.empty{min-height:235px}.empty .icon{padding:12px;width:54px;height:54px;border:1px solid #e5e8ef;border-radius:17px;color:#4132c3;background:#f7f8fc}.loading{min-height:280px}.loading span{padding:12px 16px;border:1px solid #e5e8ef;border-radius:12px;background:#ffffff}
.dedicated-panel{margin-top:18px}.dedicated-panel .panel-head{gap:14px}.dedicated-panel .dedicated-client{min-width:170px;min-height:36px}
.profile-shell{width:min(100%,1120px)}.profile-tabs{display:flex;gap:4px;overflow:auto;margin:0 0 14px;border-bottom:1px solid #e5e8ef}.profile-tab{padding:0 13px 12px;border-bottom:2px solid transparent;color:#6f788a;background:transparent;font-size:12px;font-weight:750;white-space:nowrap}.profile-tab:hover{color:#202735}.profile-tab.active{border-bottom-color:#a69fdf;color:#202735}.profile-card{margin-bottom:17px;padding:20px;border:1px solid #e5e8ef;border-radius:12px;background:linear-gradient(135deg,#ffffff,#ffffff)}.profile-card h2{margin:0 0 8px;font-size:14px}.profile-card h2 small{margin-left:8px;color:#6f788a;font-size:10px}.profile-card>p{margin:0 0 16px;color:#6f788a;font-size:12px;line-height:1.5}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.profile-grid .field{display:grid;gap:7px;color:#202735;font-size:12px;font-weight:750}.profile-grid .field span:after{content:' *';color:#c33244}.profile-grid .field:nth-child(3),.profile-grid .field:nth-child(4),.profile-grid .field:nth-child(7),.profile-grid .field:nth-child(8){grid-column:1/-1}.profile-grid.one{grid-template-columns:1fr}.profile-save{display:flex;justify-content:flex-end;margin-top:4px}.profile-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-info{display:grid;gap:5px;padding:15px;border:1px solid #e5e8ef;border-radius:9px;background:#f7f8fc;color:#4132c3}.profile-info strong{color:#202735;font-size:13px}.profile-info span{font-size:12px;line-height:1.45}.notify-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #e5e8ef;border-radius:9px;background:#ffffff}.notify-row span{display:grid;gap:5px}.notify-row strong{font-size:13px}.notify-row small{color:#6f788a}.notify-row input{width:42px;height:22px;accent-color:#4132c3}.profile-empty{display:grid;min-height:210px;place-content:center;text-align:center}.profile-empty strong{margin-top:12px}.profile-empty span{margin-top:6px;color:#6f788a;font-size:12px}@media(max-width:700px){.profile-grid,.profile-two{grid-template-columns:1fr}.profile-grid .field{grid-column:auto!important}.profile-card{padding:16px}}
.resource-panel{padding-bottom:18px}.resource-hierarchy{display:flex;flex-wrap:wrap;gap:8px;padding:16px 16px 0}.resource-hierarchy button{min-height:34px;padding:0 14px;border:1px solid #e5e8ef;border-radius:8px;color:#4132c3;background:#ffffff;font-size:12px;font-weight:800}.resource-hierarchy button:hover{border-color:#a69fdf;color:#202735;background:#eef0f7}.resource-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}.resource-create{display:grid;gap:9px;padding:14px;border:1px solid #e5e8ef;border-radius:10px;background:#ffffff}.resource-create strong,.resource-lists h3{font-size:13px}.resource-create .btn{justify-self:start}.resource-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 16px}.resource-lists>section{overflow:hidden;scroll-margin-top:18px;border:1px solid #e5e8ef;border-radius:10px}.resource-lists h3{margin:0;padding:13px 14px;border-bottom:1px solid #e5e8ef;background:#ffffff}.resource-lists .table{min-width:570px}@media(max-width:900px){.resource-create-grid,.resource-lists{grid-template-columns:1fr}}
@media(max-width:900px){.workspace{margin-left:0}.rail{width:auto}.page{padding:26px 18px 78px}.tabs{padding-right:18px;padding-left:18px}.page-head{margin-bottom:18px}.attack-row{grid-template-columns:145px 145px 100px 82px minmax(145px,1fr) 18px}.connection-overview{grid-template-columns:repeat(2,1fr)}.connection-overview>div:nth-child(2n){border-right:0}.connection-overview>div:last-child{grid-column:1/-1}}
@media(max-width:650px){.page{padding-top:21px}.topbar{min-height:60px}.tabs{min-height:57px}.toolbar{gap:8px;padding:9px}.cards{gap:11px}.summary-card{min-height:91px}.summary-card b{font-size:20px}.panel{border-radius:12px}.panel-head{padding:0 14px}.attack-row{padding:16px 14px}.net-detail-caption{gap:9px;padding:12px}.net-detail-caption>strong{font-size:17px}.page-actions{display:inline-flex;margin-top:14px;padding:4px}.page-actions .btn{min-height:37px;padding:0 11px}}
.rail-btn .icon,.summary-icon .icon,.brand-mark .icon{display:block;margin:auto}.btn .icon,.plan .icon,.user-button .icon{margin:0}.rail-btn,.summary-icon{justify-content:center;align-items:center}
.net-country{display:inline-flex;align-items:center;gap:4px;margin-right:7px;padding:2px 5px;border:1px solid #e5e8ef;border-radius:5px;background:#ffffff;font-size:14px;vertical-align:-1px}.net-flag{display:block;width:20px;height:15px;border-radius:2px;object-fit:cover;box-shadow:0 1px 3px #222a480a}.net-country b{color:#6f788a;font-size:9px;letter-spacing:.06em}.net-private{display:inline-block;margin-right:6px;padding:2px 5px;border:1px solid #e5e8ef;border-radius:5px;color:#6f788a;font-size:9px;font-weight:800;letter-spacing:.06em;vertical-align:1px}.net-attack-source{color:#c33241;font-weight:800;text-shadow:0 0 12px #222a480a}.net-flow-table tr:has(.net-attack-source){background:#eef0f7}.net-flow-table tr:has(.net-attack-source):hover{background:#bd1f3866}
.net-local-endpoint{color:#202735;font-weight:750}.net-flow-table th:nth-child(4),.net-flow-table th:nth-child(5){min-width:205px}.net-flow-table td:nth-child(4),.net-flow-table td:nth-child(5){white-space:nowrap}
.page:has(#network-flows){width:100%;max-width:none;padding-right:24px;padding-left:20px}.page:has(#network-flows) .chart-panel{min-height:330px;margin-bottom:16px;border-radius:14px}.page:has(#network-flows) .chart-panel .chart{display:flex;min-height:270px;align-items:stretch;padding:19px 22px 7px}.page:has(#network-flows) .chart-panel .chart svg{width:100%;height:270px}.page:has(#network-flows) #network-flows{width:100%;min-height:420px;border-radius:14px}.page:has(#network-flows) #network-flows .table-wrap{min-height:350px;max-height:calc(100vh - 450px)}.page:has(#network-flows) .net-flow-table{width:100%;min-width:1320px}.page:has(#network-flows) .net-flow-table th{padding-top:15px;padding-bottom:15px}.page:has(#network-flows) .net-flow-table td{padding-top:16px;padding-bottom:16px}.page:has(#network-flows) .net-filters{grid-template-columns:auto auto minmax(320px,1fr);margin-top:16px}

/* dashboard.css */
/* Application shell and overview. */
:root{--bg:#f6f7fb;--rail:#ffffff;--panel:#ffffff;--panel2:#ffffff;--panel3:#f7f8fc;--line:#252d3c;--text:#202735;--muted:#6f788a;--muted2:#6f788a;--blue:#4132c3;--green:#32c399;--red:#c33248;--yellow:#c38b32;--sidebar-width:248px;--shadow:0 18px 50px #222a480a;font-family:Inter,"Segoe UI",system-ui,sans-serif}
body{background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}body:before{display:none}a{color:inherit;text-decoration:none}button,a,input,select{touch-action:manipulation}.icon{stroke-width:1.7}a:focus-visible,button:focus-visible{outline:2px solid #a69fdf;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:8px;left:16px;transform:translateY(-150%);padding:12px 20px;border-radius:8px;background:var(--blue);color:white}.skip-link:focus{transform:none}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:var(--sidebar-width);flex-direction:column;border-right:1px solid #e5e8ef;background:#ffffff;transition:width .2s,transform .2s}.sidebar-brand{display:flex;min-height:88px;align-items:center;gap:11px;padding:0 25px}.sidebar-brand .brand-mark{width:37px;height:41px;border:0;border-radius:12px;background:#7265e6;box-shadow:0 6px 22px #222a480a}.sidebar-brand .brand-mark .icon{width:22px;height:25px;stroke-width:1.9}.brand-copy{font-size:27px;font-weight:800;letter-spacing:-1.1px;line-height:1}.brand-accent{color:#4132c3}.brand-copy small{display:block;margin-top:7px;color:#6f788a;font-size:8px;font-weight:650;letter-spacing:1.8px}.sidebar-workspace{display:flex;min-height:57px;align-items:center;gap:10px;margin:0 17px 23px;padding:11px;border:1px solid #e5e8ef;border-radius:9px;background:#ffffff}.workspace-dot{width:9px;height:9px;flex:none;border-radius:3px;background:#7265e6;box-shadow:0 0 0 4px #222a480a}.sidebar-workspace>span:nth-child(2){color:#202735;font-size:11px;font-weight:650}.sidebar-workspace small{display:block;margin-top:4px;color:#6f788a;font-size:10px;font-weight:400}.workspace-chevron{margin-left:auto;color:#6f788a}.sidebar-navigation{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 13px 16px;scrollbar-width:thin;scrollbar-color:#252d3c transparent}.nav-section+.nav-section{margin-top:23px}.nav-label{display:block;margin:0 12px 9px;color:#6f788a;font-size:9px;font-weight:750;letter-spacing:1.3px}.nav-link{position:relative;display:flex;min-height:40px;align-items:center;gap:12px;margin:3px 0;padding:0 12px;border:1px solid transparent;border-radius:7px;color:#6f788a;font-size:12px;font-weight:550;transition:color .15s,background .15s,border-color .15s}.nav-link>.icon{width:18px;height:18px;flex:none;color:#6f788a}.nav-link:hover{color:#202735;background:#ffffff}.nav-link.active{border-color:#a69fdf66;color:#202735;background:#7265e617}.nav-link.active>.icon{color:#4132c3}.nav-link.active:before{position:absolute;top:11px;bottom:11px;left:-14px;width:3px;border-radius:0 3px 3px 0;background:#7265e6;content:""}.sidebar-foot{padding:13px 17px 18px;border-top:1px solid #e5e8ef;background:#ffffff}.sidebar-status{display:flex;align-items:center;gap:8px;padding:7px 3px 16px;color:#6f788a;font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%;background:#f0f2f7}.status-dot.live,.is-live .status-dot{background:#3ee0b0;box-shadow:0 0 0 3px #222a480a}.sidebar-account{display:flex;align-items:center;gap:10px}.avatar{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #e5e8ef;border-radius:10px;color:#202735;background:#eef0f7;font-size:12px;font-weight:750}.avatar.small{width:28px;height:28px;border-radius:8px;font-size:11px}.sidebar-account>a{display:grid;flex:1;min-width:0;gap:4px}.sidebar-account strong{overflow:hidden;color:#202735;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sidebar-account small{color:#6f788a;font-size:10px}.icon-button{display:grid;width:33px;height:33px;flex:none;place-items:center;padding:0;border:1px solid transparent;border-radius:7px;color:#6f788a;background:transparent;font-size:10px}.icon-button>.icon{width:18px;height:18px}.icon-button:hover{border-color:#e5e8ef;color:#202735;background:#f7f8fc}
.workspace{min-height:100vh;margin-left:var(--sidebar-width);transition:margin-left .2s}.topbar{position:sticky;top:0;z-index:15;min-height:70px;padding:0 32px;border-bottom:1px solid #e5e8ef;background:#ffffff;box-shadow:none;backdrop-filter:blur(16px)}.topbar-left{display:flex;min-width:0;align-items:center;gap:18px}.crumbs{gap:12px;white-space:nowrap;font-size:11px;font-weight:450}.crumbs>a{color:#6f788a}.crumbs>a:hover{color:#202735}.crumbs>span{color:#8b93a3}.crumbs>span:nth-of-type(2){color:#6f788a}.crumbs>strong{overflow:hidden;color:#202735;font-weight:550;text-overflow:ellipsis}.top-actions{gap:19px}.navigation-search{display:flex;min-height:33px;align-items:center;gap:9px;padding:0 9px;border:1px solid #e5e8ef;border-radius:7px;color:#6f788a;background:#ffffff;font-size:10px}.navigation-search>.icon{width:14px;height:14px}.navigation-search kbd{margin-left:15px;padding:3px 4px;border:1px solid #e5e8ef;border-radius:4px;color:#6f788a;font:9px inherit}.navigation-search:hover{border-color:#e5e8ef;color:#6f788a}.topbar-divider{height:22px;border-left:1px solid #e5e8ef}.user-button{gap:9px;padding:0;border:0;border-radius:7px;background:transparent;box-shadow:none}.user-button strong{max-width:100px;color:#6f788a;font-size:11px;font-weight:550}.account-chevron{margin-left:2px;color:#6f788a}.account-menu{padding:7px;border-color:#e5e8ef;border-radius:9px;background:#ffffff}.menu-btn{font-weight:500}.sidebar-backdrop{position:fixed;z-index:25;inset:0;background:#f6f7fb;backdrop-filter:blur(3px)}
.page,.page:has(#network-flows){width:min(100%,1560px);max-width:1560px;padding:30px 32px 0}.page-head{min-height:68px;align-items:center;margin-bottom:25px}.page-head h1{font-size:27px;font-weight:650;letter-spacing:-.9px;line-height:1.25}.page-head h1:focus{outline:none}.page-kicker{margin-bottom:7px;color:#6f788a;font-size:9px;font-weight:650;letter-spacing:1.4px}.page-head p{margin-top:7px;color:#6f788a;font-size:12px;line-height:1.5}.page-actions{gap:9px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.btn{min-height:36px;padding:0 13px;border-radius:7px;background:#7265e6;box-shadow:none;font-size:11px;font-weight:600;line-height:1.3}.btn:hover:not(:disabled){background:#7265e6;box-shadow:none;transform:none}.btn>.icon{width:14px;height:14px}.btn.secondary{border-color:#e5e8ef;color:#6f788a;background:#ffffff}.btn.secondary:hover:not(:disabled){border-color:#e5e8ef;background:#f7f8fc}.btn.ghost{color:#6f788a;background:transparent}.btn.danger{border-color:#df9fa966;color:#c33248;background:#e6657910}.panel{border-color:#e5e8ef;border-radius:11px;background:#ffffff;box-shadow:none}.panel:has(.table-wrap){box-shadow:none}.panel-head{min-height:65px;padding:15px 21px;border-bottom-color:#e5e8ef;background:transparent}.panel-head h3{margin:6px 0 0;color:#202735;font-size:13px;font-weight:600;letter-spacing:-.2px}.section-kicker{color:#6f788a;font-size:8px;font-weight:650;letter-spacing:1.2px}.panel-title{font-weight:600;font-size:12px}.panel-title .icon{color:#4132c3}.panel-sub{color:#6f788a}.control,.selector{border-color:#e5e8ef;border-radius:7px;background:#ffffff}.control{font-size:12px}.field label{font-size:11px;font-weight:550}.toolbar{padding:12px;border-color:#e5e8ef;border-radius:10px;background:#ffffff;box-shadow:none}.table th{color:#6f788a;background:#ffffff;font-size:10px;font-weight:600}.table td{color:#6f788a;font-size:11px}.table th,.table td{border-bottom-color:#e5e8ef}.table tbody tr:hover{background:#f7f8fc;box-shadow:none}.table-foot{min-height:54px;background:#ffffff;font-size:11px}.table-wrap{scrollbar-width:thin;scrollbar-color:#8b93a3 transparent}.pill{min-height:22px;border-color:#e5e8ef;color:#6f788a;background:#ffffff;font-size:10px;font-weight:550}.summary-card{min-height:102px;padding:19px;border-color:#e5e8ef;border-radius:10px;background:#ffffff;box-shadow:none}.summary-card:after{display:none}.summary-card:hover{transform:none}.summary-card span{font-size:11px}.summary-card b{font-size:23px;font-weight:600}.summary-icon{width:40px;height:40px;border:0;border-radius:10px;background:#7265e614}.summary-icon .icon{width:19px;height:19px}.empty{gap:15px;min-height:240px;color:#6f788a}.empty>div{display:grid;justify-items:center;gap:12px}.empty p{max-width:440px;font-size:12px;line-height:1.7}.empty strong{color:#202735;font-size:13px;font-weight:600}.empty>.icon{width:46px;height:46px;padding:11px;border-color:#e5e8ef;border-radius:12px;color:#4132c3;background:#7265e610}.loading{min-height:330px}.loading span{gap:12px;padding:14px 18px;border-color:#e5e8ef;border-radius:8px;background:#ffffff;color:#6f788a;font-size:12px}
.overview-welcome{position:relative;display:flex;min-height:173px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:22px;padding:29px 32px;border:1px solid #e5e8ef;border-radius:12px;background:linear-gradient(110deg,#f7f8fc 0%,#ffffff 55%,#ffffff 100%)}.overview-welcome>div:first-child{position:relative;z-index:1}.overview-welcome .section-kicker{color:#4132c3;font-size:8px;letter-spacing:1.65px}.overview-welcome h2{margin:12px 0 9px;color:#202735;font-size:29px;font-weight:600;letter-spacing:-1.1px}.overview-welcome h2>span{color:#4132c3}.overview-welcome p{margin:0;color:#6f788a;font-size:11px;line-height:1.8}.welcome-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;color:#6f788a;font-size:9px}.welcome-meta>.status-dot{background:#f0f2f7}.welcome-meta>.status-dot.live{background:#3ee0b0}.meta-divider{height:10px;margin:0 4px;border-left:1px solid #e5e8ef}.welcome-emblem{position:relative;display:grid;width:178px;height:148px;flex:none;place-items:center;margin-right:10px}.emblem-shield{display:grid;z-index:1;width:63px;height:72px;place-items:center;border:1px solid #a69fdf66;border-radius:20px;background:#7265e612;transform:rotate(8deg);box-shadow:0 0 50px #222a480a}.emblem-shield .icon{width:34px;height:41px;color:#4132c3;stroke-width:1.2;transform:rotate(-8deg)}.orbit{position:absolute;border:1px solid #a69fdf66;border-radius:50%}.orbit-one{width:127px;height:127px}.orbit-two{width:172px;height:172px;border-color:#a69fdf66}.orbit-point{position:absolute;top:27px;right:31px;width:6px;height:6px;border-radius:50%;background:#7265e6;box-shadow:0 0 0 4px #222a480a}
.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.overview-metric{padding:19px 20px;border:1px solid #e5e8ef;border-radius:10px;background:#ffffff}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#6f788a;font-size:10px}.metric-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#4132c3;background:#7265e613}.metric-icon .icon{width:15px;height:15px}.overview-metric>strong{display:block;margin:5px 0 8px;color:#202735;font-size:30px;font-weight:550;letter-spacing:-1px}.overview-metric>small{color:#6f788a;font-size:9px}.overview-metric.teal .metric-icon{color:#32c3a3;background:#3ee0b010}.overview-metric.violet .metric-icon{color:#4132c3;background:#7265e612}.overview-metric.amber .metric-icon{color:#c38b32;background:#e6b56512}.overview-metric.red .metric-icon{color:#c33249;background:#e6657912}
.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;margin-bottom:22px}.period-label{display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #e5e8ef;border-radius:6px;color:#6f788a;font-size:9px}.period-label>.icon{width:12px;height:12px}.traffic-headline{display:flex;align-items:center;gap:34px;padding:22px 23px 6px}.traffic-headline>div{display:grid;grid-template-columns:6px auto;align-items:center;gap:7px}.traffic-headline small{color:#6f788a;font-size:9px}.traffic-headline strong{grid-column:2;margin-top:1px;color:#202735;font-size:21px;font-weight:550;letter-spacing:-.4px}.legend-dot{display:inline-block;width:6px;height:6px;flex:none;border-radius:50%}.legend-dot.blue{background:#7265e6}.legend-dot.teal{background:#3ee0b0}.legend-dot.muted{background:#f0f2f7}.traffic-caption{margin-left:auto;color:#6f788a;font-size:9px}.chart-placeholder{position:relative;display:grid;min-height:214px;place-items:center;margin:10px 23px 19px}.chart-grid{position:absolute;inset:4px 0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 50px,#685be415 50px,#685be415 51px);mask-image:linear-gradient(to right,transparent,#252d3c 15%,#252d3c 85%,transparent)}.chart-placeholder-copy{position:relative;display:grid;max-width:310px;justify-items:center;gap:10px;padding:15px;text-align:center;background:radial-gradient(ellipse,#ffffff 50%,#ffffff 75%)}.empty-symbol{display:grid;width:36px;height:36px;place-items:center;border:1px solid #e5e8ef;border-radius:10px;color:#6f788a;background:#f7f8fc}.empty-symbol>.icon{width:18px;height:18px}.chart-placeholder-copy>strong{color:#6f788a;font-size:12px;font-weight:550}.chart-placeholder-copy>p{margin:0 0 5px;color:#6f788a;font-size:10px;line-height:1.7}.chart-placeholder-copy .btn{min-height:31px;font-size:9px}.panel-footer{display:flex;min-height:45px;align-items:center;justify-content:space-between;gap:15px;padding:12px 21px;border-top:1px solid #e5e8ef;color:#6f788a;font-size:8px}.panel-footer>span,.panel-footer>a{display:flex;align-items:center;gap:6px;line-height:1.6}.panel-footer>.icon,.panel-footer .icon{width:11px;height:11px;flex:none}.panel-footer>a{flex:none;color:#4132c3}.panel-footer>a:hover{color:#202735}.overview-chart{padding:17px 20px 9px}.overview-chart svg{display:block;width:100%;height:217px}.telemetry-health .panel-head>.icon{color:#6f788a}.health-ring{display:grid;width:148px;height:148px;place-items:center;margin:27px auto 24px;border:9px solid transparent;border-radius:50%;background:linear-gradient(#ffffff,#ffffff) padding-box,conic-gradient(#3ee0b0 var(--health),#eef0f7 0) border-box;transform:rotate(-38deg)}.health-ring>div{display:grid;justify-items:center;gap:7px;transform:rotate(38deg)}.health-ring strong{color:#202735;font-size:32px;font-weight:550;letter-spacing:-1px}.health-ring span{color:#6f788a;font-size:8px}.health-key{display:flex;justify-content:center;gap:22px;margin-bottom:21px;color:#6f788a;font-size:9px}.health-key>span{display:flex;align-items:center;gap:6px}.health-key b{margin-left:8px;color:#6f788a;font-size:10px;font-weight:600}.health-notice{display:flex;align-items:flex-start;gap:9px;margin:0 18px 16px;padding:11px;border:1px solid #e5e8ef;border-radius:7px;background:#f7f8fc}.health-notice>.icon{width:13px;height:13px;flex:none;margin-top:2px;color:#6f788a}.health-notice p{margin:0;color:#6f788a;font-size:9px;line-height:1.8}.health-link{display:flex;align-items:center;justify-content:space-between;padding:0 22px 18px;color:#4132c3;font-size:9px}.health-link>.icon{width:13px;height:13px}
.overview-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:20px}.subtle-link{display:flex;align-items:center;gap:6px;color:#4132c3;font-size:9px}.subtle-link>.icon{width:12px;height:12px}.calm-empty{display:flex;min-height:163px;align-items:center;justify-content:center;gap:16px;padding:23px}.calm-empty .empty-symbol{width:43px;height:43px;flex:none}.calm-empty strong{color:#6f788a;font-size:11px;font-weight:550}.calm-empty p{max-width:330px;margin:8px 0 0;color:#6f788a;font-size:10px;line-height:1.7}.quick-links{display:grid;padding:6px 18px 12px}.quick-links>a{display:flex;align-items:center;gap:11px;padding:11px 3px;border-bottom:1px solid #e5e8ef}.quick-links>a:last-child{border:0}.quick-links>a:hover{border-radius:6px;background:#f7f8fc}.quick-icon{display:grid;width:29px;height:29px;flex:none;place-items:center;border-radius:7px;color:#4132c3;background:#7265e612}.quick-icon>.icon{width:15px;height:15px}.quick-links>a>span:nth-child(2){display:grid;flex:1;gap:5px}.quick-links strong{color:#6f788a;font-size:10px;font-weight:550}.quick-links small{color:#6f788a;font-size:9px}.quick-links>a>.icon{width:13px;height:13px;color:#8b93a3}.quick-access .panel-head>.icon{width:16px;height:16px;color:#6f788a}.event-item{display:flex;align-items:center;gap:12px;padding:16px 21px;border-bottom:1px solid #e5e8ef}.event-item:last-child{border:0}.event-symbol{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;color:#6f788a;background:#3ee0b010}.event-symbol>.icon{width:16px;height:16px}.event-symbol.warning{color:#c38c32;background:#e6b56512}.event-item>div{flex:1}.event-item strong{color:#6f788a;font-size:10px;font-weight:550}.event-item small{display:block;margin-top:5px;color:#6f788a;font-size:9px}.event-item .status{font-size:9px}.workspace-footer{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;border-top:1px solid #e5e8ef;color:#8b93a3;font-size:9px}.footer-dot{margin:0 7px;color:#8b93a3}
.navigation-dialog{width:min(540px,calc(100vw - 32px));max-height:min(580px,80vh);margin:14vh auto 0;padding:0;overflow:hidden;border:1px solid #e5e8ef;border-radius:12px;color:#202735;background:#ffffff;box-shadow:0 30px 100px #222a480a}.navigation-dialog::backdrop{background:#f6f7fb;backdrop-filter:blur(5px)}.navigation-dialog-head{display:flex;align-items:center;gap:12px;padding:17px 19px;border-bottom:1px solid #e5e8ef}.navigation-dialog-head>.icon{width:18px;color:#6f788a}.navigation-dialog-head>input{flex:1;min-width:0;padding:0;border:0;outline:none;color:#202735;background:transparent;font:12px inherit}.navigation-dialog-head input::placeholder{color:#6f788a}#navigation-results{display:grid;max-height:380px;overflow:auto;padding:8px}.command-link{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:7px;color:#4132c3;font-size:12px}.command-link:hover,.command-link:focus{outline:none;background:#eef0f7}.command-link small{display:block;margin-top:6px;color:#6f788a;font-size:10px}.command-link>.icon{color:#6f788a}.command-empty{padding:24px;color:#6f788a;font-size:12px;text-align:center}.navigation-dialog>footer{padding:12px 19px;border-top:1px solid #e5e8ef;color:#6f788a;font-size:10px}
.sidebar-collapsed{--sidebar-width:80px}.sidebar-collapsed .sidebar-brand{justify-content:center;padding:0}.sidebar-collapsed .brand-copy,.sidebar-collapsed .sidebar-workspace,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-link>span,.sidebar-collapsed .sidebar-status,.sidebar-collapsed .sidebar-account>a,.sidebar-collapsed .sidebar-account>button{display:none}.sidebar-collapsed .sidebar-navigation{padding:0 14px 15px}.sidebar-collapsed .nav-section+.nav-section{margin-top:19px;padding-top:13px;border-top:1px solid #e5e8ef}.sidebar-collapsed .nav-link{justify-content:center;padding:0}.sidebar-collapsed .sidebar-foot{padding:18px 22px}.sidebar-collapsed .sidebar-account{justify-content:center}
@media(min-width:1500px){.overview-grid{grid-template-columns:minmax(0,1fr) 320px}.overview-welcome{padding:33px 35px}.overview-welcome h2{font-size:34px}.overview-metric{padding:21px 24px}.overview-welcome p{font-size:12px}.overview-welcome .section-kicker{font-size:9px}.welcome-meta{font-size:10px}.metric-top{font-size:12px}.overview-metric>small{font-size:10px}.traffic-headline{padding-top:25px}.chart-placeholder{min-height:230px}}
@media(max-width:1200px){.topbar{padding:0 22px}.page,.page:has(#network-flows){padding:25px 22px 0}.navigation-search>span,.navigation-search>kbd{display:none}.navigation-search{width:33px;justify-content:center;padding:0}.overview-grid{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.overview-metrics{gap:12px}.overview-metric{padding:16px}.metric-top{font-size:9px}.traffic-caption{display:none}.overview-welcome{padding:25px}.welcome-emblem{width:130px;margin-right:0}.overview-bottom{grid-template-columns:1fr 1fr;gap:15px}.calm-empty{flex-direction:column;gap:12px;text-align:center}.crumbs{gap:9px}.panel-head{padding:15px 17px}.panel-footer{padding:12px 16px}.panel-footer>span{max-width:215px}.health-ring{width:132px;height:132px}.health-key{gap:13px}}
@media(max-width:1050px) and (min-width:901px){.overview-grid{grid-template-columns:1fr}.telemetry-health{display:grid;grid-template-columns:1fr 1fr}.telemetry-health .panel-head{grid-column:1/-1}.health-ring{grid-column:1;grid-row:2/5;margin:24px auto}.health-key{grid-column:2;margin:26px 15px 15px}.health-notice{grid-column:2;margin-bottom:10px}.health-link{grid-column:2;padding-bottom:22px}.overview-welcome h2{font-size:25px}.welcome-emblem{display:none}.overview-metrics{grid-template-columns:repeat(2,1fr)}.overview-bottom{grid-template-columns:1fr}.calm-empty{flex-direction:row;text-align:left}.user-button strong{display:none}}
@media(max-width:900px){:root,.sidebar-collapsed{--sidebar-width:248px}.workspace{margin-left:0}.sidebar{transform:translateX(-100%);width:248px}.sidebar-open{overflow:hidden}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-collapsed .sidebar-brand{justify-content:flex-start;padding:0 25px}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-link>span,.sidebar-collapsed .sidebar-account>a{display:block}.sidebar-collapsed .sidebar-workspace,.sidebar-collapsed .sidebar-status,.sidebar-collapsed .sidebar-account>button{display:flex}.sidebar-collapsed .sidebar-navigation{padding:0 13px 16px}.sidebar-collapsed .nav-section+.nav-section{margin-top:23px;padding-top:0;border:0}.sidebar-collapsed .nav-link{justify-content:flex-start;padding:0 12px}.sidebar-collapsed .sidebar-foot{padding:13px 17px 18px}.sidebar-collapsed .sidebar-account{justify-content:flex-start}.topbar{min-height:62px}.crumbs{font-size:10px}.overview-welcome{min-height:165px}.overview-welcome h2{font-size:28px}.overview-grid{grid-template-columns:minmax(0,1fr) 260px}.overview-bottom{grid-template-columns:1fr 1fr}.overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.page-head h1{font-size:25px}.page-actions{margin:0}.overview-welcome .section-kicker{font-size:8px}.top-actions{gap:14px}.overview-metric>strong{font-size:29px}}
@media(max-width:700px){.topbar{padding:0 17px}.topbar-left{gap:10px}.crumbs>span,.crumbs>a{display:none}.crumbs{max-width:190px}.topbar-divider{display:none}.top-actions{gap:10px}.user-button strong{display:none}.page,.page:has(#network-flows){padding:23px 17px 0}.page-head{min-height:0;align-items:flex-start;gap:16px;margin-bottom:21px}.page-head h1{font-size:23px}.page-head p{max-width:340px;font-size:11px}.page-kicker{font-size:8px}.page-actions{flex-wrap:wrap;justify-content:flex-end;padding-top:3px}.page-actions .btn{min-height:32px;padding:0 10px;font-size:9px}.overview-welcome{min-height:157px;padding:22px}.overview-welcome h2{font-size:26px}.overview-welcome p{max-width:330px;font-size:10px}.welcome-meta{gap:7px;font-size:8px;line-height:1.7}.welcome-emblem{display:none}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.overview-metric{padding:16px 18px}.metric-top{font-size:10px}.overview-metric>small{font-size:9px}.overview-grid,.overview-bottom{grid-template-columns:1fr;gap:18px}.telemetry-health{display:grid;grid-template-columns:1fr 1fr}.telemetry-health .panel-head{grid-column:1/-1}.health-ring{grid-column:1;grid-row:2/5;margin:26px auto}.health-key{grid-column:2;margin:25px 12px 16px;gap:12px;font-size:8px}.health-key b{margin-left:3px}.health-notice{grid-column:2;margin:0 14px 12px 0}.health-link{grid-column:2;padding:0 15px 20px 0;font-size:8px}.health-ring{width:130px;height:130px}.calm-empty{min-height:155px;flex-direction:row;text-align:left}.panel-head{min-height:62px}.period-label{font-size:8px}.traffic-headline{gap:34px;padding-left:20px}.chart-placeholder{margin-right:16px;margin-left:16px}.workspace-footer{min-height:70px;font-size:8px}.panel-footer{font-size:8px}.panel-footer>span{max-width:230px}.page-actions:empty{display:none}.page-head:has(.page-actions:not(:empty)){flex-wrap:wrap}.page-head:has(.page-actions:not(:empty)) .page-actions{justify-content:flex-start}.profile-grid,.profile-two,.resource-create-grid,.resource-lists,.two-col,.admin-grid{grid-template-columns:1fr}.attack-list{overflow:auto}.attack-row{min-width:850px}.signature{min-width:750px}.analysis{grid-template-columns:1fr}.toolbar{display:flex;flex-wrap:wrap}.toolbar>.selector{flex:1}.toolbar>.control{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* workspace.css */
/* Shared layouts for the console's management screens. */
:root{--muted:#6f788a;--muted2:#6f788a;--line:#252d3c}
*,*:before,*:after{box-sizing:border-box}.workspace,.page,#view,.panel,.panel-head,.table-wrap,.section-heading-copy,.section-heading-copy>div{min-width:0}.workspace{padding-bottom:0}.page,.page:has(#network-flows){padding-top:32px}.page-head{margin-bottom:28px}.page-head p{color:#6f788a;font-size:12px}.page-head h1{font-size:28px;font-weight:600;letter-spacing:-.85px}.page-kicker{color:#6f788a;font-size:9px}.crumbs strong{font-weight:500}.sidebar-brand{min-height:74px}.sidebar-workspace{min-height:49px;margin-bottom:17px;padding:9px 11px}.sidebar-navigation{padding-bottom:12px;scrollbar-width:thin}.nav-label{margin-bottom:6px;font-size:8px;letter-spacing:1.4px;color:#6f788a}.nav-section+.nav-section{margin-top:15px}.nav-link{min-height:35px;margin:2px 0;font-size:11px;font-weight:500}.nav-link>.icon{width:17px;height:17px}.sidebar-foot{padding-top:9px;padding-bottom:13px}.sidebar-status{padding-bottom:12px}.sidebar-account .avatar{width:31px;height:31px}.sidebar-collapsed .sidebar-navigation{padding-right:14px;padding-left:14px}.sidebar-collapsed .sidebar-brand{min-height:74px}
.section-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.section-stats.four{grid-template-columns:repeat(4,minmax(0,1fr))}.section-stat{display:flex;min-height:99px;align-items:center;gap:15px;padding:21px 23px;border:1px solid #e5e8ef;border-radius:11px;background:#ffffff}.stat-symbol{display:grid;width:39px;height:39px;flex:none;place-items:center;border:1px solid #a69fdf66;border-radius:11px;color:#4132c3;background:#7265e60c}.stat-symbol .icon{width:19px;height:19px}.section-stat>div{display:grid;gap:7px}.section-stat>div>span{color:#6f788a;font-size:11px}.section-stat strong{color:#202735;font-size:25px;font-weight:550;line-height:1;letter-spacing:-.5px}.section-stat.violet .stat-symbol{border-color:#a69fdf66;color:#4132c3;background:#7265e60c}.section-stat.teal .stat-symbol{border-color:#9fdfce66;color:#6f788a;background:#56e3be0c}.section-stat.rose .stat-symbol{border-color:#df9fab66;color:#c33253;background:#e6657c0c}
.section-heading{display:flex;min-height:89px;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #e5e8ef}.section-heading-copy{display:flex;align-items:center;gap:13px}.section-heading-icon{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #e5e8ef;border-radius:9px;color:#6f788a;background:#f7f8fc}.section-heading-icon>.icon{width:17px;height:17px}.section-heading h2{margin:0;color:#202735;font-size:14px;font-weight:600;letter-spacing:-.1px}.section-heading p{margin:6px 0 0;color:#6f788a;font-size:11px;line-height:1.65}.count-badge{flex:none;padding:6px 9px;border:1px solid #e5e8ef;border-radius:6px;color:#6f788a;background:#ffffff;font-size:10px}.section-toolbar{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid #e5e8ef}.search-control{display:flex;width:min(360px,100%);min-height:39px;align-items:center;gap:10px;padding:0 12px;border:1px solid #e5e8ef;border-radius:8px;background:#ffffff}.search-control>.icon{width:16px;height:16px;flex:none;color:#6f788a}.search-control>input{width:100%;min-width:0;padding:0;border:0;outline:0;color:#202735;background:transparent;font:inherit;font-size:11px}.search-control>input::placeholder{color:#6f788a}.search-control:focus-within{border-color:#a69fdf;box-shadow:0 0 0 3px #222a480a}.filter-select{width:auto;min-width:155px;min-height:39px;max-width:230px;padding-right:26px;font-size:11px}.toolbar-count{margin-left:auto;color:#6f788a;font-size:10px}.section-table-footer{display:flex;min-height:51px;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-top:1px solid #e5e8ef;color:#6f788a;font-size:10px;line-height:1.6}.section-table-footer>span:first-child{color:#6f788a}.section-info{display:flex;align-items:flex-start;gap:9px;padding:15px 23px;border-top:1px solid #e5e8ef;color:#6f788a;background:#ffffff;font-size:10px;line-height:1.8}.section-info>.icon{width:14px;height:14px;flex:none;margin-top:2px;color:#6f788a}.filter-no-results{padding:45px 22px;color:#6f788a;font-size:12px;text-align:center}
.table{width:100%;min-width:0;table-layout:auto}.table th,.table td{padding:17px 22px;border-bottom-color:#e5e8ef;font-size:11px;text-align:left}.table th{position:static;color:#6f788a;background:#ffffff;font-size:10px;font-weight:550}.table td{color:#6f788a;vertical-align:middle}.table tbody tr:hover{background:#f7f8fc;box-shadow:none}.table td strong{color:#202735;font-weight:550}.table .control{min-height:35px;min-width:0;max-width:240px;font-size:11px}.table .btn{white-space:nowrap}.numeric-cell{font-variant-numeric:tabular-nums}.users-table td:last-child,.users-table th:last-child{text-align:right}.users-table .row-actions{justify-content:flex-end}.person-cell{display:flex;align-items:center;gap:11px}.person-cell .avatar{width:32px;height:32px;border-color:#e5e8ef;border-radius:9px;font-size:11px}.person-cell>span:last-child{display:grid;gap:5px}.person-cell strong{color:#202735;font-size:12px}.person-cell small{color:#6f788a;font-size:10px}.role-badge{display:inline-flex;align-items:center;max-width:100%;padding:5px 8px;border:1px solid #e5e8ef;border-radius:5px;color:#6f788a;background:#f7f8fc;font-size:10px;line-height:1.3;overflow-wrap:anywhere}.role-badge.admin{border-color:#a69fdf66;color:#4132c3;background:#f0f2f7}.self-badge{padding:4px 7px;border-radius:4px;color:#6f788a;background:#eef0f7;font-size:9px}.row-actions{display:flex;align-items:center;gap:9px}.small-button{min-height:32px;padding:0 11px;font-size:10px}.small-button>.icon{width:13px;height:13px}.destructive{color:#6f788a}.destructive:hover{border-color:#e5e8ef;color:#c33251;background:#d4234e12}.address-cell{display:flex;align-items:center;gap:10px}.address-cell>.icon{width:16px;height:16px;flex:none;color:#6f788a}.address-cell strong,.mono-text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:500}.muted-text{color:#6f788a;font-size:11px}
.section-empty{display:flex;min-height:233px;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 25px;text-align:center}.section-empty-icon{display:grid;width:47px;height:47px;flex:none;place-items:center;border:1px solid #e5e8ef;border-radius:13px;color:#6f788a;background:#7265e60b}.section-empty-icon>.icon{width:22px;height:22px}.section-empty>strong{color:#202735;font-size:13px;font-weight:550}.section-empty>p{max-width:380px;margin:0;color:#6f788a;font-size:11px;line-height:1.8}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.support-card{display:flex;align-items:center;gap:15px;padding:23px;border:1px solid #e5e8ef;border-radius:10px;background:#ffffff}.support-card:hover{border-color:#e5e8ef;background:#f7f8fc}.support-icon{display:grid;width:36px;height:36px;flex:none;place-items:center;border:1px solid #e5e8ef;border-radius:10px;color:#6f788a;background:#f7f8fc}.support-icon>.icon{width:17px;height:17px}.support-card>div{flex:1;min-width:0}.support-card h3{margin:0;color:#202735;font-size:12px;font-weight:550}.support-card p{margin:7px 0 0;color:#6f788a;font-size:10px;line-height:1.65}.support-card>.icon{width:16px;color:#6f788a}.integration-details{min-width:0;overflow:hidden;align-self:start;border:1px solid #e5e8ef;border-radius:10px;background:#ffffff}.integration-details summary,.rule-builder summary{display:flex;min-height:100px;align-items:center;gap:14px;padding:22px 24px;cursor:pointer;list-style:none}.integration-details summary::-webkit-details-marker,.rule-builder summary::-webkit-details-marker,.resource-builder summary::-webkit-details-marker{display:none}.integration-details summary>span:nth-child(2),.rule-builder summary>span:nth-child(2){display:grid;flex:1;gap:7px;min-width:0}.integration-details summary strong,.rule-builder summary strong{color:#202735;font-size:12px;font-weight:550}.integration-details summary small,.rule-builder summary small{color:#6f788a;font-size:10px;line-height:1.6}.integration-details summary>.icon,.rule-builder summary>.icon{width:15px;flex:none;color:#6f788a;transition:transform .15s}.integration-details[open] summary>.icon,.rule-builder[open] summary>.icon{transform:rotate(180deg)}.integration-content{padding:0 24px 20px;border-top:1px solid #e5e8ef}.integration-content>p{margin:18px 0;color:#6f788a;font-size:11px;line-height:1.8}.integration-content code,.endpoint-display code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.endpoint-display{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid #e5e8ef;border-radius:7px;background:#ffffff}.endpoint-display>span{padding:3px 5px;border-radius:4px;color:#6f788a;background:#3ee0b012;font-size:8px;font-weight:650}.endpoint-display code{min-width:0;color:#4132c3;overflow-wrap:anywhere;white-space:normal;line-height:1.9}.integration-content .help-copy{margin-bottom:0;color:#6f788a;font-size:10px}
.geo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,258px),1fr));gap:14px;padding:22px 24px}.geo-card{display:flex;min-width:0;flex-direction:column;gap:19px;padding:18px;border:1px solid #e5e8ef;border-radius:9px;background:#ffffff;transition:border-color .15s,background .15s}.geo-card:hover{border-color:#e5e8ef;background:#f7f8fc}.geo-card.is-blocked{border-color:#e5e8ef;background:#f0f2f7}.geo-main{display:flex;align-items:center;gap:11px;min-width:0}.country-flag{display:grid;width:39px;height:34px;flex:none;place-items:center;border:1px solid #e5e8ef;border-radius:7px;background:#eef0f7}.country-flag img{width:26px;height:19px;border-radius:3px;object-fit:cover}.country-flag>span{color:#6f788a;font-size:10px}.geo-main>div{min-width:0}.geo-main h3{margin:0;color:#202735;font-size:12px;font-weight:550;line-height:1.5;overflow-wrap:anywhere}.geo-main div>span{display:flex;align-items:center;gap:7px;margin-top:5px;color:#6f788a;font-size:10px}.geo-main i{font-style:normal;color:#6f788a}.geo-action{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #e5e8ef}.geo-status{display:flex;align-items:center;gap:6px;color:#6f788a;font-size:10px}.geo-status:before{width:5px;height:5px;border-radius:50%;background:#f0f2f7;content:""}.is-blocked .geo-status{color:#6f788a}.is-blocked .geo-status:before{background:#e6658d}.switch{width:34px;height:19px;flex:none;border:1px solid #e5e8ef;background:#eef0f7}.switch:after{top:3px;left:3px;width:11px;height:11px;background:#7265e6;box-shadow:none}.switch.on{border-color:#a69fdf;background:#5646e1}.switch.on:after{transform:translateX(15px);background:#7265e6}.geo-card .switch.on{border-color:#e5e8ef;background:#f0f2f7}.geo-grid .geo-card[hidden]{display:none}
.inventory-add{display:flex;align-items:flex-end;gap:13px;padding:22px 24px;border-bottom:1px solid #e5e8ef;background:#ffffff}.inventory-add .field{width:min(390px,100%);margin:0}.inventory-add .field>span{color:#6f788a;font-size:10px}.inventory-add .btn{min-height:40px}.clean-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.clean-form-grid .field{min-width:0;gap:9px;margin:0}.clean-form-grid .field>span{color:#6f788a;font-size:11px;font-weight:450}.clean-form-grid .field>span:after{content:none}.clean-form-grid .field-wide{grid-column:1/-1}.clean-form-grid .control{min-height:41px;padding:0 12px;border-color:#e5e8ef;border-radius:7px;color:#202735;background:#ffffff;font-size:12px}.clean-form-grid .control:focus{border-color:#a69fdf;box-shadow:0 0 0 3px #222a480a}.rule-builder{margin-bottom:23px}.rule-builder summary{min-height:91px}.rule-builder[open] summary{border-bottom:1px solid #e5e8ef}.rule-builder-body{padding:24px}.rule-builder-body .clean-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rule-builder-body .field-wide{grid-column:1/-1}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e8ef}.form-bottom p{margin:0;color:#6f788a;font-size:10px;line-height:1.7}.form-bottom .btn{flex:none}.preset-section{margin-top:26px}.preset-section h3{margin:0;color:#6f788a;font-size:12px;font-weight:550}.preset-section>div>p{margin:7px 0 17px;color:#6f788a;font-size:10px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.preset-grid>button{display:flex;min-width:0;align-items:center;gap:12px;padding:18px;border:1px solid #e5e8ef;border-radius:9px;color:#4132c3;background:#ffffff;text-align:left}.preset-grid>button:hover{border-color:#e5e8ef;background:#f7f8fc}.preset-grid>button>span:nth-child(2){display:grid;flex:1;gap:6px;min-width:0}.preset-grid strong{font-size:11px;font-weight:550}.preset-grid small{color:#6f788a;font-size:9px;line-height:1.6}.preset-grid>button>.icon{width:14px;height:14px;flex:none;color:#6f788a}
.resource-tabs{display:flex;gap:2px;overflow-x:auto;padding:0 24px;border-bottom:1px solid #e5e8ef;scrollbar-width:thin}.resource-tabs>button{display:flex;min-height:56px;flex:none;align-items:center;gap:9px;margin-bottom:-1px;padding:0 17px;border-bottom:2px solid transparent;color:#6f788a;background:transparent;font-size:11px}.resource-tabs>button>.icon{width:15px;height:15px}.resource-tabs>button>span{padding:3px 6px;border-radius:4px;color:#6f788a;background:#eef0f7;font-size:9px}.resource-tabs>button.active{border-bottom-color:#a69fdf;color:#202735}.resource-tabs>button:hover{color:#202735;background:#eef0f7}.resource-builder{margin:21px 24px;border:1px solid #e5e8ef;border-radius:8px;background:#ffffff}.resource-builder summary{display:flex;min-height:47px;align-items:center;gap:9px;padding:0 15px;color:#6f788a;font-size:11px;list-style:none;cursor:pointer}.resource-builder summary>.icon{width:14px;height:14px}.resource-builder summary>.icon:last-child{margin-left:auto}.resource-builder[open] summary{border-bottom:1px solid #e5e8ef}.resource-form{padding:20px}.resource-form-submit{display:flex;grid-column:1/-1;justify-content:flex-end;padding-top:2px}.resource-name{display:flex;align-items:center;gap:11px;min-width:0}.resource-symbol{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #e5e8ef;border-radius:9px;color:#6f788a;background:#f7f8fc}.resource-symbol>.icon{width:16px;height:16px}.resource-name>span:last-child{display:grid;min-width:0;gap:6px}.resource-name strong{overflow-wrap:anywhere;white-space:normal;font-size:11px}.resource-name small{color:#6f788a;font-size:9px}.resource-table td>select{width:100%;min-width:140px;max-width:235px}.resource-table .row-actions{flex-wrap:wrap}.assignment-control{display:flex;align-items:center;gap:8px}.assignment-control select{width:150px}.resource-table td{white-space:normal}.resource-table th:last-child{min-width:140px}
.account-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:24px}.account-overview{position:sticky;top:93px;padding:27px 16px 16px;text-align:center}.account-avatar{width:58px;height:58px;margin:0 auto;border-radius:16px;font-size:22px}.account-overview h2{margin:16px 0 10px;color:#202735;font-size:16px;font-weight:550;overflow-wrap:anywhere}.account-overview nav{display:grid;gap:4px;margin-top:26px;padding-top:16px;border-top:1px solid #e5e8ef}.account-overview nav>button{display:flex;min-height:40px;align-items:center;justify-content:space-between;padding:0 12px;border-radius:6px;color:#6f788a;background:transparent;font-size:11px;text-align:left}.account-overview nav>button>.icon{width:13px;height:13px;color:#6f788a}.account-overview nav>button.active{color:#202735;background:#7265e614}.account-overview nav>button:hover{color:#202735;background:#eef0f7}.account-content{min-width:0}.account-form-panels{display:grid;gap:21px}.account-form{padding:24px}.account-form-grid .field{grid-column:auto}.account-save{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 10px}.account-save>p{color:#6f788a;font-size:10px;line-height:1.7}.password-panel .account-form{max-width:520px}.clean-form-grid.one{grid-template-columns:1fr}.password-panel .form-bottom{margin:0;padding:20px 24px}.notification-setting{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 24px}.notification-setting>span{display:grid;gap:9px}.notification-setting strong{color:#202735;font-size:12px;font-weight:550}.notification-setting small{color:#6f788a;font-size:11px;line-height:1.7}.notification-setting input{width:18px;height:18px;flex:none;accent-color:#4132c3}.export-box{display:flex;align-items:center;gap:17px;padding:30px 24px}.export-box>div{flex:1;min-width:0}.export-box h3{margin:0;color:#4132c3;font-size:12px;font-weight:550}.export-box p{margin:9px 0 0;color:#6f788a;font-size:11px;line-height:1.7}
.net-toolbar{grid-template-columns:minmax(160px,1fr) auto auto auto}.net-toolbar .net-refresh{font-size:10px}.net-ip-table th,.net-ip-table td{padding:16px 18px}.net-filters{min-width:0}.page:has(#network-flows) .net-filters{grid-template-columns:auto auto minmax(160px,1fr)}.net-flow-table{min-width:1120px!important}.page:has(#network-flows) #network-flows .table-wrap{min-height:220px;max-height:550px}.page:has(#network-flows) #network-flows{min-height:0}.page:has(#network-flows) .chart-panel{min-height:0}.page:has(#network-flows) .chart-panel .chart,.page:has(#network-flows) .chart-panel .chart svg{min-height:215px;height:215px}.net-footnote{max-width:940px;color:#6f788a;font-size:10px;line-height:1.8}.net-status{font-size:9px;font-weight:500}.page[data-view="samples"] .table{min-width:1070px}.page[data-view="samples"] .toolbar{grid-template-columns:auto minmax(150px,1fr) auto auto}.page[data-view="samples"] .chart-panel{margin-top:17px}.page[data-view="attacks"] .attack-row{grid-template-columns:1.1fr 1fr .9fr .6fr 1fr 20px;min-width:0;padding:22px;gap:16px}.page[data-view="attacks"] .date strong,.page[data-view="attacks"] .target strong{font-size:12px}.page[data-view="attacks"] .attack-detail{padding:0 22px 22px}.page[data-view="attacks"] .analysis{grid-template-columns:1fr 1.25fr 1fr}.signature{min-width:0!important}.metrics{grid-template-columns:repeat(4,minmax(65px,1fr))}.donut{width:80px;max-width:100%}.donut b{font-size:16px}.donut span{font-size:9px}.summary-card,.overview-metric{box-shadow:none}.table-wrap{overscroll-behavior-x:contain}.table tbody tr[hidden]{display:none}
@media(min-width:1700px){.section-stats{gap:20px}.section-heading{padding:24px 28px}.section-toolbar{padding:18px 28px}.geo-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:25px 28px}.geo-card{padding:21px}.table th,.table td{padding:19px 26px}.section-stat{min-height:107px}.account-layout{grid-template-columns:240px minmax(0,1fr)}}
@media(max-width:1250px){.section-stat{padding:19px 17px;gap:12px}.section-stat>div>span{font-size:10px}.section-stat strong{font-size:23px}.section-heading{padding:20px}.section-toolbar{padding:16px 20px}.table th,.table td{padding:15px 16px}.users-table th,.users-table td{padding:15px 13px}.users-table .small-button{padding:0 8px;font-size:9px}.section-heading p{font-size:10px}.geo-grid{padding:20px;gap:12px}.rule-builder-body .clean-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-grid{grid-template-columns:1fr}.preset-grid>button{padding:16px 18px}.support-grid{grid-template-columns:1fr}.support-card{padding:21px}.account-layout{grid-template-columns:185px minmax(0,1fr);gap:18px}.account-overview{padding-right:11px;padding-left:11px}.export-box{flex-wrap:wrap}.export-box .btn{margin-left:64px}.resource-table .control{min-width:120px}.resource-table th,.resource-table td{padding-right:14px;padding-left:14px}.page[data-view="attacks"] .analysis{grid-template-columns:1fr 1.4fr}.page[data-view="attacks"] .summary-panel{grid-column:1/-1}.net-toolbar{grid-template-columns:minmax(140px,1fr) auto auto}.net-toolbar .net-refresh{display:none}}
@media(max-width:1050px){.section-stats.four{grid-template-columns:repeat(2,minmax(0,1fr))}.account-layout{grid-template-columns:1fr}.account-overview{position:static;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:18px;text-align:left}.account-overview .account-avatar{width:40px;height:40px;margin:0;border-radius:11px;font-size:15px}.account-overview h2{margin:0;font-size:14px}.account-overview nav{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:5px;margin-top:4px;padding-top:14px}.account-overview nav>button{min-height:33px;gap:10px;padding:0 10px;font-size:10px}.account-overview nav>button>.icon{display:none}.users-table th,.users-table td{padding:15px 12px}.users-table .row-actions>.btn>.icon{display:none}.geo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-tabs{padding:0 14px}.resource-tabs>button{padding:0 11px;font-size:10px}}
@media(max-width:900px){.sidebar-collapsed .sidebar-brand{min-height:74px}.sidebar-collapsed .sidebar-workspace{margin-bottom:17px;min-height:49px;padding:9px 11px}.sidebar-collapsed .nav-section+.nav-section{margin-top:15px}.sidebar-collapsed .sidebar-foot{padding:9px 17px 13px}.sidebar-collapsed .sidebar-navigation{padding-bottom:12px}.page,.page:has(#network-flows){padding-top:27px}.section-stat{padding:19px}.account-layout{grid-template-columns:1fr}.page[data-view="attacks"] .attack-row{grid-template-columns:1.1fr 1fr .9fr .6fr 1fr 18px;padding:18px;gap:12px}}
@media(max-width:760px){.page-head h1{font-size:25px}.section-heading{min-height:83px;align-items:flex-start;gap:12px;padding:20px}.section-heading-copy{gap:11px}.section-heading h2{font-size:13px}.section-heading p{max-width:400px;font-size:10px}.section-heading-icon{width:31px;height:31px;border-radius:8px}.section-heading .count-badge{display:none}.section-heading>.btn{font-size:9px}.section-toolbar{flex-wrap:wrap;gap:10px;padding:16px 20px}.search-control{width:auto;min-width:150px;flex:1}.filter-select{width:auto;min-width:140px;max-width:190px;font-size:10px}.toolbar-count{display:none}.section-stats{gap:11px;margin-bottom:20px}.section-stat{min-height:90px;align-items:flex-start;gap:10px;padding:15px 14px}.stat-symbol{width:29px;height:29px;border-radius:8px}.stat-symbol .icon{width:15px;height:15px}.section-stat>div>span{font-size:9px;line-height:1.5}.section-stat strong{font-size:23px}.table.responsive-table{display:block;border-collapse:separate}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:14px;padding:17px}.responsive-table tbody>tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:18px;border:1px solid #e5e8ef;border-radius:9px;background:#ffffff}.responsive-table td{display:grid;align-content:start;gap:8px;padding:0;border:0;text-align:left!important;white-space:normal;overflow-wrap:anywhere}.responsive-table td:before{content:attr(data-label);color:#6f788a;font-size:9px}.responsive-table td:first-child{grid-column:1/-1}.responsive-table td:last-child{grid-column:1/-1;padding-top:12px;border-top:1px solid #e5e8ef}.responsive-table td .row-actions{justify-content:flex-start}.users-table td:first-child:before{display:none}.users-table .person-cell{gap:11px}.users-table .person-cell .avatar{width:35px;height:35px}.users-table .row-actions .btn>.icon{display:block}.users-table .small-button{padding:0 11px;font-size:10px}.section-table-footer{gap:13px;padding:14px 20px;font-size:9px}.section-table-footer>span:last-child{max-width:200px;text-align:right}.section-info{padding:15px 20px;font-size:9px}.geo-grid{gap:11px;padding:17px}.geo-card{gap:16px;padding:15px}.geo-main{gap:10px}.country-flag{width:33px;height:31px}.geo-main h3{font-size:11px}.geo-main div>span{gap:5px;font-size:8px}.geo-status{font-size:9px}.support-grid{gap:15px;margin-top:19px}.support-card,.integration-details summary{padding:20px}.support-card p{font-size:10px}.integration-details summary{min-height:91px}.inventory-add{align-items:flex-end;gap:11px;padding:20px}.inventory-add .field{flex:1;min-width:0}.inventory-add .btn{font-size:9px}.inventory-add .btn>.icon{display:none}.rule-builder summary{min-height:90px;padding:20px}.rule-builder summary strong{font-size:12px}.rule-builder summary small{font-size:10px}.rule-builder-body{padding:20px}.clean-form-grid{gap:17px}.clean-form-grid .field>span{font-size:10px}.clean-form-grid .control{min-height:40px;font-size:11px}.form-bottom{align-items:flex-start;gap:15px}.form-bottom p{max-width:240px;font-size:9px}.form-bottom .btn{font-size:10px}.preset-grid{gap:11px}.resource-form{padding:17px}.resource-builder{margin:18px}.resource-form-submit{padding-top:5px}.resource-table td>.control{width:100%;max-width:none}.assignment-control{flex-wrap:wrap}.resource-table .assignment-control>.control{width:100%;max-width:none}.resource-table .assignment-control .btn{width:auto}.account-form{padding:20px}.account-form-panels{gap:17px}.account-save p{max-width:200px;font-size:9px}.account-save .btn{font-size:10px}.notification-setting{padding:23px 20px}.notification-setting strong{font-size:11px}.notification-setting small{font-size:10px}.export-box{padding:25px 20px}.export-box p{font-size:10px}.page[data-view="attacks"] .attack-row{grid-template-columns:1fr auto;min-width:0;gap:12px;padding:19px}.page[data-view="attacks"] .attack-row .status-box{grid-column:1;grid-row:2}.page[data-view="attacks"] .attack-row .traffic{grid-column:1;grid-row:3;display:flex;gap:8px}.page[data-view="attacks"] .attack-row .traffic small{margin:0}.page[data-view="attacks"] .attack-row .protocol{grid-column:2;grid-row:2}.page[data-view="attacks"] .attack-row .target{grid-column:2;grid-row:3}.page[data-view="attacks"] .attack-row .chevron{grid-column:2;grid-row:1}.page[data-view="attacks"] .analysis{grid-template-columns:1fr}.page[data-view="attacks"] .summary-panel{grid-column:auto}.page[data-view="attacks"] .attack-detail{padding:0 16px 19px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.signature{grid-template-columns:repeat(2,minmax(0,1fr))}.page:has(#network-flows) .net-filters{display:grid;grid-template-columns:1fr 1fr}.page:has(#network-flows) .net-filters>.control{grid-column:1/-1}.net-toolbar{display:flex;flex-wrap:wrap;gap:9px}.net-toolbar>.selector{display:flex!important;flex-basis:100%}.net-toolbar>.btn{flex:1}.toolbar>.selector{display:flex!important}.page[data-view="samples"] .toolbar{display:flex;flex-wrap:wrap}.page[data-view="samples"] .toolbar-actions{display:flex;flex:1;flex-basis:100%}.page[data-view="samples"] .toolbar-actions>.btn{flex:1}}
@media(max-width:450px){.section-stats{gap:8px}.section-stat{flex-direction:column;gap:10px;padding:14px 12px}.section-stat>div{gap:6px}.section-stats.four{grid-template-columns:repeat(2,minmax(0,1fr))}.section-stat strong{font-size:24px}.section-stat>div>span{font-size:9px}.geo-grid{grid-template-columns:1fr}.geo-card{gap:13px}.geo-main h3{font-size:12px}.geo-main div>span{font-size:9px}.geo-action{padding-top:10px}.rule-builder-body .clean-form-grid,.clean-form-grid{grid-template-columns:1fr}.clean-form-grid .field-wide{grid-column:auto}.clean-form-grid .field>span{font-size:11px}.section-heading>.btn{min-width:32px;padding:0 9px;font-size:9px}.inventory-add{flex-wrap:wrap}.inventory-add .field{flex-basis:100%}.inventory-add .btn{width:100%;font-size:11px}.form-bottom{flex-direction:column}.form-bottom p{max-width:none}.form-bottom .btn{align-self:flex-end}.account-save{align-items:flex-start}.account-save>p{max-width:145px}.account-overview nav{gap:3px}.account-overview nav>button{padding:0 7px;font-size:9px}.section-table-footer{flex-wrap:wrap}.section-table-footer>span:last-child{max-width:none;text-align:left}.section-heading-icon{display:none}}

.person-cell{min-width:0}.person-cell>span:last-child{min-width:0}.person-cell strong{overflow-wrap:anywhere}.users-table td:first-child{max-width:280px;white-space:normal}

/* Hero's own implementation, informed by the public on-premise console reference. */
:root{color-scheme:light;--bg:#f6f7fb;--rail:#fff;--panel:#fff;--panel2:#f6f7fb;--panel3:#eeedff;--line:#e8eaf1;--text:#242a38;--muted:#798292;--muted2:#9ba1ad;--blue:#6259ed;--green:#319675;--red:#cd445c;--yellow:#b7852c;--sidebar-width:236px;--shadow:0 4px 18px #27305206;font-family:Inter,"Segoe UI",Arial,sans-serif}
body{color:var(--text);background:#f6f7fb}.sidebar{border-color:#e8eaf1;background:#fff}.sidebar-brand{min-height:81px;padding-left:25px}.sidebar-brand .brand-mark{width:32px;height:36px;border-radius:9px;background:#655bf0;box-shadow:none}.sidebar-brand .brand-mark .icon{color:#fff}.brand-copy{color:#202633;font-size:25px}.brand-copy small{color:#949ba8;font-size:8px;letter-spacing:1.6px}.brand-accent{color:#685ef1}.sidebar-workspace{min-height:47px;margin-bottom:19px;border-color:#e9eaf2;border-radius:7px;background:#fafafe}.sidebar-workspace>span:nth-child(2){color:#555e71;font-size:10px}.sidebar-workspace small{color:#939ba9;font-size:9px}.workspace-dot{width:7px;height:7px;box-shadow:none;background:#8d85f5}.sidebar-navigation{padding-right:11px;padding-left:11px}.nav-label{margin-left:14px;margin-bottom:8px;color:#a2a6b1;font-size:8px;font-weight:550;letter-spacing:1.5px}.nav-section+.nav-section{margin-top:23px}.nav-link{min-height:37px;gap:12px;margin:3px 0;padding-left:14px;border:0;border-radius:6px;color:#626b7d;font-size:11px;font-weight:500}.nav-link>.icon{width:16px;height:16px;color:#9ba2af}.nav-link:hover{color:#4e46ce;background:#f8f7ff}.nav-link.active{color:#655be4;background:#efedff}.nav-link.active>.icon{color:#6b60ee}.nav-link.active:before{left:-11px;top:8px;bottom:8px;width:2px;background:#695ff1}.sidebar-foot{border-top-color:#eeeff4;background:#fff}.sidebar-status{color:#939baa;font-size:9px}.status-dot{background:#a9afbb}.sidebar-account strong{color:#414b60}.sidebar-account small{color:#989eaa}.avatar,.avatar.small{border-color:#e8e5ff;color:#6b60d8;background:#f0edff}.sidebar-account .icon-button{color:#a3a9b4}.sidebar-account .icon-button:hover{border-color:#e8e5ff;background:#f5f3ff}.topbar{min-height:64px;border-bottom-color:#e9ebf1;background:#fafbfeee;box-shadow:none}.crumbs>a{color:#9aA1ae}.crumbs>span{color:#c5c9d2}.crumbs>span:nth-of-type(2){color:#8f97a6}.crumbs>strong{color:#636e82;font-size:10px;font-weight:500}.navigation-search{border-color:#e6e8f0;color:#979ead;background:#fff}.navigation-search kbd{border-color:#ececf5;color:#a2a7b4;background:#fbfbfe}.navigation-search:hover{border-color:#cbc7f5;color:#7067d1}.topbar-divider{border-color:#e9eaf0}.user-button strong{color:#737d8f}.account-chevron{color:#aaaeba}.account-menu{border-color:#e7e8f0;background:#fff;box-shadow:0 12px 35px #29294610}.account-menu small{color:#999eac}.menu-btn{color:#747d90}.menu-btn:hover{color:#6257d6;background:#f6f4ff}.menu-btn.red{color:#c06b7c}.icon-button{color:#979fad}.icon-button:hover{border-color:#e9e6fb;color:#7167d9;background:#f6f4ff}.sidebar-backdrop{background:#343b5d40;backdrop-filter:blur(2px)}
.page,.page:has(#network-flows){width:min(100%,1580px);max-width:1580px;padding-top:31px}.page-kicker{display:none}.page-head{min-height:53px;margin-bottom:24px;align-items:center}.page-head h1{color:#222834;font-size:25px;font-weight:650;letter-spacing:-.6px}.page-head p{margin-top:6px;color:#939ba9;font-size:11px}.page-actions{gap:8px}.btn{min-height:35px;border-radius:6px;color:#fff;background:#665cf0;box-shadow:none;font-size:10px;font-weight:550}.btn:hover:not(:disabled){color:#fff;background:#756bf4}.btn.secondary{border-color:#e5e7ef;color:#6e788c;background:#fff;box-shadow:0 1px 2px #27305202}.btn.secondary:hover:not(:disabled){border-color:#d3cff5;color:#6b61d5;background:#faf9ff}.btn.danger{border-color:#f3dfe5;color:#b96c80;background:#fdf5f7}.btn.ghost{color:#8c95a5;background:transparent}.btn.ghost:hover{color:#6d62d4;background:#f5f3ff}.panel{overflow:hidden;border:1px solid #eceef4;border-radius:12px;background:#fff;box-shadow:0 3px 16px #31364c04}.panel:has(.table-wrap){box-shadow:0 3px 16px #31364c04}.panel-head,.section-heading{min-height:79px;padding:21px 24px;border-color:#eef0f5;background:#fff}.section-heading-icon{width:30px;height:30px;border-color:#edeafc;color:#a09abf;background:#f8f7fd}.section-heading h2,.panel-head h3{color:#343d4d;font-size:12px;font-weight:600}.section-heading p{margin-top:6px;color:#9aa2b0;font-size:10px}.section-kicker{color:#a3a8b6;font-size:8px}.panel-title{color:#4f5a6f;font-size:11px;font-weight:550}.panel-title>.icon{color:#9d94cc}.panel-sub{color:#a0a6b4}.count-badge{padding:4px 8px;border-color:#eeecf7;color:#9994b2;background:#faf9fe;font-size:9px}.section-toolbar{padding:16px 24px;border-color:#f0f1f6;background:#fff}.search-control{min-height:35px;border-color:#e8eaf1;border-radius:6px;background:#fff}.search-control>input{color:#687389;font-family:inherit;font-size:10px}.search-control>input::placeholder{color:#afb5c1}.search-control>.icon{width:14px;height:14px;color:#afb4c1}.search-control:focus-within{border-color:#aaa0f3;box-shadow:0 0 0 3px #756bef08}.control,.selector,.clean-form-grid .control{border-color:#e5e8f0;color:#717c90;background:#fff;box-shadow:0 1px 2px #252d4402}.control:focus,.clean-form-grid .control:focus{border-color:#aaa1ed;box-shadow:0 0 0 3px #6a60f00a}.control::placeholder{color:#b2b7c1}.selector{color:#8f98a8}.selector select{color:#7d879a;background:#fff}.field label,.clean-form-grid .field>span{color:#9299a8;font-size:10px}.filter-select{min-height:35px;color:#939cae;font-size:10px}.toolbar-count{color:#a5acb9;font-size:9px}
.table th,.table td{border-color:#f0f1f6;padding:20px 23px}.table th{color:#a1a7b4;background:#fff;font-size:9px;font-weight:450;letter-spacing:.3px}.table td{color:#8a94a6;background:transparent;font-size:10px}.table td strong,.person-cell strong{color:#566276;font-size:11px;font-weight:550}.table tbody tr:hover{background:#fbfaff;box-shadow:none}.person-cell small{color:#abb1bf;font-size:9px}.person-cell .avatar{border-color:#eae6fb;border-radius:8px;background:#f3f0ff;color:#9284d9}.role-badge{border-color:#e8e5f8;border-radius:12px;color:#9c8dc9;background:#faf8ff;font-size:9px}.role-badge.admin{border-color:#e5def9;color:#aa8ad7;background:#fbf7ff}.pill{border-color:#edebf5;border-radius:5px;color:#9993af;background:#f8f7fc;font-size:9px}.section-table-footer,.table-foot{border-color:#eff0f5;color:#a5adba;background:#fff;font-size:9px}.section-table-footer>span:first-child{color:#919bad}.section-info{border-color:#edecf6;color:#a09ab1;background:#fcfbff;font-size:9px}.section-info>.icon{color:#aaa0ca}.self-badge{color:#b0a9c1;background:#f8f6fc}.destructive{color:#c2a3b0}.destructive:hover{border-color:#f0d7df;color:#c47b91;background:#fff5f8}.section-empty{min-height:235px}.section-empty>strong{color:#7c8598;font-size:12px;font-weight:500}.section-empty>p{color:#a6adbc;font-size:10px}.section-empty-icon,.empty-symbol{border-color:#eeebfa;color:#a99ccb;background:#faf8ff}.section-empty-icon{width:43px;height:43px;border-radius:12px}.empty,.empty p{color:#a5adbc;background:#fff}.empty strong{color:#7b8799}.empty>.icon{border-color:#ede8fa;color:#ada1ca;background:#fbf9ff}.loading{background:transparent}.loading span{border-color:#ece9f8;color:#9b91ba;background:#fff;box-shadow:0 2px 14px #39334d04}.loading .icon{color:#a294dd}
.overview-welcome{display:none}.overview-metrics{margin-bottom:21px}.overview-metric,.section-stat{border-color:#edeef4;border-radius:10px;background:#fff;box-shadow:0 2px 12px #33384f03}.overview-metric{padding:20px}.overview-metric>strong,.section-stat strong{color:#3d485d;font-size:27px;font-weight:550}.metric-top,.section-stat>div>span{color:#9ba4b3;font-size:10px}.metric-icon,.stat-symbol{border-color:#f0edfc;color:#a89acb;background:#faf8ff}.metric-icon{width:27px;height:27px}.overview-metric>small{color:#b1b6c2;font-size:9px}.overview-metric.teal .metric-icon,.section-stat.teal .stat-symbol{border-color:#eaf5ee;color:#92bba7;background:#f7fcf9}.overview-metric.violet .metric-icon,.section-stat.violet .stat-symbol{border-color:#eee8fa;color:#b09bd1;background:#fbf8ff}.overview-metric.amber .metric-icon{color:#c9b492;background:#fdfaf5}.overview-metric.red .metric-icon,.section-stat.rose .stat-symbol{border-color:#f9e7ed;color:#d2a1b0;background:#fff8fb}.section-stats{gap:15px;margin-bottom:22px}.section-stat{min-height:95px;padding:20px 22px}.stat-symbol{width:36px;height:36px;border-radius:10px}.period-label{border-color:#eceaf4;color:#a49bad;background:#fcfbff}.traffic-headline{padding-top:23px}.traffic-headline small{color:#a1a7b5}.traffic-headline strong{color:#7c87a0;font-size:21px}.traffic-caption{color:#bac0cb}.legend-dot.blue{background:#6b61eb}.legend-dot.teal{background:#d7798b}.legend-dot.muted{background:#e5e3ee}.chart-placeholder{min-height:221px}.chart-grid{background:repeating-linear-gradient(to bottom,transparent 0,transparent 50px,#eeedf5 50px,#eeedf5 51px)}.chart-placeholder-copy{background:radial-gradient(ellipse,#fff 50%,#ffffff00 75%)}.chart-placeholder-copy>strong{color:#929bad;font-size:11px}.chart-placeholder-copy>p{color:#b2b8c4;font-size:10px}.panel-footer{border-color:#efedf7;color:#b0aabe;background:#fff;font-size:8px}.panel-footer>a{color:#a298ca}.health-ring{background:linear-gradient(#fff,#fff) padding-box,conic-gradient(#9586df var(--health),#f0edf8 0) border-box}.health-ring strong{color:#a599c4;font-size:29px}.health-ring span,.health-key{color:#b8afc9;font-size:8px}.health-key b{color:#a093bb}.health-notice{border-color:#efebf8;background:#fcfaff}.health-notice p{color:#b0a5c1;font-size:9px}.health-notice>.icon{color:#bcaed3}.health-link,.subtle-link{color:#a69ac5;font-size:9px}.calm-empty strong{color:#929bad}.calm-empty p{color:#b0b7c5}.quick-icon{color:#b3a6cf;background:#f9f6ff}.quick-links>a{border-color:#f1eef8}.quick-links>a:hover{background:#fdfbff}.quick-links strong{color:#a497b8}.quick-links small{color:#c1b8cd}.quick-links>a>.icon,.quick-access .panel-head>.icon{color:#c6bdd1}.event-item{border-color:#f0edf6}.event-item strong{color:#8c7b9f}.event-item small{color:#b6abc4}.event-symbol{color:#9bc4af;background:#f7fcf9}.event-symbol.warning{color:#cfbd97;background:#fffdf7}.workspace-footer{min-height:70px;margin-top:24px;border-color:#e9ebf2;color:#b2b7c3;font-size:8px}.footer-dot{color:#cdd0d9}
.geo-card{border-color:#e9e8f2;background:#fff;box-shadow:0 2px 8px #30334a02}.geo-card:hover{border-color:#d7d0ee;background:#fdfcff}.geo-card.is-blocked{border-color:#ecd9e2;background:#fffbfd}.country-flag{border-color:#efedf6;background:#fcfbff}.country-flag img{box-shadow:0 1px 4px #2b2d4508}.geo-main h3{color:#7e7491;font-size:11px}.geo-main div>span{color:#b2a8c1;font-size:9px}.geo-main i{color:#d0c8db}.geo-action{border-color:#f0ebf6}.geo-status{color:#b0a2ba;font-size:9px}.geo-status:before{background:#b8c5bf}.is-blocked .geo-status{color:#c08ba2}.is-blocked .geo-status:before{background:#d7a9bb}.switch{width:31px;height:17px;border-color:#e3dfea;background:#ece8f0}.switch:after{top:2px;left:2px;width:11px;height:11px;background:#fff;box-shadow:0 1px 3px #5d4d720c}.switch.on{border-color:#9d8bcf;background:#a08bd6}.switch.on:after{background:#fff;transform:translateX(14px)}.geo-card .switch.on{border-color:#c99aaf;background:#c89caf}.inventory-add{border-color:#efedf7;background:#fdfcff}.inventory-add .field>span{color:#aca1bd}.address-cell>.icon{color:#b9a9cf}.muted-text{color:#c1b6cd}.row-actions .self-badge{background:#fbf9fd}.resource-tabs{border-color:#ece8f4;background:#fff}.resource-tabs>button{color:#b5a8c5;font-size:10px}.resource-tabs>button.active{border-bottom-color:#a28bce;color:#a18aba}.resource-tabs>button>span{color:#baa7d0;background:#fbf7ff}.resource-tabs>button:hover{color:#9f84be;background:#fdfbff}.resource-builder{border-color:#e9e1f2;background:#fdfbff}.resource-builder summary{color:#ae94c3;font-size:10px}.resource-builder[open] summary{border-color:#eee5f5}.resource-symbol{border-color:#ece4f5;color:#b5a0ca;background:#fcf8ff}.resource-name small{color:#c4b5d2}.section-empty .btn{margin-top:3px}.clean-form-grid .field>span{color:#a598b6}.clean-form-grid .control{color:#9983ae;background:#fff}.form-bottom{border-color:#eee7f5}.form-bottom p,.account-save>p{color:#bdaccb}.rule-builder[open] summary{border-color:#eee7f5}.rule-builder summary strong,.integration-details summary strong{color:#a58ab9}.rule-builder summary small,.integration-details summary small{color:#c3b0d2}.support-card,.integration-details{border-color:#ebe3f3;background:#fff}.support-card:hover{border-color:#d9c7e9;background:#fefcff}.support-icon{border-color:#eee4f7;color:#bea3d0;background:#fdf8ff}.support-card h3{color:#aa8abf}.support-card p{color:#c5b0d1}.integration-details summary>.icon{color:#cbb4d8}.integration-content{border-color:#f0e8f6}.integration-content>p{color:#c4aed1}.endpoint-display{border-color:#efe3f7;background:#fefbff}.endpoint-display>span{color:#acbda0;background:#fbfff8}.endpoint-display code{color:#bb9acc}.integration-content .help-copy{color:#cbb4d8}.preset-section h3{color:#ac8dc0}.preset-section>div>p{color:#ccb4d9}.preset-grid>button{border-color:#eee1f6;background:#fff}.preset-grid>button:hover{border-color:#dfc8ee;background:#fefaff}.preset-grid strong{color:#b18ac7}.preset-grid small{color:#d0b2df}.preset-grid>button>.icon{color:#c8a2d8}.account-overview{border-color:#eee4f6;background:#fff}.account-overview h2{color:#aa82c3}.account-overview nav{border-color:#f1e7f8}.account-overview nav>button{color:#c4a0d7}.account-overview nav>button.active{color:#af82cb;background:#fbf2ff}.account-overview nav>button:hover{color:#a973c9;background:#fbf2ff}.account-overview nav>button>.icon{color:#d2b0e3}.notification-setting strong{color:#b385cc}.notification-setting small{color:#d0b0e1}.notification-setting input{accent-color:#b586ce}.export-box h3{color:#b787d0}.export-box p{color:#d5b1e5}
.net-toolbar,.toolbar,.advanced,.net-filters,.net-detail-caption{border-color:#e8e6f1;background:#fff;box-shadow:none}.net-refresh,.net-detail-caption>span{color:#a4a4b6}.net-detail-caption>strong{color:#7d7497}.net-ip-table .ip{color:#9f8db6}.net-status{border-color:#ece6f4;color:#baa9c9;background:#fdfbff}.net-online{border-color:#dcece2;color:#91b6a0;background:#f8fcf9}.net-warning{border-color:#eee8d5;color:#c4b889;background:#fffdf7}.net-footnote{color:#b4a9c4}.net-in{color:#a38cd0!important}.net-out{color:#d7a4b4!important}.net-country{border-color:#eee4f7;background:#fefbff}.net-country b{color:#c5acd4}.net-private{border-color:#f0e3f8;color:#c7a8d8}.net-local-endpoint{color:#b293cd}.net-port{color:#d5b8e4}.net-attack-source{color:#d39bad;text-shadow:none}.chart{background:#fff}.chart svg{filter:none}.gridline{stroke:#ece8f4}.axis{fill:#b2a8c3}.chart-panel .legend,.legend{color:#b2a4c2}.legend .pass{background:#9280c9}.legend .drop{background:#d28b9f}.table .pass-t{color:#87b89e!important}.table .drop-t{color:#ca94a6!important}.table .source{color:#a08eb9!important}.table .hash{color:#c0add1!important}.attack-row{color:#a48cba}.attack-row:hover,.attack-row.open{background:#fcf8ff;box-shadow:none}.date strong,.target strong{color:#a387b9}.date small,.traffic small{color:#c1a9d1}.traffic,.protocol{color:#b293ca}.status.ok{color:#9eb5a7}.status.ok .icon{color:#9fc5b0;filter:none}.status.live{color:#cbb887}.status.live .icon{color:#d4c392}.attack-detail{background:#fefbff}.country-panel,.summary-panel{background:#fff}.country-panel h3,.summary-panel h3{color:#b18bc9}.country-panel p,.metric,.soft{color:#c8addb}.donut{background:conic-gradient(var(--color) var(--deg),#f2eaf8 0);box-shadow:none}.donut:before{background:#fff}.donut b{color:#b38bcc}.donut span{color:#d2b4e1}.stat-table th{color:#c7a8d8}.stat-table td{color:#ba8fd1}.signature{border-color:#f0e3f8;background:#fefbff}.signature b{color:#ba8ad4}.dialog{background:#fff}.dialog h2{color:#7c638c}.dialog p{color:#ad95b9}.dialog-actions{border-color:#eee4f5}.toast{border-color:#e8ddf0;color:#aa88bd;background:#fff;box-shadow:0 8px 25px #30304709}.toast.error{border-color:#eedce4;color:#c4879b;background:#fffafa}.account-menu .menu-btn{color:#8f759e}.navigation-dialog{border-color:#e9e2f2;background:#fff;box-shadow:0 20px 70px #32324c12}.navigation-dialog::backdrop{background:#74708d33}.navigation-dialog-head{border-color:#eee7f5}.navigation-dialog-head input{color:#9e7db2}.navigation-dialog-head input::placeholder{color:#c7b1d5}.command-link{color:#ad86c4}.command-link small{color:#d0afdf}.command-link:hover,.command-link:focus{background:#fcf6ff}.navigation-dialog>footer{border-color:#f2e7fa;color:#d0b0df}
/* Neutral foregrounds retain contrast; violet is reserved for navigation and actions. */
#view :is(h2,h3,strong){color:#505c70}#view :is(p,small){color:#929daf}#view .section-heading h2{color:#3d485a}#view .role-badge{color:#9d87c7}#view .section-info span{color:#9695aa}#view .geo-status{color:#9aa6a3}#view .is-blocked .geo-status{color:#b78198}.table td{color:#7b879b}.table th{color:#a0a7b5}.person-cell small{color:#a5afbf}.clean-form-grid .control{color:#748299}.clean-form-grid .field>span{color:#8793a6}.account-overview h2{color:#56657c}.account-overview nav>button{color:#8c9bb2}.account-overview nav>button.active{color:#7760b3;background:#f5efff}.form-bottom p{color:#a1a9b8}.support-card h3{color:#68768e}.support-card p{color:#a2acbc}.integration-details summary strong{color:#7c7b96}.integration-details summary small{color:#b0aec3}.endpoint-display code{color:#9384aa}.net-footnote{color:#9eA8b8}.net-detail-caption>strong{color:#6c7c93}.section-stat strong,.overview-metric>strong{color:#44546b!important}.toolbar .btn,.net-toolbar .btn{font-size:10px}.node-state{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid #ebe8f1;border-radius:20px;color:#a29aaa;background:#fff;font-size:9px}.node-state i{width:5px;height:5px;border-radius:50%;background:#bbb4c6}.node-state.online i{background:#91bea4}.node-state.pending i{background:#d9bd91}.control-plane-layout{display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;gap:14px;margin-top:22px}.control-plane-card{display:flex;align-items:flex-start;gap:15px;min-width:0;padding:24px;border:1px solid #ebe9f2;border-radius:10px;background:#fff}.control-plane-card>div{min-width:0}.control-plane-card h3{margin:0;font-size:12px;font-weight:550}.control-plane-card p{max-width:360px;margin:8px 0 14px;font-size:10px;line-height:1.8}.plane-status{display:inline-block;padding:4px 7px;border:1px solid #eee6f2;border-radius:5px;color:#b89dc6;background:#fdf9ff;font-size:8px}.plane-status.ready{border-color:#e4f0e8;color:#9abfa6;background:#fbfffc}.plane-connector{color:#c4bdD4;text-align:center}.plane-connector .icon{width:18px;height:18px}
.auth-aside{border-color:#e8e7f1;background:linear-gradient(140deg,#f7f5ff,#f0edfc)}.auth-aside:after{background:radial-gradient(circle,#a197e622,transparent 68%)}.auth-aside:before{display:none}.brand{color:#5c5b78}.auth-aside .brand-mark{background:#8c7bd4;box-shadow:none}.auth-aside .brand-mark .icon{color:#fff}.brand small{color:#a9a1be}.promise h1{color:#796998}.promise .eyebrow{color:#b29dcb}.promise>p:not(.eyebrow){color:#b4a8c7}.trust{color:#b6a8c6}.trust .icon{color:#adbcac}.auth-foot{color:#c5b8d3}.auth-panel{background:#faf9fd}.login-card{border-color:#e7e1f1;background:#fff;box-shadow:0 8px 35px #4d3c6e06}.login-card h2{color:#8a6ca6}.login-card>p,.login-hint{color:#bca7cb}.login-tabs{border-color:#eee5f5;background:#fdfaff}.login-tab{color:#c3a8d6}.login-tab.active{color:#a47bc1;background:#f8efff}.auth-error{color:#c78fa5!important}.input-wrap>.icon{color:#c9acdE}.auth-panel label{color:#b79acb}
@media(max-width:900px){.sidebar-collapsed .nav-section+.nav-section{margin-top:23px}.sidebar-collapsed .sidebar-brand{min-height:81px}.control-plane-layout{grid-template-columns:1fr}.plane-connector{transform:rotate(90deg)}.control-plane-card{padding:21px}.section-heading{padding:20px}.section-toolbar{padding:16px 20px}.sidebar-collapsed .sidebar-foot{background:#fff}}
@media(max-width:760px){.responsive-table tbody>tr{border-color:#e7e6f0;background:#fff;box-shadow:0 1px 7px #39324902}.responsive-table td:before{color:#b2a5c6;font-size:8px}.responsive-table td:last-child{border-color:#eee6f5}.section-stats{gap:10px}.section-stat{padding:17px 16px}.section-heading p{font-size:9px}.sidebar-foot{background:#fff}.resource-tabs{padding:0 16px}.section-table-footer{background:#fff}.page-head h1{font-size:24px}.overview-metric{padding:18px}.overview-metric>strong{font-size:27px}.geo-card{padding:16px}.account-overview{background:#fff}.support-card,.integration-details{background:#fff}.toolbar,.net-toolbar{background:#fff}.table-foot{background:#fff}}

/* Readable operational labels against white surfaces. */
#view :is(h2,h3,strong){color:#344054}#view :is(p,small){color:#758096}.page-head p,.section-heading p{color:#848d9e}.section-stat>div>span,.metric-top,.overview-metric>small{color:#828b9c}.table td{color:#717c90}.table th{color:#858d9c}.table td strong,.person-cell strong{color:#4c596f}.person-cell small{color:#8e98aa}.section-table-footer,.section-table-footer>span:first-child,.table-foot{color:#8a94a7}.section-info,.section-info span,#view .section-info span{color:#8b91a3}.clean-form-grid .field>span,.inventory-add .field>span{color:#7f879b}.clean-form-grid .control,.control,.selector select{color:#67748a}.clean-form-grid .control::placeholder,.search-control>input::placeholder{color:#a0a8b7}.search-control>input{color:#66748a}.filter-select{color:#7e899c}.section-empty>p{color:#919aab}.section-empty>strong{color:#758298}.geo-main h3{color:#66748a!important}.geo-main div>span{color:#939bad}.geo-action .geo-status{color:#8d9d95!important}.geo-card.is-blocked .geo-status{color:#b47b94!important}.count-badge{color:#8c89a3}.account-overview h2{color:#5a6980}.account-overview nav>button{color:#7b88a0}.account-overview nav>button.active{color:#7360ad}.form-bottom p,.account-save>p{color:#949caf}.integration-details summary strong{color:#7b7892}.integration-details summary small{color:#a19ab3}.integration-content>p{color:#9397a7}.endpoint-display code{color:#9a89b0}.resource-tabs>button{color:#9193aa}.resource-tabs>button.active{color:#8773b5}.resource-builder summary{color:#9d8ab8}.role-badge,.role-badge.admin{color:#9c80bd}.self-badge{color:#aaa1b8}.node-state{color:#9694a4}.plane-status{color:#a68ab9}.plane-status.ready{color:#7fa18b}.health-ring strong{color:#9387af}.health-ring span,.health-key,.health-key b{color:#9c94ae}.health-notice p{color:#9c93ab}.health-link,.subtle-link{color:#9e8fb9}.traffic-headline strong{color:#76839a}.traffic-headline small{color:#929aab}.chart-placeholder-copy>strong{color:#8b95a8}.chart-placeholder-copy>p{color:#a0a7b7}.quick-links strong{color:#9386a7}.quick-links small{color:#afa5bd}.notification-setting strong{color:#8a789a}.notification-setting small{color:#a99bb7}.auth-panel .login-card h2{color:#534365}.auth-panel .login-card>p,.login-hint{color:#9a8baa}.auth-panel label{color:#9a86aa}.promise h1{color:#7d6697}.promise>p:not(.eyebrow){color:#a495b6}.auth-foot{color:#b7a9c6}.navigation-dialog-head input{color:#7b6b8b}.command-link{color:#9a7eae}.command-link small{color:#bbabca}

.sidebar-navigation{scrollbar-color:#e4e1ee transparent}.nav-section+.nav-section{margin-top:17px}.nav-label{margin-bottom:6px}.nav-link{min-height:35px;margin:2px 0}@media(max-width:900px){.sidebar-collapsed .nav-section+.nav-section{margin-top:17px}}