body.srv-page{display:flex;flex-direction:column;min-height:100vh}body.srv-page #main{flex:1;display:flex;min-height:0;overflow:hidden}body.srv-page .site-foot{display:none}.srv-topbar{display:flex;align-items:center;background:var(--bg);border-bottom:1px solid var(--border);height:48px;position:sticky;top:60px;z-index:90}.srv-tabs{display:flex;align-items:stretch;height:100%;flex-shrink:0}.srv-tab{display:flex;align-items:center;gap:8px;padding:0 20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);border-right:1px solid var(--border);transition:color .15s,background .15s;white-space:nowrap;cursor:pointer}.srv-tab svg{width:14px;height:14px;flex-shrink:0}.srv-tab.active{background:var(--accent);color:var(--on-acc);border-right-color:var(--accent-d)}.srv-tab-count{display:inline-grid;place-items:center;min-width:20px;height:18px;padding:0 5px;border-radius:3px;background:rgba(0,0,0,.25);font-size:10px;font-weight:800}.srv-search{flex:1;display:flex;align-items:center;gap:10px;padding:0 20px}.srv-search svg{width:15px;height:15px;color:var(--mute);flex-shrink:0}.srv-search input{background:0 0;border:none;color:var(--text);font-size:13px;width:100%;outline:0}.srv-search input::placeholder{color:var(--mute)}.srv-main{display:flex;align-items:stretch;flex:1;min-height:0;overflow:hidden}.srv-sidebar{width:200px;flex-shrink:0;border-right:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.flt-group{border-bottom:1px solid var(--border)}.flt-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--text-2)}.flt-minus{font-size:16px;line-height:1;color:var(--mute);padding:0 2px;transition:color .15s}.flt-minus:hover{color:var(--text-2)}.flt-row{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);cursor:pointer;transition:color .12s,background .12s}.flt-row:hover{color:var(--text-2);background:var(--surface)}.flt-row.active{color:var(--text)}.flt-row.active .flt-icon{color:var(--accent)}.flt-icon{display:grid;place-items:center;width:16px;height:16px;color:var(--mute);flex-shrink:0}.flt-icon svg{width:13px;height:13px}.flt-count{margin-left:auto;font-size:11px;color:var(--mute)}.flt-spacer{flex:1}.flt-actions{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border);gap:6px}.flt-clear,.flt-refresh{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);transition:color .15s}.flt-clear svg,.flt-refresh svg{width:11px;height:11px}.flt-clear:hover,.flt-refresh:hover{color:var(--text-2)}.srv-list-wrap{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.srv-table-head{display:grid;grid-template-columns:1fr 130px 140px 110px 80px;padding:0 20px;height:36px;align-items:center;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;position:sticky;top:0;z-index:5}.srv-table-head>div{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}.srv-table-row{display:grid;grid-template-columns:1fr 130px 140px 110px 80px;padding:0 20px;min-height:62px;align-items:center;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.srv-table-row:hover{background:var(--surface)}.srv-table-row.open{background:var(--bg-2);border-bottom-color:transparent}.stc-name{display:flex;align-items:flex-start;gap:12px;padding:14px 0;min-width:0}.srv-fav{flex-shrink:0;margin-top:3px;color:var(--mute);transition:color .15s}.srv-fav:hover{color:var(--accent)}.srv-fav svg{width:15px;height:15px}.srv-name-block{min-width:0}.srv-name-text{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px}.srv-tags{display:flex;flex-wrap:wrap;gap:5px}.srv-tag{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:3px;background:var(--surface);border:1px solid var(--border-2);color:var(--text-2)}.stc-col{display:flex;align-items:center}.col-val{font-size:13px;font-weight:500;color:var(--text-2);white-space:nowrap}.col-val.accent{color:var(--accent-2);font-weight:700;font-family:'JetBrains Mono',monospace;font-size:12px}.col-val.dimmed{color:var(--mute)}.dot-online{width:7px;height:7px;background:#4ade80;border-radius:50%;display:inline-block;flex-shrink:0}.online-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4ade80;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.25);border-radius:3px;padding:3px 8px}.srv-expand{background:var(--bg-2);border-bottom:2px solid var(--border);display:none}.srv-expand.open{display:block}.srv-expand-inner{display:grid;grid-template-columns:1fr 1fr 340px;gap:0}.srv-exp-col{padding:24px 28px;border-right:1px solid var(--border)}.srv-exp-col:last-child{border-right:none}.srv-exp-head{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--mute);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.srv-kv{display:flex;flex-direction:column;gap:0}.srv-kv-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.srv-kv-row:last-child{border-bottom:none}.srv-kv-key{color:var(--text-2);flex-shrink:0}.srv-kv-val{font-weight:600;text-align:right}.srv-kv-val code{font-family:'JetBrains Mono',monospace;font-size:11px;background:var(--bg);border:1px solid var(--border-2);border-radius:3px;padding:2px 7px;color:var(--text-2)}.srv-exp-connect{padding:24px 28px;display:flex;flex-direction:column;gap:12px}.exp-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:4px}.exp-countdown>div{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 6px 10px;text-align:center}.exp-countdown b{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:32px;line-height:1}.exp-countdown span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--mute);margin-top:4px}.exp-wipe-label{font-size:11px;color:var(--text-2);margin-bottom:4px}.exp-connect{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border-2);border-radius:var(--r-sm);overflow:hidden}.exp-connect code{flex:1;padding:10px 14px;font-family:'JetBrains Mono',monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exp-connect .copy{padding:0 14px;min-height:38px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);border-left:1px solid var(--border-2);transition:background .12s,color .12s;white-space:nowrap}.exp-connect .copy:hover{background:var(--surface);color:var(--text)}.exp-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--r-sm);border:1px solid var(--border-2);color:var(--text-2);background:0 0;transition:border-color .12s,color .12s,background .12s;text-align:center}.exp-btn:hover{border-color:var(--text-2);color:var(--text)}.exp-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-acc)}.exp-btn.primary:hover{background:var(--accent-d);border-color:var(--accent-d);color:var(--on-acc)}.exp-btn svg{width:15px;height:15px;flex-shrink:0}.srv-bottombar{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 20px;background:var(--bg);border-top:1px solid var(--border);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--mute);flex-shrink:0;z-index:10}.srv-bottom-live{display:flex;align-items:center;gap:7px;color:#4ade80}@media (max-width:1024px){.srv-expand-inner{grid-template-columns:1fr 1fr}.srv-exp-col:nth-child(3){border-top:1px solid var(--border);grid-column:1/-1;border-right:none}.srv-exp-connect{border-top:1px solid var(--border);grid-column:1/-1}}@media (max-width:860px){.srv-sidebar{display:none}.srv-table-head,.srv-table-row{grid-template-columns:1fr 110px 100px}.srv-table-head>.hide-sm,.stc-col.hide-sm{display:none}}@media (max-width:600px){.srv-table-head,.srv-table-row{grid-template-columns:minmax(0,1fr) 96px}.srv-table-head>:nth-child(2),.srv-table-row>:nth-child(2){display:none}.srv-expand-inner{grid-template-columns:minmax(0,1fr)}.srv-exp-col{border-right:none;border-bottom:1px solid var(--border);padding:18px 16px;min-width:0}.srv-exp-connect{padding:18px 16px;min-width:0}.srv-kv-row{gap:12px}.srv-kv-key{flex-shrink:0}.srv-kv-val{min-width:0;text-align:right;overflow-wrap:anywhere}.srv-kv-val code{white-space:normal;word-break:break-all}.exp-connect code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srv-topbar{gap:8px}.exp-countdown{grid-template-columns:repeat(4,1fr)}}