@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600;700;800&display=swap");:root{--bg:#08080c;--sf:#0f0f16;--sf2:#16161f;--sf3:#1e1e2a;--bd:#252535;--bdh:#333348;--tx:#e4e4f0;--txd:#8585a0;--txm:#505068;--ac:#f48120;--acd:rgba(244,129,32,0.12);--acg:rgba(244,129,32,0.25);--gn:#22c55e;--gnd:rgba(34,197,94,0.12);--rd:#ef4444;--rdd:rgba(239,68,68,0.12);--bl:#3b82f6;--bld:rgba(59,130,246,0.12);--yl:#eab308;--yld:rgba(234,179,8,0.12);--pr:#a855f7;--prd:rgba(168,85,247,0.12);--pk:#ec4899;--pkd:rgba(236,72,153,0.12);--tl:#14b8a6;--tld:rgba(20,184,166,0.12);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--tx);overflow:hidden}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--bd);border-top-color:var(--ac);border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle}.skeleton{background:linear-gradient(90deg,var(--sf2) 25%,var(--sf3) 50%,var(--sf2) 75%);background-size:200% 100%;animation:shimmer 1.8s infinite;border-radius:6px;height:18px}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 25% 15%,rgba(244,129,32,.04) 0,transparent 55%),radial-gradient(ellipse at 75% 85%,rgba(59,130,246,.03) 0,transparent 55%),var(--bg)}.login-box{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:52px 44px;width:100%;max-width:460px;animation:fadeUp .5s ease;position:relative;overflow:hidden}.login-box:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--ac),transparent);border-radius:2px}.login-box h1{font-size:26px;font-weight:800;margin-bottom:6px;letter-spacing:-.5px}.login-box h1 em{font-style:normal;color:var(--ac)}.login-box .sub{color:var(--txd);font-size:14px;line-height:1.6;margin-bottom:32px}.flbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--txm);margin-bottom:8px;display:block}.tinp{width:100%;padding:13px 16px;border-radius:10px;border:1px solid var(--bd);background:var(--sf2);color:var(--tx);font-family:var(--mono);font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.tinp:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--acd)}.tinp::placeholder{color:var(--txm)}.hint{font-size:11px;color:var(--txm);margin-top:10px;line-height:1.6}.btn-main{width:100%;padding:14px;border-radius:10px;border:none;background:var(--ac);color:#fff;font-family:var(--sans);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;margin-top:28px}.btn-main:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 8px 24px rgba(244,129,32,.2)}.btn-main:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.err-box{margin-top:16px;padding:12px 14px;border-radius:8px;background:var(--rdd);border:1px solid rgba(239,68,68,.25);color:var(--rd);font-size:13px;display:flex;align-items:center;gap:8px}.dashboard{display:none;height:100vh;flex-direction:column}.dashboard.vis{display:flex}.topbar{justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--bd);background:var(--sf);flex-shrink:0}.topbar,.topbar-l{display:flex;align-items:center}.topbar-l{gap:14px}.topbar h2{font-size:17px;font-weight:800;letter-spacing:-.3px}.topbar h2 em{font-style:normal;color:var(--ac)}.cnt{font-family:var(--mono);font-size:11px;font-weight:500;padding:4px 12px;border-radius:20px;background:var(--acd);color:var(--ac)}.btn-sm{background:var(--sf2);border:1px solid var(--bd);border-radius:8px;color:var(--txd);padding:7px 12px;cursor:pointer;font-family:var(--sans);font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .15s}.btn-sm:hover{color:var(--tx);border-color:var(--bdh)}.shell{display:flex;flex:1 1;min-height:0}.sidebar{width:300px;border-right:1px solid var(--bd);background:var(--sf);display:flex;flex-direction:column;flex-shrink:0}.sidebar-hd{padding:16px 14px 10px}.sidebar-hd h4{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--txm);margin-bottom:10px}.srch{display:flex;align-items:center;gap:8px;background:var(--sf2);border:1px solid var(--bd);border-radius:8px;padding:7px 12px}.srch input{border:none;background:transparent;color:var(--tx);font-family:var(--sans);font-size:13px;outline:none;width:100%}.srch input::placeholder{color:var(--txm)}.srch svg{color:var(--txm);flex-shrink:0}.zlist{flex:1 1;overflow-y:auto;padding:6px 8px}.zlist::-webkit-scrollbar{width:4px}.zlist::-webkit-scrollbar-thumb{background:var(--bd);border-radius:4px}.zi{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .12s;border:1px solid transparent;margin-bottom:2px}.zi:hover{background:var(--sf2)}.zi.sel{border-color:var(--bd)}.zi.sel,.zico{background:var(--sf3)}.zico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--ac);flex-shrink:0}.zi.sel .zico{background:var(--acd)}.zinf{flex:1 1;min-width:0}.zn{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zm{font-size:11px;color:var(--txm);display:flex;align-items:center;gap:5px;margin-top:2px}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dok{background:var(--gn)}.dwt{background:var(--yl)}.dof{background:var(--txm)}.main{overflow:hidden}.main,.mblank{flex:1 1;display:flex;flex-direction:column}.mblank{align-items:center;justify-content:center;gap:12px;color:var(--txm);font-size:14px}.mblank svg{opacity:.2}.tbar{border-bottom:1px solid var(--bd);padding:0 24px;background:var(--sf);flex-shrink:0}.tbar,.tbtn{display:flex}.tbtn{padding:13px 20px;font-size:13px;font-weight:600;cursor:pointer;color:var(--txd);border:none;border-bottom:2px solid transparent;background:none;font-family:var(--sans);transition:all .15s;align-items:center;gap:7px}.tbtn:hover{color:var(--tx)}.tbtn.on{color:var(--ac);border-bottom-color:var(--ac)}.pane{flex:1 1;overflow-y:auto;padding:20px 24px}.pane::-webkit-scrollbar{width:5px}.pane::-webkit-scrollbar-thumb{background:var(--bd);border-radius:4px}.dtbl{width:100%;border-collapse:collapse}.dtbl th{text-align:left;padding:10px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--txm);position:-webkit-sticky;position:sticky;top:0;background:var(--bg);z-index:1}.dtbl td,.dtbl th{border-bottom:1px solid var(--bd)}.dtbl td{padding:9px 14px;font-size:13px;vertical-align:middle}.dtbl tbody tr{transition:background .1s}.dtbl tbody tr:hover{background:var(--sf)}.tb{font-family:var(--mono);font-size:10px;font-weight:500;padding:3px 8px;border-radius:4px;display:inline-block;letter-spacing:.5px}.tA{background:var(--acd);color:var(--ac)}.tAAAA{background:var(--bld);color:var(--bl)}.tCNAME{background:var(--gnd);color:var(--gn)}.tMX{background:var(--prd);color:var(--pr)}.tTXT{background:var(--pkd);color:var(--pk)}.tNS{background:var(--yld);color:var(--yl)}.tSRV{background:var(--tld);color:var(--tl)}.toth{background:var(--sf3)}.mono,.toth{color:var(--txd)}.mono{font-family:var(--mono);font-size:12px}.pp{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 9px;border-radius:4px;font-weight:600}.pon{background:var(--acd);color:var(--ac)}.poff{background:var(--sf3);color:var(--txm)}.trunc{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--sf);border:1px solid var(--bd);border-radius:12px;padding:24px;margin-bottom:20px;animation:fadeUp .35s ease}.card h3{font-size:16px;font-weight:800;margin-bottom:4px;display:flex;align-items:center;gap:8px}.card>p{font-size:13px;color:var(--txd);margin-bottom:20px;line-height:1.6}.scrow{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sc{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid var(--bd);background:var(--sf2);color:var(--txd);font-family:var(--sans)}.sc:hover{border-color:var(--bdh);color:var(--tx)}.sc.on{border-color:var(--ac);background:var(--acd);color:var(--ac)}.sc:disabled{opacity:.4;cursor:not-allowed}.chk{gap:8px;margin-bottom:18px;cursor:pointer}.chk,.chkb{display:flex;align-items:center}.chkb{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--bd);background:var(--sf2);justify-content:center;transition:all .15s;flex-shrink:0}.chkb.on{background:var(--ac);border-color:var(--ac)}.chk span{font-size:13px;color:var(--txd)}.ipr{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.ipc{flex:1 1;min-width:180px}.ipc label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--txm);display:block;margin-bottom:6px}.ipc input{width:100%;padding:11px 14px;border-radius:8px;border:1px solid var(--bd);background:var(--sf2);color:var(--tx);font-family:var(--mono);font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.ipc input:focus{border-color:var(--ac);box-shadow:0 0 0 3px var(--acd)}.bta{padding:11px 22px;border-radius:8px;border:none;background:var(--ac);color:#fff;font-family:var(--sans);font-size:13px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .15s;white-space:nowrap}.bta:hover{filter:brightness(1.1)}.bta:disabled{opacity:.45;cursor:not-allowed}.bta.sec{background:var(--sf3);color:var(--tx);border:1px solid var(--bd)}.bta.sec:hover{border-color:var(--bdh)}.afl{margin-top:16px;max-height:340px;overflow-y:auto;border:1px solid var(--bd);border-radius:10px}.afl::-webkit-scrollbar{width:4px}.afl::-webkit-scrollbar-thumb{background:var(--bd);border-radius:4px}.afr{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--bd);font-size:12px}.afr:last-child{border-bottom:none}.afz{font-weight:700;min-width:130px;font-size:13px}.afn{color:var(--txd);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.afi,.afn{font-family:var(--mono)}.afi{color:var(--ac);min-width:110px}.afs{display:flex;align-items:center;gap:4px;min-width:80px;justify-content:flex-end;font-weight:600}.sok{color:var(--gn)}.ser{color:var(--rd)}.swt{color:var(--txm)}.pgb{width:100%;height:4px;background:var(--sf3);margin-top:16px;overflow:hidden}.pgb,.pgf{border-radius:2px}.pgf{height:100%;background:var(--ac);transition:width .25s}.wbx{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:10px;font-size:13px;line-height:1.6;margin-top:16px;background:var(--yld);border:1px solid rgba(234,179,8,.2);color:var(--yl)}.wbx svg{flex-shrink:0;margin-top:2px}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeUp .25s ease}.confirm-modal{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:32px;width:100%;max-width:520px;position:relative;animation:fadeUp .3s ease}.ver-badge{font-family:var(--mono);font-size:10px;padding:3px 8px;border-radius:4px;background:var(--sf3);color:var(--txm)}.app-nav{display:flex;gap:8px;align-items:center}.nav-link{padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;color:var(--txd);text-decoration:none;border:1px solid var(--bd);background:var(--sf2);transition:all .15s}.nav-link:hover{color:var(--tx);border-color:var(--bdh)}.nav-link.on{color:var(--ac);border-color:var(--ac);background:var(--acd)}.app-main{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dash-page{flex:1 1;overflow-y:auto}.shell-dns{flex:1 1;min-height:0}.topbar{flex-wrap:wrap;gap:10px}.pane-overview{padding:16px 20px}.dash-wrap{max-width:100%}.dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:320px;color:var(--txd)}.dash-toolbar{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px}.dash-title{font-size:18px;font-weight:800}.dash-sub{font-size:12px;color:var(--txd);margin-top:4px}.dash-toolbar-r{display:flex;align-items:center;gap:10px}.dash-select{padding:8px 12px;border-radius:8px;border:1px solid var(--bd);background:var(--sf2);color:var(--tx);font-family:var(--sans);font-size:13px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px;margin-bottom:20px}.kpi-card{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:14px 16px}.kpi-lbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--txm);display:block}.kpi-val{font-size:22px;font-weight:800;display:block;margin-top:4px;letter-spacing:-.5px}.kpi-sub{font-size:11px;color:var(--txd);margin-top:2px;display:block}.dash-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:20px}@media (max-width:900px){.dash-grid-2{grid-template-columns:1fr}}.chart-bars{display:flex;align-items:flex-end;gap:8px;height:160px;padding-top:8px}.chart-col{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:28px}.chart-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--ac),rgba(244,129,32,.4));border-radius:4px 4px 0 0;margin-top:auto;min-height:4px}.chart-lbl{font-size:10px;color:var(--txm);margin-top:6px}.cache-split{margin-top:8px}.cache-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--sf3)}.cache-fill.cached{background:var(--gn)}.cache-fill.uncached{background:var(--ac)}.cache-legend{display:flex;gap:20px;margin-top:12px;font-size:12px;color:var(--txd)}.cache-legend span{display:flex;align-items:center;gap:6px}.dash-table-hd{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.dash-table-hd h3{margin-bottom:0}.dash-tbl .zone-mini-bar{height:3px;background:var(--sf3);border-radius:2px;margin-top:6px;max-width:120px}.zone-mini-fill{height:100%;background:var(--ac);border-radius:2px}.dash-modal{max-width:640px;max-height:90vh;overflow-y:auto}.dash-settings{font-family:var(--mono);font-size:11px;background:var(--sf2);padding:12px;border-radius:8px;overflow:auto;max-height:200px;margin-bottom:16px;color:var(--txd)}@media (max-width:800px){.shell{flex-direction:column}.sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--bd)}.ipr{flex-direction:column}.topbar{padding:12px 16px}.pane{padding:16px}.login-box{margin:16px;padding:36px 28px}}