:root{--bg:oklch(.13 .01 285);--bg2:oklch(.18 .012 285);--bg3:oklch(.22 .014 285);--bg4:oklch(.26 .016 285);--border:oklch(1 0 0 / 9%);--border-strong:oklch(1 0 0 / 16%);--text:oklch(.95 .005 285);--text2:oklch(.68 .012 285);--text3:oklch(.48 .012 285);--accent:oklch(.62 .14 303);--accent-fill:oklch(.62 .14 303 / 14%);--accent-dim:oklch(.5 .12 303);--l5:oklch(.58 .02 285);--l4:oklch(.62 .14 303);--l3:oklch(.64 .15 250);--l2:oklch(.7 .15 55);--l1:oklch(.78 .13 90);--ok:oklch(.72 .15 145);--warn:oklch(.75 .15 70);--crit:oklch(.62 .2 25);--lime:oklch(.796 .163 116.8);--magenta:oklch(.6 .18 347.5);--radius:10px;--mono:ui-monospace,"SF Mono","Cascadia Code","JetBrains Mono",Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}:root[data-theme=light]{--bg:oklch(.97 .004 285);--bg2:oklch(1 0 0);--bg3:oklch(.94 .006 285);--bg4:oklch(.9 .008 285);--border:oklch(0 0 0 / 9%);--border-strong:oklch(0 0 0 / 16%);--text:oklch(.2 .01 285);--text2:oklch(.44 .01 285);--text3:oklch(.58 .01 285);--accent:oklch(.46 .13 303);--accent-fill:oklch(.46 .13 303 / 10%);--accent-dim:oklch(.38 .11 303)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg:oklch(.97 .004 285);--bg2:oklch(1 0 0);--bg3:oklch(.94 .006 285);--bg4:oklch(.9 .008 285);--border:oklch(0 0 0 / 9%);--border-strong:oklch(0 0 0 / 16%);--text:oklch(.2 .01 285);--text2:oklch(.44 .01 285);--text3:oklch(.58 .01 285);--accent:oklch(.46 .13 303);--accent-fill:oklch(.46 .13 303 / 10%);--accent-dim:oklch(.38 .11 303)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13.5px;line-height:1.5}.mono{font-family:var(--mono)}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit;color:inherit;background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:8px 10px;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent)}.app{display:flex;height:100vh;width:100vw}.sidebar{width:248px;flex:none;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:9px;padding:18px 18px 14px}.sidebar__brand .dot{width:11px;height:11px;border-radius:3px;background:linear-gradient(135deg,var(--accent),var(--l3));flex:none}.sidebar__brand .name{font-weight:700;font-size:15px;letter-spacing:.01em}.sidebar__brand .name span{color:var(--accent)}.sidebar__brand .sub{font-size:10px;color:var(--text3);margin-top:1px}.nav-scroll{flex:1;padding:6px 12px}.nav-section{margin-bottom:4px}.nav-section__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border-radius:7px;background:transparent;border:none;font-size:13px;color:var(--text2);margin-bottom:1px;text-decoration:none}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:var(--accent-fill);color:var(--accent);font-weight:600}.nav-item .ic{width:16px;text-align:center;font-size:13px;flex:none}.nav-item .badge{margin-left:auto;font-size:9px;padding:1px 6px;border-radius:99px;background:var(--bg4);color:var(--text3);font-weight:600}.nav-item--disabled{color:var(--text3);cursor:default}.nav-item--disabled .badge{background:var(--warn);color:#221200;color:oklch(.2 .05 70)}.sidebar__footer{padding:12px;border-top:1px solid var(--border)}.footer-hint{font-size:10.5px;color:var(--text3);padding:8px 10px;line-height:1.5}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:56px;flex:none;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg2)}.topbar__title{font-size:15px;font-weight:700}.topbar__crumb{font-size:11px;color:var(--text3)}.topbar__right{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{width:32px;height:32px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:14px}.avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--l3));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.content{flex:1;overflow-y:auto;padding:22px 26px 60px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.page-head h1{font-size:19px;font-weight:700}.page-head p{font-size:12px;color:var(--text3);margin-top:3px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg3);font-size:12.5px;font-weight:500}.btn:hover{background:var(--bg4)}.btn--accent{background:var(--accent-fill);border-color:color-mix(in oklch,var(--accent) 45%,transparent);color:var(--accent)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.kpi{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.kpi .l{font-size:10.5px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.kpi .v{font-size:24px;font-weight:700;font-family:var(--mono);display:flex;align-items:baseline;gap:6px}.kpi .v .u{font-size:12px;color:var(--text3);font-weight:500}.kpi .d{font-size:11px;margin-top:5px}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:14px}.grid3{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:14px;margin-bottom:14px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:14px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card__head h3{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text2)}.card__head a{font-size:11px;color:var(--accent);cursor:pointer}.top-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.top-row:last-child{border-bottom:none}.top-row .rank{width:16px;font-size:11px;color:var(--text3);font-family:var(--mono)}.top-row .info{flex:1;min-width:0}.top-row .asn{font-family:var(--mono);font-size:12px;font-weight:700}.top-row .name{font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-row .val{width:66px;text-align:right;font-family:var(--mono);font-size:11.5px;font-weight:600}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:600}.pill--l5{background:color-mix(in oklch,var(--l5) 18%,transparent);color:var(--l5)}.pill--l4{background:color-mix(in oklch,var(--l4) 18%,transparent);color:var(--l4)}.pill--l3{background:color-mix(in oklch,var(--l3) 20%,transparent);color:var(--l3)}.pill--l2{background:color-mix(in oklch,var(--l2) 20%,transparent);color:var(--l2)}.pill--l1{background:color-mix(in oklch,var(--l1) 20%,transparent);color:var(--l1)}.pill--ok{background:color-mix(in oklch,var(--ok) 18%,transparent);color:var(--ok)}.pill--warn{background:color-mix(in oklch,var(--warn) 20%,transparent);color:var(--warn)}.pill--crit{background:color-mix(in oklch,var(--crit) 18%,transparent);color:var(--crit)}.pill--muted{background:var(--bg4);color:var(--text3)}.table-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.chip{padding:5px 11px;border-radius:7px;font-size:11.5px;border:1px solid var(--border);color:var(--text2);background:var(--bg3);cursor:pointer}.chip.active{background:var(--accent-fill);border-color:color-mix(in oklch,var(--accent) 45%,transparent);color:var(--accent);font-weight:600}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);padding:10px 14px;border-bottom:1px solid var(--border);font-weight:600;white-space:nowrap}td{padding:11px 14px;border-bottom:1px solid var(--border);font-size:12.5px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg3)}.asn-cell{display:flex;align-items:center;gap:9px}.asn-cell .sw{width:3px;height:26px;border-radius:2px;flex:none}.asn-cell b{font-family:var(--mono);font-size:12.5px;display:block}.asn-cell span{font-size:11px;color:var(--text3)}.icon-mini{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);background:transparent;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.icon-mini:hover{background:var(--bg4)}.row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end}.icon-mini--danger:hover{background:color-mix(in oklch,var(--crit) 18%,transparent);border-color:color-mix(in oklch,var(--crit) 45%,transparent);color:var(--crit)}.aspath{font-family:var(--mono);font-size:10.5px;color:var(--text3);display:flex;align-items:center;gap:3px;flex-wrap:wrap}.aspath .hop{background:var(--bg4);padding:1px 6px;border-radius:4px}.aspath .hop--self{background:var(--accent-fill);color:var(--accent);font-weight:700}.aspath .hop--loop{background:color-mix(in oklch,var(--crit) 25%,transparent);color:var(--crit);font-weight:700}.provider-header{padding:9px 14px;background:var(--bg3);font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.04em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{position:relative;background:var(--bg2);border:1px solid var(--border-strong);border-radius:12px;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;padding:20px}.modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:1}.modal-close:hover{background:var(--bg4);color:var(--text)}.modal h2{font-size:15px;font-weight:700;margin-bottom:4px;padding-right:28px}.modal .sub{font-size:11.5px;color:var(--text3);margin-bottom:16px}.field{margin-bottom:13px}.field label{font-size:11px;color:var(--text2);font-weight:600;display:block;margin-bottom:5px}.field-row{display:flex;gap:10px}.field-row .field{flex:1}.whois-row{display:flex;gap:8px}.whois-row input{flex:1}.whois-btn{white-space:nowrap;padding:8px 12px;border-radius:7px;border:1px solid color-mix(in oklch,var(--accent) 40%,transparent);background:var(--accent-fill);color:var(--accent);font-size:12px;font-weight:600}.whois-btn:disabled{opacity:.6}.whois-result{margin-top:8px;padding:8px 10px;border-radius:7px;font-size:11.5px}.whois-detail{margin-top:10px;padding:10px 12px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);font-size:11.5px;display:grid;grid-template-columns:1fr 1fr;gap:7px 16px}.whois-detail .full{grid-column:1 / -1}.whois-detail dt{color:var(--text3);font-weight:600;text-transform:uppercase;font-size:9.5px;letter-spacing:.04em;margin-bottom:1px}.whois-detail dd{color:var(--text)}.blocks-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.blocks-section .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.blocks-section .head b{font-size:12px}.blocks-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.blocks-list .pill{gap:7px}.blocks-list .pill button{background:none;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.7;padding:0}.blocks-list .pill button:hover{opacity:1}.blocks-add-row{display:flex;gap:8px}.blocks-add-row input{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 24px;color:var(--text3)}.empty-state .ic{font-size:32px;margin-bottom:12px;opacity:.6}.empty-state h3{font-size:14px;color:var(--text2);margin-bottom:6px}.empty-state p{font-size:12px;max-width:420px}.future-hero{text-align:center;padding:50px 20px 30px}.future-hero .tag{display:inline-flex;align-items:center;gap:6px;background:var(--warn);color:#221200;color:oklch(.2 .05 70);font-size:10.5px;font-weight:700;padding:4px 12px;border-radius:99px;margin-bottom:14px;text-transform:uppercase;letter-spacing:.05em}.future-hero h2{font-size:20px;margin-bottom:8px}.future-hero p{font-size:12.5px;color:var(--text3);max-width:480px;margin:0 auto}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;opacity:.5;filter:grayscale(.4)}.future-card{background:var(--bg2);border:1px dashed var(--border-strong);border-radius:var(--radius);padding:16px}.future-card .ic{font-size:20px;margin-bottom:8px}.future-card b{font-size:12.5px;display:block;margin-bottom:4px}.future-card p{font-size:11px;color:var(--text3)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:40px;width:100%;max-width:360px;text-align:center}.login-card .dot{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--l3));margin:0 auto 16px}.login-card h1{font-size:19px;margin-bottom:6px}.login-card p{font-size:12.5px;color:var(--text3);margin-bottom:24px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:5px}::-webkit-scrollbar-track{background:transparent}@media (max-width:980px){.kpis{grid-template-columns:repeat(2,1fr)}.grid2,.grid3,.future-grid{grid-template-columns:1fr}}@keyframes flow-dash{to{stroke-dashoffset:-24}}.flow-path{animation:flow-dash linear infinite}@media (prefers-reduced-motion: reduce){.flow-path{animation:none}}