:root{--purple:#9d24cf;--violet:#bb5ee7;--cyan:#3ed3e6;--ink:#171727;--muted:#777585;--white:#fff;--glass:#f7f5faad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--ink)}button,input,select{font:inherit}.standalone-card{width:min(440px,92vw)}.back-link{display:block;text-align:center;color:#3476d6;text-decoration:none;font-size:12px}.account-links{display:grid;gap:2px;text-align:right}.account-links a{font-size:9px;color:#2f70cf;text-decoration:none}.settings-page{min-height:100vh;padding:45px 20px;background:linear-gradient(135deg,#72ddbd,#cbdcf2 55%,#7ca9eb);color:#18243a}.settings-shell{width:min(960px,100%);margin:auto}.settings-shell>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.settings-shell h1{margin:4px 0;font-size:30px}.settings-shell header p{color:#68758a}.settings-shell header a{padding:10px 14px;background:#ffffffa8;border:1px solid white;border-radius:12px;color:#296bc9;text-decoration:none;font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card,.recovery-card{padding:26px;background:#ffffffe8;border:1px solid white;border-radius:22px;box-shadow:0 14px 35px #264d7c24}.settings-card h2,.recovery-card h2{margin:0 0 6px;font-size:18px}.settings-card>p,.recovery-card>p{color:#69758a;font-size:12px;line-height:1.5}.settings-card form{display:grid;gap:13px;margin-top:20px}.settings-card label{display:grid;gap:6px;font-size:11px;font-weight:600}.settings-card input{padding:11px;border:1px solid #d8e0ec;background:#fff;border-radius:9px;outline:0}.settings-card input:focus{border-color:#4a88de;box-shadow:0 0 0 3px #4a88de18}.settings-card button{padding:11px;border:0;border-radius:9px;background:linear-gradient(135deg,#5798ec,#2868cc);color:#fff;font-weight:700;cursor:pointer}.settings-card .danger-button{background:#d54b67}.status-message{margin-bottom:18px;padding:12px 15px;border-radius:12px;background:#d9faeb;color:#137451;font-size:12px}.security-state{display:inline-block;margin:12px 0 3px;font-size:11px;font-weight:700}.security-state.enabled{color:#16845c}.security-state.pending{color:#ae771e}.security-state.disabled{color:#8b7d8f}.mfa-secret{display:block;padding:13px;border-radius:10px;background:#edf4fd;color:#205cae;overflow-wrap:anywhere;font-weight:700;letter-spacing:.08em}.mfa-uri{font-size:10px!important}.recovery-card{margin-top:18px}.recovery-card>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.recovery-card code{padding:10px;background:#edf4fd;border-radius:7px;text-align:center;color:#245da9}.form-error{color:#c92d52;font-size:11px}.login-page{min-height:100vh;background:linear-gradient(135deg,#65dec0,#d7e8f4 52%,#ee94e7);display:grid;place-items:center}.login-shell{width:min(1000px,92vw);display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.login-brand .brand-mark{width:54px;height:54px;display:grid;place-items:center;background:linear-gradient(145deg,#c064ed,#8f16bf);color:#fff;border-radius:16px;font-weight:800;box-shadow:0 14px 30px #8b18b84a}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase}.login-brand h1{font-size:52px;line-height:1.05;margin:18px 0}.login-brand h1 span{color:#9824c8}.login-brand>p:not(.eyebrow){max-width:430px;color:#55566a;line-height:1.7}.signal{margin-top:30px;color:#76219e}.signal i,.live-pill i,.live-text i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#36d39e;box-shadow:0 0 0 5px #36d39e24;animation:pulse 1.7s infinite}.login-card{background:#ffffffb8;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:38px;border:1px solid #fff9;border-radius:28px;box-shadow:0 25px 60px #60497c28}.login-card h2{font-size:28px;margin:7px 0}.muted{color:var(--muted)}.login-card form{display:grid;gap:17px;margin:28px 0 20px}.login-card label{display:grid;gap:7px;font-size:12px;font-weight:600}.login-card input{padding:13px;border:1px solid #d9d2df;border-radius:10px;background:#fff9;outline:0}.login-card input:focus{border-color:var(--purple)}.login-card .check{display:flex;align-items:center}.check input{width:auto}.login-card button{border:0;background:linear-gradient(135deg,#b94bdf,#9219c5);color:#fff;border-radius:10px;padding:13px 16px;font-weight:700;display:flex;justify-content:space-between}.login-card small{display:block;text-align:center;color:#7d7785}.form-error{color:#cf3158;margin:0;font-size:12px}.app-page{min-height:100vh;padding:34px;background:linear-gradient(135deg,#72ddbd,#a8e7dc 24%,#cbdcf2 57%,#eea8e7);overflow-x:hidden}.app-page:before,.app-page:after{content:"";position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none}.app-page:before{width:520px;height:520px;left:-210px;bottom:-240px;background:radial-gradient(circle at 60% 40%,#d3f1ef,#7dcced 55%,transparent 56%)}.app-page:after{width:650px;height:650px;right:-315px;bottom:-280px;background:radial-gradient(circle at 40% 35%,#f0c1ed,#df66df 55%,transparent 56%)}.orb{position:fixed;border-radius:50%;pointer-events:none}.orb-one{width:380px;height:380px;left:40%;top:-310px;background:#d9f1e9aa}.orb-two{width:230px;height:230px;right:0;top:100px;background:#c298e755;filter:blur(35px)}.dot-field{position:fixed;width:380px;height:230px;opacity:.34;background-image:radial-gradient(#3e80a4 2px,transparent 2.5px);background-size:18px 18px;pointer-events:none}.dots-left{left:-90px;bottom:-25px;transform:rotate(12deg)}.dots-right{right:-60px;bottom:5px;background-image:radial-gradient(#ae28ca 4px,transparent 4.5px);background-size:20px 20px;transform:rotate(-8deg)}.dashboard-stage{position:relative;width:min(1280px,calc(100vw - 68px));margin:auto;padding-left:42px;z-index:1}.glass-dashboard{min-height:830px;display:grid;grid-template-columns:minmax(0,1fr) 275px;background:linear-gradient(125deg,#f4fff0a8,#effaffc4 54%,#f2d8f1c2);border:1px solid #ffffffb8;border-radius:30px;box-shadow:0 35px 75px #56657e32;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);overflow:hidden}.dashboard-content{padding:34px 30px 32px 58px;min-width:0}.floating-nav{position:fixed;top:50%;transform:translate(-50%,-50%);width:72px;height:570px;z-index:4;padding:18px 8px;display:flex;align-items:center;flex-direction:column;border-radius:38px;background:linear-gradient(180deg,#b559df,#8e13c0);box-shadow:0 20px 40px #6813875c;color:#fff}.nav-brand{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff99;border-radius:50%;color:#fff;text-decoration:none;font-size:13px;font-weight:800}.nav-divider{width:55px;border-top:1px solid #ffffff9c;margin:18px 0}.floating-nav nav{display:grid;gap:16px}.floating-nav nav a{width:44px;height:44px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:23px;border-radius:14px}.floating-nav nav a.active,.floating-nav nav a:hover{background:#6f267f80;box-shadow:inset 0 1px #ffffff38}.floating-nav form{margin-top:auto}.floating-nav form button{width:34px;height:34px;border:2px solid white;border-radius:50%;background:transparent;color:#fff;font-weight:800;cursor:pointer}.welcome-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.welcome-bar p{font-size:24px;margin:0 0 3px}.welcome-bar span{font-size:12px;color:#777180}.header-actions{display:flex;align-items:center;gap:9px}.theme-toggle{position:relative;width:39px;height:39px;border:1px solid #fff;background:#ffffff8c;color:#8027a5;border-radius:50%;cursor:pointer;box-shadow:0 5px 14px #5f446b20}.theme-toggle span{position:absolute;inset:0;display:grid;place-items:center;font-size:17px;transition:opacity .2s,transform .25s}.theme-moon{opacity:0;transform:rotate(-50deg) scale(.5)}.live-pill,.live-text{display:flex;gap:9px;align-items:center;font-size:11px;color:#665a6f}.live-pill{background:#ffffff8c;border:1px solid white;padding:10px 13px;border-radius:20px}.live-pill span{font-size:10px;color:#8a8190}.filters{display:flex;gap:9px;align-items:end;margin-bottom:16px}.filters label{display:grid;gap:4px;color:#777081;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.filters select{min-width:140px;border:1px solid #ffffffb8;background:#ffffff96;color:#34313c;border-radius:10px;padding:8px 10px;font-size:11px;outline:0}.filters button{width:34px;height:34px;margin-left:auto;border:0;border-radius:10px;color:#fff;background:linear-gradient(145deg,#c45ee6,#9020c1);cursor:pointer}.filters button:disabled{opacity:.55}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpis article{position:relative;min-height:142px;padding:22px 14px;background:#fffffff0;border:1px solid #fff;border-radius:23px;box-shadow:0 8px 13px #655a7130;display:flex;flex-direction:column}.kpis article.featured{color:#fff;background:linear-gradient(180deg,#ca71ec,#8d1bb9);border:0;box-shadow:0 14px 23px #8127a947}.kpi-icon{height:40px;color:#bc60ce;font-size:23px}.featured .kpi-icon{color:#fff}.kpis strong{font-size:23px;margin-top:auto}.kpis small{margin-top:5px;font-size:10px;color:#45414c}.featured small{color:#fff}.kpis em{position:absolute;right:18px;bottom:18px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#8f20b8;font-size:11px;font-style:normal;font-weight:800}.section-title{font-size:17px;margin:23px 0 14px}.traffic-grid{display:grid;grid-template-columns:1.3fr .95fr;gap:17px}.panel{background:#ffffffe8;border:1px solid #fff;border-radius:22px;box-shadow:0 8px 16px #6a60752d;padding:19px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.panel h3{font-size:13px;margin:0}.panel-head p{font-size:9px;color:#8f8994;margin:4px 0 0}.legend{font-size:9px;color:#89818d}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#bd55db;margin-right:5px}.chart-panel canvas{width:100%;height:205px}.bar-list,.rank-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:92px 1fr 30px;gap:7px;align-items:center;font-size:9px}.bar-track{height:7px;border-radius:10px;background:#f2eafa;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#da6ee5,#3fd5e5)}.bar-row b{text-align:right}.map-panel{margin-top:18px;padding-bottom:14px}.map-legend{display:flex;gap:12px;color:#77717d;font-size:9px}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:8px;height:8px;border-radius:50%}.map-legend .low{background:#42d7dc}.map-legend .medium{background:#bd58dc}.map-legend .high{background:#e34282}.map-wrap{position:relative;border-radius:16px;overflow:hidden;border:1px solid #eadfee}.map-wrap #geo-map{height:390px;background:#d9eef0}.map-count{position:absolute;left:12px;bottom:12px;z-index:500;padding:8px 11px;border-radius:12px;background:#ffffffdf;box-shadow:0 5px 18px #52445e2a;color:#665c69;font-size:9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.leaflet-container{font-family:Segoe UI,Arial,sans-serif}.leaflet-control-zoom a{color:#8e22b8!important}.leaflet-control-attribution{font-size:8px!important}.attack-popup{min-width:220px}.attack-popup h4{font-size:14px;margin:0 0 2px}.attack-popup .place{color:#7d7481;font-size:10px;margin-bottom:10px}.attack-popup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}.attack-popup-grid span{padding:6px;border-radius:7px;background:#f6eff8;text-align:center;font-size:9px}.attack-popup-grid b{display:block;font-size:13px;color:#9a28bf}.attack-popup dl{margin:0;font-size:10px}.attack-popup dt{margin-top:7px;color:#9a28bf;font-weight:700}.attack-popup dd{margin:2px 0;color:#4c4650;line-height:1.35}.events-panel{margin-top:18px;padding:17px 0 0}.events-panel .panel-head{padding:0 18px}.table-wrap{overflow:auto;max-height:265px}table{width:100%;border-collapse:collapse;font-size:9px}th{text-align:left;color:#8b8490;background:#f9f5fa;padding:9px 11px;font-weight:500}td{padding:10px 11px;border-top:1px solid #eee8ef;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td small{color:#918a95}.mono{font-family:Consolas,monospace}.badge{display:inline-block;padding:4px 6px;border-radius:8px;font-size:8px;font-weight:700}.badge.red{background:#ffdce5;color:#c42b55}.badge.green{background:#d9faeb;color:#16845c}.badge.orange{background:#fff0d5;color:#a76b14}.empty{text-align:center;color:#908895;padding:25px!important}.insights-rail{padding:28px 24px;background:linear-gradient(180deg,#f0dff3a8,#ecc5eec2);border-left:1px solid #ffffff80}.insights-rail>header{height:55px;display:flex;justify-content:flex-end;align-items:flex-start;gap:8px}.user-avatar{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(140deg,#8640a5,#d16cd7);border:3px solid white;outline:2px solid #a63fc3;border-radius:50%;color:#fff;font-weight:800}.insights-rail header form button{border:0;background:transparent;font-size:9px;color:#756d78;cursor:pointer}.insights-rail h2{font-size:22px;margin:14px 0 2px}.insights-rail section>p{font-size:10px;margin:0 0 25px;color:#6f6874}.rank-list{gap:12px}.rank-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px}.rank-number{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(140deg,#50d8dc,#d76bd9);color:#fff;font-size:10px;font-weight:700}.rank-row strong,.rank-row small{display:block}.rank-row strong{font-size:11px}.rank-row small{font-size:8px;color:#756d7b;margin-top:2px}.rank-row>strong{font-size:11px;color:#8024a5}.origin-section{margin-top:28px;padding-top:8px;border-top:1px solid #ffffff9c}.origin-section .rank-row:nth-child(n+5){display:none}.live-text{color:#7c2da1}.live-text i{background:#36c990}[data-theme=dark] .app-page{color:#f2edf6;background:linear-gradient(135deg,#101828,#172539,#2a203b 70%,#421d45)}[data-theme=dark] .app-page:before{background:radial-gradient(circle at 60% 40%,#1e3a4b,#18314c 55%,transparent 56%)}[data-theme=dark] .app-page:after{background:radial-gradient(circle at 40% 35%,#482446,#4d175b 55%,transparent 56%)}[data-theme=dark] .dot-field{opacity:.14}[data-theme=dark] .glass-dashboard{background:linear-gradient(125deg,#111a27e8,#161c2be8 54%,#25182ae8);border-color:#ffffff18;box-shadow:0 35px 80px #0008}[data-theme=dark] .dashboard-content{color:#f3eef5}[data-theme=dark] .welcome-bar span,[data-theme=dark] .filters label,[data-theme=dark] .panel-head p,[data-theme=dark] .legend,[data-theme=dark] .map-legend,[data-theme=dark] .rank-row small,[data-theme=dark] .insights-rail section>p{color:#a69dac}[data-theme=dark] .header-actions .live-pill,[data-theme=dark] .theme-toggle{background:#252334;border-color:#ffffff17;color:#e0a5f0}[data-theme=dark] .theme-sun{opacity:0;transform:rotate(50deg) scale(.5)}[data-theme=dark] .theme-moon{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .filters select{color:#ece7ef;background:#252333;border-color:#ffffff16;color-scheme:dark}[data-theme=dark] .kpis article,[data-theme=dark] .panel{background:#1c1d2ce8;border-color:#ffffff13;box-shadow:0 9px 22px #0004}[data-theme=dark] .kpis article.featured{background:linear-gradient(180deg,#a843ce,#6e158f)}[data-theme=dark] .kpis small{color:#b8afbd}[data-theme=dark] .featured small{color:#fff}[data-theme=dark] .bar-track{background:#332a3c}[data-theme=dark] th{color:#aaa0b0;background:#171824}[data-theme=dark] td{border-color:#302a36;color:#ded7e1}[data-theme=dark] td small{color:#9f95a4}[data-theme=dark] .insights-rail{background:linear-gradient(180deg,#302238d9,#2b1c31e6);border-color:#ffffff12}[data-theme=dark] .insights-rail header form button{color:#b4a9b7}[data-theme=dark] .rank-row>strong{color:#dc83ef}[data-theme=dark] .origin-section{border-color:#ffffff16}[data-theme=dark] .map-wrap{border-color:#ffffff19}[data-theme=dark] .map-wrap .leaflet-tile-pane{filter:brightness(.64) saturate(.75) hue-rotate(165deg)}[data-theme=dark] .map-count{color:#ded5e1;background:#211e2be8}[data-theme=dark] .leaflet-popup-content-wrapper,[data-theme=dark] .leaflet-popup-tip{color:#eee8f1;background:#252130}[data-theme=dark] .attack-popup .place,[data-theme=dark] .attack-popup dd{color:#bdb3c2}[data-theme=dark] .attack-popup-grid span{background:#352c3d}[data-theme=dark] .empty{color:#a89daa}.floating-nav{background:linear-gradient(180deg,#5d9df5,#2867ce);box-shadow:0 20px 40px #184e9b59}.floating-nav nav a.active,.floating-nav nav a:hover{background:#174eaa99}.filters button{background:linear-gradient(145deg,#66a5f7,#3274dc)}.kpis article.featured{background:linear-gradient(180deg,#64a3f4,#2e6dcc);box-shadow:0 14px 23px #2764bd40}.kpi-icon{color:#4e8ce3}.kpis em{color:#2e6dcc}.bar-track i{background:linear-gradient(90deg,#4f8fe8,#42cbd9)}.legend i{background:#4c8ee7}.theme-toggle{color:#3476d6}.rank-row>strong,.live-text{color:#2f70cf}.rank-number{background:linear-gradient(140deg,#45ced8,#4f86e6)}.user-avatar{background:linear-gradient(140deg,#2465c7,#6aa6f2);outline-color:#3f7ed8}.insights-rail{background:linear-gradient(180deg,#dfeaf8b8,#cadcf4c9)}.leaflet-control-zoom a{color:#3274d5!important}.attack-popup-grid b,.attack-popup dt{color:#3478d7}.app-page:after{background:radial-gradient(circle at 40% 35%,#d5e5f7,#7ca9eb 55%,transparent 56%)}.dots-right{background-image:radial-gradient(#3477d6 4px,transparent 4.5px)}[data-theme=dark] .app-page{background:linear-gradient(135deg,#0d1726,#14243a 38%,#172b48 72%,#1c3d68)}[data-theme=dark] .app-page:after{background:radial-gradient(circle at 40% 35%,#1d3b64,#194d8d 55%,transparent 56%)}[data-theme=dark] .glass-dashboard{background:linear-gradient(125deg,#101a29ed,#142238ed 54%,#172b48ed)}[data-theme=dark] .header-actions .live-pill,[data-theme=dark] .theme-toggle{background:#1d2c42;color:#78aef2}[data-theme=dark] .filters select{background:#1d2b40}[data-theme=dark] .kpis article,[data-theme=dark] .panel{background:#172438e8}[data-theme=dark] .kpis article.featured{background:linear-gradient(180deg,#397fd9,#1f579f)}[data-theme=dark] .bar-track{background:#243854}[data-theme=dark] .insights-rail{background:linear-gradient(180deg,#172b46e8,#13243ce8)}[data-theme=dark] .rank-row>strong{color:#75adf3}[data-theme=dark] .attack-popup-grid span{background:#1f3551}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@media(max-width:1100px){.glass-dashboard{grid-template-columns:1fr}.insights-rail{border-left:0;border-top:1px solid #fff;display:grid;grid-template-columns:1fr 1fr;gap:25px}.insights-rail>header{position:absolute;right:25px}.origin-section{margin:0;padding:0;border:0}.dashboard-stage{width:calc(100vw - 45px)}}@media(max-width:760px){.app-page{padding:14px}.dashboard-stage{width:100%;padding-left:20px}.glass-dashboard{border-radius:22px}.dashboard-content{padding:25px 15px 25px 35px}.floating-nav{width:54px;height:430px}.floating-nav nav a{width:38px;height:38px}.nav-divider{width:37px}.welcome-bar p{font-size:19px}.live-pill span{display:none}.filters{flex-wrap:wrap}.filters label{width:calc(50% - 5px)}.filters select{width:100%;min-width:0}.kpis{grid-template-columns:1fr 1fr}.traffic-grid{grid-template-columns:1fr}.insights-rail{grid-template-columns:1fr;padding-left:38px}.login-shell{grid-template-columns:1fr}.login-brand{display:none}}@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.settings-shell>header{align-items:flex-start;gap:15px}.recovery-card>div{grid-template-columns:1fr 1fr}}