:root{--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--maxw:1100px;--transition:200ms cubic-bezier(0.2,0.7,0.3,1)}:root,html[data-theme=dark]{--bg:#070b14;--bg-2:#0b1220;--surface:rgba(17,27,46,0.55);--surface-strong:rgba(20,31,52,0.78);--fg:#e8eef8;--fg-muted:#9fb0c6;--fg-soft:#6a7a92;--border:rgba(120,160,220,0.16);--border-strong:rgba(140,180,240,0.4);--accent:#60a5fa;--net-public:#22d3ee;--net-vpn:#fbbf24;--net-internal:#a78bfa;--danger:#f87171;--glow-2:#4ade80;--glow-pct:42%;--glow-blur:34px;--grid-line:rgba(120,170,240,0.07);--orb-opacity:0.3;--card-blur:14px;--on-accent:#04121f;color-scheme:dark}html[data-theme=light]{--bg:#eef2f9;--bg-2:#f7f9fd;--surface:rgba(255,255,255,0.72);--surface-strong:rgba(255,255,255,0.9);--fg:#14202e;--fg-muted:#4a596b;--fg-soft:#7c8a9c;--border:rgba(37,99,235,0.16);--border-strong:rgba(37,99,235,0.4);--accent:#2563eb;--net-public:#0e7490;--net-vpn:#b45309;--net-internal:#6d28d9;--danger:#dc2626;--glow-2:#16a34a;--glow-pct:22%;--glow-blur:22px;--grid-line:rgba(37,99,235,0.06);--orb-opacity:0.4;--card-blur:10px;--on-accent:#f7fbff;color-scheme:light}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--fg);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background var(--transition),color var(--transition)}a{color:var(--accent);text-decoration:none}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(1200px 700px at 75% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),radial-gradient(900px 600px at 10% 110%,color-mix(in srgb,var(--glow-2) 16%,transparent),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-2))}.bg__grid{position:absolute;inset:-2px;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 50% 35%,#000 30%,transparent 78%);-webkit-mask-image:radial-gradient(circle at 50% 35%,#000 30%,transparent 78%);animation:gridPan 28s linear infinite}@keyframes gridPan{0%{background-position:0 0,0 0}to{background-position:46px 46px,46px 46px}}.bg__orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:var(--orb-opacity);mix-blend-mode:screen;will-change:transform}.portal{max-width:var(--maxw);margin:0 auto;padding:clamp(28px,5vw,56px) clamp(18px,4vw,40px) 80px}.header{display:flex;flex-direction:column;gap:22px;margin-bottom:clamp(28px,4vw,44px)}.header__top{justify-content:space-between;gap:16px}.header__actions,.header__top{display:flex;align-items:center}.header__actions{gap:10px}.brand{display:flex;align-items:center;gap:14px}.brand__logo{width:46px;height:46px;flex:none;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 60%,transparent))}.brand__name{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:800;letter-spacing:.16em;margin:0;line-height:1;background:linear-gradient(100deg,var(--fg),var(--accent),var(--net-public));-webkit-background-clip:text;background-clip:text;color:transparent}.brand__tag{display:block;font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--fg-soft);font-weight:600;margin-top:4px}.header__intro{max-width:64ch}.header__title{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;margin:0 0 8px;font-weight:700}.header__subtitle{margin:0;color:var(--fg-muted)}.theme-toggle{position:relative;width:64px;height:34px;flex:none;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));cursor:pointer;padding:0;display:inline-flex;align-items:center;color:var(--fg-muted);transition:border-color var(--transition)}.theme-toggle:hover{border-color:var(--border-strong)}.theme-toggle__knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:linear-gradient(140deg,var(--accent),var(--net-public));color:#04121f;display:grid;place-items:center;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 55%,transparent)}.theme-toggle__icons{display:flex;width:100%;justify-content:space-between;padding:0 9px;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));color:var(--fg);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color var(--transition),color var(--transition),background var(--transition),transform var(--transition),box-shadow var(--transition)}.btn:hover{border-color:var(--border-strong);color:var(--fg)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:wait;opacity:.65}.btn--ghost{color:var(--fg-muted)}.btn--danger:hover{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.btn--cta{--net:var(--accent);border:none;color:var(--on-accent);font-weight:700;background:linear-gradient(120deg,var(--net),color-mix(in srgb,var(--net) 60%,#fff));box-shadow:0 6px 22px color-mix(in srgb,var(--net) 40%,transparent)}.btn--cta:hover{box-shadow:0 8px 28px color-mix(in srgb,var(--net) 55%,transparent)}.btn--block{width:100%}.auth-shell{min-height:calc(100vh - 12vh);display:grid;place-items:center}.auth-topbar{position:fixed;top:clamp(16px,3vw,28px);right:clamp(16px,4vw,40px);z-index:5}.auth-card{width:min(420px,100%);padding:clamp(26px,4vw,36px);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent),0 24px 70px rgba(2,8,20,.45);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--net-public),transparent);opacity:.7}.auth-card__brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.auth-card__brand .brand__logo{width:42px;height:42px}.auth-card__title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.auth-card__subtitle{margin:6px 0 24px;color:var(--fg-muted);font-size:.95rem}.form-stack{display:grid;grid-gap:16px;gap:16px}.field{display:grid;grid-gap:7px;gap:7px}.field__label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--fg-soft)}input{min-height:44px;width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--fg);font:inherit;padding:10px 14px;transition:border-color var(--transition),box-shadow var(--transition)}input::placeholder{color:var(--fg-soft)}input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.error{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding:11px 14px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.note{color:var(--fg-muted)}.card-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.card{--net:var(--accent);position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));color:var(--fg);overflow:hidden;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.card[data-access=public]{--net:var(--net-public)}.card[data-access=vpn]{--net:var(--net-vpn)}.card[data-access=internal]{--net:var(--net-internal)}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--net),transparent);opacity:.5;transition:opacity var(--transition)}.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--net) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--net) 30%,transparent),0 12px var(--glow-blur) color-mix(in srgb,var(--net) var(--glow-pct),transparent)}.card:hover:before{opacity:1}.card__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-md);color:var(--net);background:color-mix(in srgb,var(--net) 14%,transparent);border:1px solid color-mix(in srgb,var(--net) 35%,transparent)}.card__cat{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-soft);font-weight:700}.card__name{margin:0;font-size:1.18rem;font-weight:700;letter-spacing:-.01em}.card__desc{margin:0;color:var(--fg-muted);font-size:.92rem;line-height:1.5;flex:1 1}.stat-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:0 0 16px}.stat-card{--net:var(--accent);display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent);transition:border-color var(--transition),box-shadow var(--transition)}.stat-card[data-access=public]{--net:var(--net-public)}.stat-card[data-access=vpn]{--net:var(--net-vpn)}.stat-card[data-access=internal]{--net:var(--net-internal)}.stat-card:hover{border-color:color-mix(in srgb,var(--net) 45%,transparent)}.stat-card__icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border-radius:var(--radius-md);color:var(--net);background:color-mix(in srgb,var(--net) 14%,transparent);border:1px solid color-mix(in srgb,var(--net) 32%,transparent)}.stat-card__body{display:flex;flex-direction:column;gap:3px;min-width:0}.stat-card__label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--fg-soft)}.stat-card__value{font-size:1.15rem;font-weight:700;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card__detail{color:var(--fg-muted);font-size:.78rem;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.section-head{display:flex;align-items:center;gap:12px;margin:36px 0 16px}.section-head h2{margin:0;font-size:1.2rem;font-weight:700}.badge{--net:var(--accent);display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:var(--radius-pill);font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--net);background:color-mix(in srgb,var(--net) 14%,transparent);border:1px solid color-mix(in srgb,var(--net) 45%,transparent);white-space:nowrap}.badge[data-access=vpn]{--net:var(--net-vpn)}.table-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}thead th{text-align:left;padding:14px 16px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--fg-soft);background:color-mix(in srgb,var(--surface-strong) 60%,transparent);white-space:nowrap}tbody td,thead th{border-bottom:1px solid var(--border)}tbody td{padding:13px 16px;color:var(--fg);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition)}tbody tr:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}.mono,td.mono{font-family:var(--font-mono);color:var(--fg-muted);font-size:.84rem}.table-empty{text-align:center;color:var(--fg-muted);padding:36px 16px!important}.status-file{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--fg-muted)}.stale-note,.status-file{margin:0 0 16px;font-size:.86rem}.stale-note{--net:var(--net-vpn);display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--net);background:color-mix(in srgb,var(--net) 12%,transparent);border:1px solid color-mix(in srgb,var(--net) 32%,transparent);font-weight:600}.foot{margin-top:56px;text-align:center;color:var(--fg-soft);font-size:.8rem}.loader{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:var(--bg)}.loader__mark{width:84px;height:84px;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 70%,transparent))}@media (max-width:860px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.card-grid{grid-template-columns:1fr}.header__top{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.bg__grid,.bg__orb{animation:none!important}*{scroll-behavior:auto!important}}