:root{--bg:#030303;--panel:#0c0c0d;--panel2:#121214;--line:#28282c;--text:#f7f7f8;--muted:#929297;--red:#ff2147;--red-soft:#ff5e78;--red-deep:#a90928;--green:#73f5aa;--amber:#ffc45b;--shadow:0 22px 80px #000c;--glass:linear-gradient(135deg,#18181bcc,#09090add)}
*{scrollbar-color:#3a151e #080808}html{background:#030303}body{background:radial-gradient(circle at 80% -10%,#300712 0,#070506 32%,#030303 65%),#030303;color:var(--text);font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;letter-spacing:.01em}.shell{background:transparent}.sidebar{width:258px;background:#070707dd;border-right:1px solid #26151a;box-shadow:18px 0 80px #0008;padding:30px 19px}.brand{padding-bottom:45px}.brand-mark{background:linear-gradient(135deg,#ff1f46,#a9072b);color:#fff;border-radius:12px;box-shadow:0 0 32px #ff174455}.brand strong{font-size:14px}.brand small{color:#8f8588}.nav-item{color:#898589;border-radius:11px;padding:13px 14px}.nav-item span{color:#70666a}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,#2a0b12,#12080a);color:#fff;box-shadow:inset 3px 0 var(--red)}.nav-item.active span,.nav-item:hover span{color:var(--red)}.sidebar-foot{border-color:#26151a;color:#9f9598}.secure-dot,.live-dot{background:var(--red);box-shadow:0 0 12px var(--red)}.main{background:transparent}.topbar{border-color:#26151a;background:#050505cc;backdrop-filter:blur(18px);position:sticky;top:0;z-index:3}.eyebrow{color:var(--red);font-family:'DM Mono',monospace;letter-spacing:1.8px}.topbar h1{font-size:27px}.top-actions{gap:9px}.muted{color:#9f989b}.primary{background:linear-gradient(135deg,#ff1641,#b7072e);color:#fff;box-shadow:0 9px 30px #ff174433;padding:11px 16px}.primary:hover{filter:brightness(1.14);box-shadow:0 12px 35px #ff174455}.icon-btn,.ghost{background:#111113;border-color:#30272a;color:#e9e5e6}.icon-btn:hover,.ghost:hover{border-color:#a91d3c;color:#fff;background:#1a0c10}.content{max-width:1600px;padding-top:28px}.card{background:var(--glass);border:1px solid #2c2023;border-radius:16px;box-shadow:var(--shadow),inset 0 1px #ffffff09;backdrop-filter:blur(18px)}.glass-hover{transition:.2s}.glass-hover:hover{transform:translateY(-2px);border-color:#7a1c32;box-shadow:0 22px 60px #000b,0 0 24px #ff17441a}.kpis{gap:15px}.kpi{position:relative;overflow:hidden;padding:21px}.kpi:after{content:'';position:absolute;width:110px;height:110px;right:-55px;top:-55px;border-radius:50%;background:#ff17441c;filter:blur(10px)}.kpi-icon{color:var(--red);font-size:16px;margin-bottom:15px}.kpi-label{color:#a49da0;font-family:'DM Mono',monospace;font-size:10px}.kpi-value{font-size:32px}.kpi-foot{color:#817b7e}.good{color:var(--green)}.warn{color:var(--amber)}.bad,.red-text{color:var(--red)}.green-text{color:var(--green)}.dashboard-top{grid-template-columns:1.65fr 1fr;margin-bottom:16px}.two-col{grid-template-columns:1.35fr 1fr}.card-head{gap:15px}.card-title{font-size:15px}.card-sub{color:#8d878a;line-height:1.5}.server-list{gap:12px}.server-card{background:#0d0d0f;border-color:#292124}.server-name{font-size:14px}.server-name i{color:var(--red);margin-right:5px}.device-ip{color:#7f777b;font-family:'DM Mono',monospace;font-size:10px}.status{background:#10251a;color:var(--green);letter-spacing:.7px}.status.offline{background:#2e0e16;color:#ff6c83}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;box-shadow:0 0 8px currentColor}.server-metrics b{font-family:'DM Mono',monospace}.signal-badge{border:1px solid #692033;background:#250b12;color:#ff6b83;padding:6px 9px;border-radius:99px;font:10px 'DM Mono',monospace;white-space:nowrap}.chart-card{min-height:310px}.chart{height:230px}.large-chart{height:250px}.chart svg{overflow:visible}.chart-grid{stroke:#332327}.chart-label{fill:#85777b;font:10px 'DM Mono',monospace}.chart-line{stroke-width:2.5;filter:drop-shadow(0 0 5px #ff214766)}.second-line{opacity:.62;filter:none}.legend{font:10px 'DM Mono',monospace}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.legend-red{background:var(--red);box-shadow:0 0 8px var(--red)}.legend-soft{background:var(--red-soft)}.official-card{padding:21px}.official-card>.card-head>i,.official-card>.card-head>div:last-child{color:var(--red)}.client-downloads{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px}.client-downloads a{display:flex;align-items:center;gap:8px;color:#ddd;text-decoration:none;background:#111113;border:1px solid #2d2528;padding:11px;border-radius:9px;font-size:11px}.client-downloads a i{color:var(--red);font-size:15px;width:18px;text-align:center}.client-downloads a:hover{border-color:var(--red);background:#260b12}.device-panel{margin-top:16px}.table th{color:#8c7379;border-color:#332327;font-family:'DM Mono',monospace}.table td{border-color:#241a1e;color:#d8d1d4}.table tr:hover td{background:#180b0f}.device-cell{display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;padding:0}.device-cell b{display:block;color:#fff}.device-cell small{display:block;color:#7e7478;font:10px 'DM Mono',monospace;margin-top:4px}.device-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#260b12;color:var(--red);border:1px solid #652034}.device-avatar.large{width:48px;height:48px;font-size:20px}.pill{background:#19191b;border:1px solid #302b2d;color:#c3b9bd}.pill.enabled{background:#0e2418;border-color:#1d6338;color:var(--green)}.pill.isolated{background:#2a120e;border-color:#7e3523;color:var(--amber)}.actions{gap:5px}.icon-action{width:31px;height:29px;border:1px solid #30272a;background:#111113;color:#aa9fa2;border-radius:7px;cursor:pointer}.icon-action:hover{color:var(--red);border-color:#9b1c3c}.traffic-cell{font:11px 'DM Mono',monospace;color:#c9bfc2}.traffic-cell em{font-style:normal;color:var(--red)}.empty{border-color:#43232b;color:#958b8e;background:#0c0809}.empty-icon{font-size:24px;color:#8d273e;margin-bottom:10px}.toolbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px;gap:15px}.section-title{font-size:25px;margin:8px 0 0}.toolbar-actions{display:flex;gap:9px;align-items:center}.search-box{display:flex;align-items:center;gap:8px;border:1px solid #30272a;background:#0c0c0e;border-radius:9px;padding:0 11px;color:#786e72}.search-box input{background:none;border:0;outline:0;color:#fff;padding:10px 0;width:190px;font:12px 'Space Grotesk'}.server-grid{grid-template-columns:repeat(2,1fr)}.server-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border-top:1px solid #2c2023;border-bottom:1px solid #2c2023;padding:18px 0;margin:18px 0}.server-detail-grid span,.detail-stats span{display:block;color:#83787b;font:9px 'DM Mono',monospace;margin-bottom:6px}.server-detail-grid b,.detail-stats b{font:13px 'DM Mono',monospace;color:#eee}.server-release{color:#897d81;font:10px 'DM Mono',monospace}.server-release i{color:var(--red);margin-right:6px}.modal-backdrop{background:#000d;backdrop-filter:blur(12px)}.modal{background:linear-gradient(145deg,#171114,#090909);border-color:#652034;box-shadow:0 30px 120px #000,0 0 40px #ff174422}.modal-wide{width:min(820px,100%)}.modal h2{font-size:23px}.modal-kicker{color:var(--red);font:10px 'DM Mono',monospace;letter-spacing:1.5px;margin-bottom:10px}.modal p{color:#9c9195}.input,.textarea,.select{background:#0a0a0b;border-color:#3a292e}.input:focus,.textarea:focus,.select:focus{border-color:var(--red);box-shadow:0 0 0 3px #ff17441a}.device-detail-head{display:flex;gap:14px;align-items:center;margin-bottom:22px}.device-detail-head h2{margin:2px 0 4px}.device-detail-head p{margin:0;font:11px 'DM Mono',monospace;color:#9f9297}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 0;border-top:1px solid #332327;border-bottom:1px solid #332327}.modal-chart{margin-top:18px;padding:14px;background:#0a0a0b;box-shadow:none}.modal-actions-wrap{flex-wrap:wrap}.qr-box{background:#fff;border-radius:12px;display:grid;place-items:center;padding:22px;margin-top:17px}.qr-box img{width:min(280px,100%)}.login-card{background:linear-gradient(145deg,#171114,#090909);border-color:#652034}.login-card h2{font-size:30px}.login-card p{color:#9f9297}.login-mark{margin-bottom:22px}.login-submit{font-family:'Space Grotesk'}.login-error{color:#ff6b83}.toast{background:#1d0a0f;border-color:#9b1c3c;color:#fff}.toast.error{border-color:#c33251}.audit-row{border-color:#332327}.audit-action{color:#eee}.audit-action i{color:var(--red);margin-right:6px}.audit-detail{color:#8c8085}.audit-time{font:10px 'DM Mono',monospace;color:#897d81}.live-strip{display:flex;align-items:center;gap:10px;border:1px solid #4d1b28;background:#18090e;color:#9e8d92;border-radius:10px;padding:10px 13px;margin-bottom:16px;font:10px 'DM Mono',monospace}.live-strip b{color:#ff5c76}.strip-time{margin-left:auto;color:#776a70}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 10px var(--red)}.check-label{display:flex!important;align-items:center;gap:8px}.check-label input{accent-color:var(--red)}
@media(max-width:1050px){.dashboard-top{grid-template-columns:1fr}.server-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sidebar{padding:12px}.brand{padding-bottom:16px}.brand small{display:none}.sidebar nav{gap:5px}.nav-item{min-width:116px;padding:10px}.nav-item span{width:20px}.topbar{padding:18px 16px}.topbar h1{font-size:22px}.top-actions{flex-wrap:wrap}.top-actions .muted{order:5;width:100%}.content{padding:18px 14px 50px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:15px}.kpi-value{font-size:23px}.kpi-foot{font-size:10px}.two-col,.server-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar-actions{flex-direction:column;align-items:stretch}.search-box input{width:100%}.client-downloads{grid-template-columns:1fr 1fr}.table{min-width:720px}.table-wrap{margin:0 -4px}.detail-stats{grid-template-columns:repeat(2,1fr)}.modal{padding:20px}.modal-actions-wrap>*{flex:1}.live-strip{align-items:flex-start;flex-wrap:wrap}.strip-time{margin-left:0;width:100%}.chart{height:190px}.large-chart{height:210px}}
.pill.tunnel-full{background:#201018;border-color:#6b263c;color:#ff8395}.pill.tunnel-split{background:#101d27;border-color:#285b77;color:#79cfff}.pill.tunnel-custom{background:#241b0d;border-color:#795b22;color:var(--amber)}