:root{--ink:#15242c;--muted:#6d7d84;--line:#e5ecef;--blue:#2878a8;--blue-soft:#e9f5fb;--green:#14a37f;--coral:#ee765f;--navy:#102a38;--paper:#f4f7f8}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Lato,"Noto Sans SC","Microsoft YaHei",sans-serif}.hidden{display:none!important}.topbar{background:linear-gradient(120deg,#0d2633,#133b50);color:#fff;padding:26px 0 24px;border-bottom:4px solid #36a5d2}.topbar-inner{display:flex!important;align-items:center;justify-content:space-between}.eyebrow,.section-label{font-size:11px;letter-spacing:.18em;font-weight:800;color:#4d99bb;text-transform:uppercase}.topbar .eyebrow{color:#73c4e5}.topbar h1{font-size:28px;margin:3px 0 0;font-weight:800}.topbar h1 span{font-weight:300;color:#a7dbef}.top-actions{display:flex;align-items:center;gap:10px}.top-actions form{margin:0}.live-state{display:flex;align-items:center;gap:8px;margin-right:8px;font-size:13px;color:#d8f6ed}.live-state i{width:9px;height:9px;border-radius:50%;background:#38d3a3;box-shadow:0 0 0 5px rgba(56,211,163,.13);animation:pulse 2s infinite}.live-state.offline{color:#ffd7d0}.live-state.offline i{background:#f07965;box-shadow:0 0 0 5px rgba(240,121,101,.13)}@keyframes pulse{50%{box-shadow:0 0 0 8px transparent}}.dashboard{padding-top:34px;padding-bottom:46px}.hero{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.hero h2{font-size:26px;margin:5px 0}.hero p{margin:0;color:var(--muted)}.updated{font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:6px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px;box-shadow:0 7px 22px rgba(22,53,66,.045);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#dbe8ed}.metric-card.accent:after{background:var(--green)}.metric-name{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.04em}.metric-value{font-size:35px;line-height:1.1;margin:10px 0 12px;font-weight:800;color:var(--navy)}.metric-rate{font-size:25px;margin-top:16px}.metric-foot{display:flex;justify-content:space-between;gap:8px;color:#829096;font-size:12px}.metric-foot b{color:#50636c}.up,.up-text{color:var(--coral)!important}.down,.down-text{color:var(--blue)!important}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px;box-shadow:0 7px 22px rgba(22,53,66,.04)}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel-title h3{margin:4px 0 0;font-size:18px}.legend{display:flex;gap:16px;font-size:12px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:16px;height:3px;border-radius:3px;margin-right:6px;vertical-align:middle}.legend-up:before{background:var(--coral)}.legend-down:before{background:var(--blue)}.chart-wrap{height:225px;position:relative;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff,#fff 54px,#edf2f4 55px)}#speed-chart{width:100%;height:100%;overflow:visible}.upload-line,.download-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.upload-line{stroke:var(--coral)}.download-line{stroke:var(--blue)}.chart-max,.chart-zero{position:absolute;left:7px;font-size:10px;color:#8b9a9f;background:rgba(255,255,255,.8);padding:1px 3px}.chart-max{top:5px}.chart-zero{bottom:4px}.service-list>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eef2f3;font-size:13px}.service-list>div:last-child{border-bottom:0}.service-list span{color:var(--muted)}.service-list strong{font-variant-numeric:tabular-nums}.users-panel{margin-bottom:18px}.hint{font-size:12px;color:var(--muted)}.table-scroll{overflow-x:auto}.users-panel table{min-width:760px}.users-panel th{font-size:11px!important;text-transform:uppercase;letter-spacing:.05em;color:#77868c!important}.users-panel td{vertical-align:middle!important;font-size:13px}.users-panel td:first-child strong,.users-panel td:first-child code{display:block}.users-panel code{font-size:10px;margin-top:4px;color:#87959a}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.strong-cell{font-weight:800}.online-pill{display:inline-block;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700}.online-pill.online{background:#e4f7f1;color:#118567}.online-pill.offline{background:#edf1f2;color:#7e8c91}.empty-row{text-align:center!important;color:var(--muted);padding:28px!important}.log-actions{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px}.log-actions input{vertical-align:middle}.logs-panel pre{height:370px;overflow:auto;margin:0;background:#10242e;color:#cde0e8;border-radius:7px;padding:16px;font:11.5px/1.62 "SFMono-Regular",Consolas,monospace;white-space:pre-wrap;word-break:break-all}.logs-panel pre .info{color:#b8d8e5}.logs-panel pre .warn{color:#ffd178}.logs-panel pre .error{color:#ff8d7b}footer{padding:20px 0;background:#e9eff1;color:#718188;font-size:11px;text-align:center}.login-body{min-height:100vh;background:radial-gradient(circle at 20% 10%,#1b5871,#102c3b 45%,#091b24);display:flex;align-items:center;justify-content:center}.login-shell{width:100%;max-width:420px;padding:24px}.login-card{padding:34px!important;border:0!important;border-top:4px solid #3ba6d2!important;border-radius:10px!important}.brand-mark{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#e7f5fb;color:#1c7ca8;font-weight:900;letter-spacing:.05em;margin-bottom:18px}.login-card h1{font-size:23px!important;margin-bottom:28px!important}.login-card .sub.header{margin-top:6px!important}.login-note{text-align:center;color:#87969c;font-size:11px;margin:18px 0 0}.login-error{display:none}.ui.primary.button{background:#247ba7!important}.ui.primary.button:hover{background:#1d698f!important}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.chart-panel{order:1}.service-panel{order:2}}@media(max-width:600px){.topbar{padding:19px 0}.topbar-inner{align-items:flex-start}.topbar h1{font-size:22px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.live-state{width:100%;justify-content:flex-end;margin:0}.hero{align-items:flex-start;gap:14px}.updated{display:none}.hero h2{font-size:22px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px}.metric-value{font-size:29px}.metric-rate{font-size:18px}.metric-foot{display:block}.metric-foot span{display:block;margin-top:3px}.panel{padding:15px}.panel-title{gap:10px}.hint{display:none}.logs-panel pre{height:420px}.legend{gap:8px}.top-actions .ui.button{font-size:11px;padding:9px!important}}
.user-title-actions{display:flex;align-items:center;gap:15px}.users-panel table{min-width:1080px}.disabled-user{opacity:.58}.state-pill{display:inline-block;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700}.state-pill.enabled{background:#e4f7f1;color:#118567}.state-pill.disabled{background:#fff0ed;color:#b55745}.limits-cell{font-size:11px!important;color:#60737b;white-space:nowrap}.row-actions{white-space:nowrap;color:var(--muted);font-size:11px}.row-actions .ui.button{margin:2px!important}.user-dialog{width:min(760px,calc(100vw - 30px));border:0;border-radius:12px;padding:0;box-shadow:0 24px 80px rgba(7,28,38,.35);color:var(--ink)}.user-dialog::backdrop{background:rgba(8,28,38,.72);backdrop-filter:blur(3px)}.user-dialog form{padding:26px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.dialog-head h3{font-size:21px;margin:5px 0 0}.dialog-head .ui.button{font-size:24px;line-height:18px;padding:8px 11px!important}.password-row{display:flex}.password-row input{border-radius:4px 0 0 4px!important}.password-row .button{margin:0!important;border-radius:0 4px 4px 0!important}.user-dialog small{display:block;color:var(--muted);margin-top:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.dialog-actions .button{margin:0!important}#manage-message{margin:0 0 14px}.ui.toggle.checkbox input:checked~label:before{background:#14a37f!important}@media(max-width:600px){.user-title-actions{align-items:flex-end}.user-dialog form{padding:20px}.user-dialog .two.fields,.user-dialog .three.fields{display:block!important}.user-dialog .two.fields>.field,.user-dialog .three.fields>.field{width:100%!important;margin:0 0 1em!important}}
.reboot-overlay{position:fixed;inset:0;z-index:9999;background:rgba(7,25,34,.9);display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.reboot-card{width:min(430px,100%);background:#fff;border-radius:12px;padding:40px 30px;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.38)}.reboot-card h2{margin:24px 0 8px}.reboot-card p{color:var(--navy);font-weight:700}.reboot-card small{color:var(--muted)}
.alert-banner{display:flex;align-items:flex-start;gap:15px;background:linear-gradient(120deg,#b93030,#d74736);color:#fff;border-radius:9px;padding:16px 18px;margin-bottom:20px;box-shadow:0 9px 28px rgba(171,37,37,.23)}.alert-icon{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#bf302d;font-size:21px;font-weight:900}.alert-content{flex:1}.alert-content strong{font-size:15px}.alert-content #alert-list{margin-top:5px;font-size:12px;line-height:1.65;color:#ffeceb}.user-link{display:block;color:#176f98;font-weight:800}.user-link:hover{color:#0f5271;text-decoration:underline}.legend-ip:before{background:var(--green)!important}.user-detail .hero p{display:flex;align-items:center;gap:9px}.user-detail .hero code{font-size:11px;color:var(--muted)}.detail-chart-panel{margin-bottom:18px}.detail-chart-wrap{height:285px;position:relative;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff,#fff 69px,#edf2f4 70px)}#detail-chart{width:100%;height:100%;overflow:visible}.ip-line{fill:none;stroke:var(--green);stroke-width:2;stroke-dasharray:7 5;stroke-linecap:round;stroke-linejoin:round}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:7px}.detail-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;margin-bottom:18px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.alert-history-table td{font-size:12px!important}.alert-active-text{color:#c43531;font-weight:800}@media(max-width:900px){.detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.alert-banner{align-items:center;flex-wrap:wrap}.alert-content{min-width:calc(100% - 55px)}.alert-banner>.button{margin-left:49px!important}.detail-chart-wrap{height:220px}.detail-actions .button{flex:1;margin:0!important}.user-detail .metric-grid{grid-template-columns:1fr 1fr}}