html{background:#080b12}body{margin:0}:root{--bg:#080b12;--bg-soft:#0d111a;--panel:#101621;--panel-hover:#141b27;--border:#202938;--border-soft:#18202d;--text:#f3f6fb;--text-muted:#8d98aa;--text-dim:#626d7d;--accent:#4f8cff;--accent-soft:#4f8cff1f;--green:#32d583;--green-soft:#32d5831f;--red:#ff5c68;--red-soft:#ff5c681f;--purple:#a78bfa;--purple-soft:#a78bfa1f;--yellow:#f5c451;--shadow:0 12px 35px #00000038}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{background:radial-gradient(circle at 70% -10%, #4f8cff14, transparent 35%), var(--bg);min-height:100vh;display:flex}.sidebar{z-index:50;border-right:1px solid var(--border);background:#0a0e16;flex-direction:column;width:245px;min-height:100vh;padding:22px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:11px;padding:3px 10px 27px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#4386ff,#6b63ff);border-radius:11px;justify-content:center;align-items:center;width:39px;height:39px;display:flex;box-shadow:0 8px 22px #3f6fff40}.brand-name{letter-spacing:.12em;font-size:15px;font-weight:800;line-height:18px}.brand-subtitle{color:var(--text-muted);margin-top:2px;font-size:11px}.nav-section-title{color:var(--text-dim);letter-spacing:.12em;padding:0 12px 9px;font-size:10px;font-weight:700}.navigation{flex-direction:column;gap:4px;display:flex}.nav-item{width:100%;min-height:42px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:0 12px;transition:background .18s,color .18s,border-color .18s;display:flex}.nav-item:hover{color:var(--text);background:#ffffff09}.nav-item.active{color:#fff;background:var(--accent-soft);border-color:#4f8cff2e}.nav-item.active svg{color:var(--accent)}.sidebar-bottom{margin-top:auto}.sidebar-footer{border-top:1px solid var(--border);margin:18px 8px 2px;padding-top:15px}.footer-status{color:var(--text-muted);align-items:center;gap:7px;font-size:11px;display:flex}.version{color:var(--text-dim);margin-top:8px;font-size:10px}.main-content{width:calc(100% - 245px);min-height:100vh;margin-left:245px}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#080b12d1;justify-content:space-between;align-items:center;height:74px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:14px;display:flex}.breadcrumb{color:var(--text-dim);align-items:center;gap:4px;font-size:11px;display:flex}.topbar h1{margin:3px 0 0;font-size:17px;line-height:20px}.topbar-actions{align-items:center;gap:9px;display:flex}.icon-button,.mobile-menu-button{width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-button:hover,.mobile-menu-button:hover{color:var(--text);background:var(--panel);border-color:var(--border)}.user-menu{border-left:1px solid var(--border);align-items:center;gap:9px;margin-left:5px;padding-left:13px;display:flex}.avatar{color:#fff;background:#27334a;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.user-info{flex-direction:column;gap:2px;display:flex}.user-info strong{font-size:12px}.user-info span{color:var(--text-dim);font-size:10px}.mobile-menu-button{display:none}.content{width:100%;max-width:1480px;margin:0 auto;padding:32px 34px 50px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.page-heading h2{letter-spacing:-.025em;margin:0;font-size:22px}.page-heading p{color:var(--text-muted);margin:6px 0 0;font-size:13px}.heading-actions{align-items:center;gap:9px;display:flex}.refresh-button,.primary-button,.text-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.refresh-button{min-height:36px;color:var(--text-muted);background:var(--panel);border:1px solid var(--border);padding:0 12px;font-size:12px}.refresh-button:hover{color:var(--text);background:var(--panel-hover);border-color:#303b4d}.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent);min-height:37px;padding:0 13px;font-size:12px;font-weight:600}.primary-button:hover{background:#407eea}.text-button{color:var(--accent);background:0 0;border:0;padding:3px 0;font-size:12px;font-weight:600}.text-button:hover{color:#80aaff}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert-banner{background:var(--red-soft);border:1px solid #ff5c6840;border-radius:9px;align-items:center;gap:12px;margin-bottom:20px;padding:13px 15px;display:flex}.alert-icon{width:34px;height:34px;color:var(--red);background:#ff5c681f;border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.alert-banner strong,.alert-banner span{display:block}.alert-banner strong{font-size:12px}.alert-banner span{color:var(--text-muted);margin-top:2px;font-size:11px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);min-height:112px;box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:13px;padding:19px;display:flex}.stat-icon{border-radius:9px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-icon.blue{color:var(--accent);background:var(--accent-soft)}.stat-icon.green{color:var(--green);background:var(--green-soft)}.stat-icon.red{color:var(--red);background:var(--red-soft)}.stat-icon.purple{color:var(--purple);background:var(--purple-soft)}.stat-content{flex-direction:column;gap:5px;display:flex}.stat-content span{color:var(--text-muted);font-size:11px}.stat-content strong{letter-spacing:-.03em;font-size:25px;line-height:27px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:17px 19px;display:flex}.panel-header h3{margin:0;font-size:13px}.panel-header p{color:var(--text-dim);margin:4px 0 0;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.9fr);gap:18px;margin-bottom:18px;display:grid}.websites-panel,.security-panel{min-height:320px}.edge-panel{margin-top:18px}.domain-list{flex-direction:column;display:flex}.domain-row{border-bottom:1px solid var(--border-soft);grid-template-columns:minmax(180px,1fr) auto minmax(180px,.75fr);align-items:center;gap:15px;min-height:70px;padding:12px 19px;display:grid}.domain-row:last-child{border-bottom:0}.domain-main,.node-name{align-items:center;gap:10px;min-width:0;display:flex}.domain-main>div:last-child,.node-name>div:last-child{min-width:0}.domain-main strong,.node-name strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.domain-main small,.node-name small{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;display:block;overflow:hidden}.domain-icon,.node-icon{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.node-icon{color:var(--purple);background:var(--purple-soft)}.node-icon.large{width:40px;height:40px}.domain-protection,.feature-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.domain-protection span,.feature-badges span{color:var(--text-muted);background:#161d29;border:1px solid #252e3d;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:600}.domain-protection .attack{color:var(--red);background:var(--red-soft);border-color:#ff5c6838}.status-badge{width:max-content;color:var(--text-muted);text-transform:capitalize;background:#141a24;border:1px solid #293342;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.status-badge.healthy{color:var(--green);background:var(--green-soft);border-color:#32d58333}.status-badge.pending{color:var(--yellow);background:#f5c45114;border-color:#f5c4512e}.status-dot{background:var(--green);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 7px #32d5838c}.status-dot.offline{background:var(--red);box-shadow:0 0 7px #ff5c688c}.security-overview{text-align:center;flex-direction:column;align-items:center;padding:23px 20px 18px;display:flex}.security-ring{width:70px;height:70px;color:var(--green);background:var(--green-soft);border:1px solid #32d58333;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 8px #32d58309}.security-overview strong{margin-top:12px;font-size:14px}.security-overview>span{max-width:300px;color:var(--text-dim);margin-top:5px;font-size:10px;line-height:16px}.security-items{padding:0 18px 16px}.security-item{border-top:1px solid var(--border-soft);min-height:36px;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.toggle{background:#242c38;border-radius:20px;justify-content:flex-start;width:29px;height:17px;padding:2px;display:flex}.toggle span{background:#707b8b;border-radius:50%;width:13px;height:13px;transition:transform .2s;display:block}.toggle.on{background:#32d58340;justify-content:flex-end}.toggle.on span{background:var(--green)}.edge-table,.website-table{width:100%}.table-header,.table-row{align-items:center;gap:16px;display:grid}.edge-table .table-header,.edge-table .table-row{grid-template-columns:minmax(180px,1.2fr) minmax(100px,.7fr) minmax(150px,1fr) minmax(90px,.5fr)}.table-header{min-height:38px;color:var(--text-dim);border-bottom:1px solid var(--border-soft);letter-spacing:.08em;background:#0d121b;padding:0 19px;font-size:9px;font-weight:700}.table-row{border-bottom:1px solid var(--border-soft);min-height:64px;color:var(--text-muted);padding:9px 19px;font-size:11px}.table-row:last-child{border-bottom:0}.mono{color:#9eabc0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.website-columns{grid-template-columns:minmax(230px,1.7fr) repeat(4,minmax(85px,.7fr))}.website-table .table-row{min-height:69px}.website-table .table-row>.status-badge{justify-self:start}.edge-node-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.edge-node-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px}.edge-node-card-top{justify-content:space-between;align-items:center;display:flex}.edge-node-card h3{margin:17px 0 3px;font-size:14px}.edge-node-card>p{color:var(--text-dim);margin:0;font-size:11px}.node-details{border-top:1px solid var(--border-soft);grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;padding-top:15px;display:grid}.node-details div{min-width:0}.node-details span{color:var(--text-dim);margin-bottom:5px;font-size:9px;display:block}.node-details strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.security-hero{background:linear-gradient(90deg, #32d5830e, transparent 70%), var(--panel);border:1px solid var(--border);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;min-height:105px;margin-bottom:18px;padding:20px;display:grid}.security-hero-icon{width:54px;height:54px;color:var(--green);background:var(--green-soft);border-radius:11px;justify-content:center;align-items:center;display:flex}.security-hero>div:nth-child(2)>span{color:var(--green);letter-spacing:.08em;font-size:9px;font-weight:700}.security-hero h2{margin:4px 0;font-size:16px}.security-hero p{color:var(--text-muted);margin:0;font-size:10px}.security-hero-status{color:var(--green);background:var(--green-soft);border:1px solid #32d5832e;border-radius:6px;align-items:center;gap:7px;padding:7px 9px;font-size:10px;font-weight:600;display:flex}.security-feature-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px;display:grid}.security-feature{background:var(--panel);border:1px solid var(--border);border-radius:10px;gap:13px;padding:18px;display:flex}.security-feature-icon{width:40px;height:40px;color:var(--accent);background:var(--accent-soft);border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.security-feature-body{flex:1;min-width:0}.security-feature-body h3{margin:1px 0 5px;font-size:12px}.security-feature-body p{color:var(--text-dim);margin:0;font-size:10px;line-height:15px}.security-feature-footer{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.feature-status{color:var(--green);font-size:10px;font-weight:600}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:235px;padding:30px 20px;display:flex}.empty-icon,.feature-placeholder-icon{width:54px;height:54px;color:var(--accent);background:var(--accent-soft);border:1px solid #4f8cff24;border-radius:12px;justify-content:center;align-items:center;display:flex}.empty-state h3{margin:13px 0 4px;font-size:13px}.empty-state p{max-width:330px;color:var(--text-dim);margin:0 0 15px;font-size:10px;line-height:16px}.loading-panel{min-height:150px;color:var(--text-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.feature-placeholder{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:470px;padding:40px;display:flex}.feature-placeholder h2{margin:18px 0 6px;font-size:20px}.feature-placeholder p{max-width:450px;color:var(--text-muted);margin:0;font-size:12px}.coming-soon{color:var(--accent);background:var(--accent-soft);letter-spacing:.1em;border:1px solid #4f8cff29;border-radius:5px;margin-top:18px;padding:5px 8px;font-size:8px;font-weight:700}.mobile-overlay{display:none}@media (width<=1150px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.edge-node-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=850px){.sidebar{transition:transform .22s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.mobile-overlay{z-index:40;background:#0000008c;border:0;display:block;position:fixed;inset:0}.main-content{width:100%;margin-left:0}.mobile-menu-button{display:flex}.topbar{padding:0 20px}.content{padding:25px 20px 40px}.user-info{display:none}.user-menu{border-left:0;padding-left:5px}.domain-row{grid-template-columns:1fr auto}.domain-protection{grid-column:1/-1;justify-content:flex-start}.security-feature-grid{grid-template-columns:1fr}.website-table{overflow-x:auto}.website-table .table-header,.website-table .table-row{min-width:760px}.edge-table{overflow-x:auto}.edge-table .table-header,.edge-table .table-row{min-width:650px}}@media (width<=600px){.topbar{height:65px}.topbar h1{font-size:15px}.topbar-actions .icon-button{display:none}.content{padding:21px 14px 35px}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.heading-actions .refresh-button,.heading-actions .primary-button{flex:1}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:92px}.security-hero{grid-template-columns:auto 1fr}.security-hero-status{grid-column:1/-1;width:max-content}.edge-node-grid,.domain-row{grid-template-columns:1fr}.domain-row>.status-badge{justify-self:start}.domain-protection{grid-column:auto}.panel-header{padding:15px}}