body{--desktop: #1b2b40;--face: #3c3c3c;--hilight: #6a6a6a;--light: #3c3c3c;--shadow: #202020;--dkshadow: #0e0e0e;--window: #1e1e1e;--window-alt: #252525;--text: #e8e8e8;--text-muted: #b4b4b4;--gray-text: #808080;--gray-text-shadow: transparent;--title-a: #0a246a;--title-b: #3a6ea5;--title-text: #ffffff;--title-off-a: #2a2a2a;--title-off-b: #505050;--title-off-text: #a8a8a8;--select-bg: #0a246a;--select-text: #ffffff;--bar: #4a8af0;--bar-hot: #e04848;--online: #3ccb5a;--offline: #ff5a5a;--tip-bg: #ffffe1;--tip-text: #000000;--link: #8ab4ff;--link-hover: #ffb0b0;--row-line: #2c2c2c;--dither-a: #4a4a4a;--dither-b: #3c3c3c;--overlay: rgba(0, 0, 0, .45);--graph-bg: #000000;--graph-grid: #008040;--graph-axis: #9fd9a8;--accent-green: #3ccb5a;--accent-blue: #6fa8ff;--accent-yellow: #e0b040;--accent-red: #ff5a5a;--accent-cyan: #40d0d0;--accent-purple: #c090ff;--text-primary: var(--text);--border-color: var(--shadow);color-scheme:dark}body.light{--desktop: #3a6ea5;--face: #d4d0c8;--hilight: #ffffff;--light: #d4d0c8;--shadow: #808080;--dkshadow: #404040;--window: #ffffff;--window-alt: #f4f4f4;--text: #000000;--text-muted: #404040;--gray-text: #808080;--gray-text-shadow: #ffffff;--title-a: #0a246a;--title-b: #a6caf0;--title-text: #ffffff;--title-off-a: #808080;--title-off-b: #c0c0c0;--title-off-text: #d4d0c8;--select-bg: #0a246a;--select-text: #ffffff;--bar: #0a246a;--bar-hot: #a00000;--online: #00b000;--offline: #c00000;--tip-bg: #ffffe1;--tip-text: #000000;--link: #0000ff;--link-hover: #ff0000;--row-line: #e8e8e8;--dither-a: #ffffff;--dither-b: #d4d0c8;--overlay: rgba(0, 0, 0, .15);--graph-bg: #000000;--graph-grid: #008040;--graph-axis: #404040;--accent-green: #007a00;--accent-blue: #0a246a;--accent-yellow: #a06a00;--accent-red: #c00000;--accent-cyan: #007878;--accent-purple: #6a2a9a;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--desktop);color:var(--text);font-family:Tahoma,SimSun,宋体,Microsoft YaHei,PingFang SC,sans-serif;font-size:12px;line-height:1.35}a{color:var(--link)}a:hover{color:var(--link-hover)}button,input,select{font:inherit;color:inherit}img{image-rendering:auto}u.ak{text-decoration:underline}.raised{background:var(--face);border:1px solid;border-color:var(--hilight) var(--dkshadow) var(--dkshadow) var(--hilight);box-shadow:inset -1px -1px var(--shadow),inset 1px 1px var(--light)}.sunken{background:var(--window);border:1px solid;border-color:var(--shadow) var(--hilight) var(--hilight) var(--shadow);box-shadow:inset 1px 1px var(--dkshadow),inset -1px -1px var(--light)}.thin-sunken{border:1px solid;border-color:var(--shadow) var(--hilight) var(--hilight) var(--shadow)}.thin-raised{border:1px solid;border-color:var(--hilight) var(--shadow) var(--shadow) var(--hilight)}.win{background:var(--face);border:1px solid;border-color:var(--light) var(--dkshadow) var(--dkshadow) var(--light);box-shadow:inset 1px 1px var(--hilight),inset -1px -1px var(--shadow);padding:3px}.title-bar{display:flex;align-items:center;gap:4px;height:18px;padding:0 2px 0 3px;background:linear-gradient(90deg,var(--title-a),var(--title-b));color:var(--title-text);font-weight:700;font-size:11px;-webkit-user-select:none;user-select:none}.title-bar.inactive{background:linear-gradient(90deg,var(--title-off-a),var(--title-off-b));color:var(--title-off-text)}.title-bar-text{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.title-bar-icon{width:16px;height:16px;flex-shrink:0}.title-btn{height:14px;min-width:16px;padding:0 3px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;color:var(--text);background:var(--face);border:1px solid;border-color:var(--hilight) var(--dkshadow) var(--dkshadow) var(--hilight);box-shadow:inset -1px -1px var(--shadow),inset 1px 1px var(--light);cursor:pointer;text-decoration:none}.title-btn:hover{color:var(--text)}.title-btn:active{border-color:var(--dkshadow) var(--hilight) var(--hilight) var(--dkshadow);box-shadow:inset 1px 1px var(--shadow),inset -1px -1px var(--light)}.title-btn svg{display:block}.btn{min-width:75px;min-height:23px;padding:0 10px;background:var(--face);color:var(--text);border:1px solid;border-color:var(--hilight) var(--dkshadow) var(--dkshadow) var(--hilight);box-shadow:inset -1px -1px var(--shadow),inset 1px 1px var(--light);cursor:pointer}.btn:active:not(:disabled){border-color:var(--dkshadow) var(--hilight) var(--hilight) var(--dkshadow);box-shadow:inset 1px 1px var(--shadow),inset -1px -1px var(--light);padding:1px 9px 0 11px}.btn.default{outline:1px solid var(--dkshadow);outline-offset:0}.btn:focus-visible,.tool-btn:focus-visible,.tab:focus-visible{outline:1px dotted var(--text);outline-offset:-4px}.btn:disabled{color:var(--gray-text);text-shadow:1px 1px var(--gray-text-shadow);cursor:default}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:1px;padding:2px 2px 3px;border-bottom:1px solid var(--shadow);box-shadow:0 1px var(--hilight)}.tool-btn{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;background:transparent;border:1px solid transparent;color:var(--text);cursor:pointer;white-space:nowrap;text-decoration:none}.tool-btn:hover:not(.active):not(.disabled){border-color:var(--hilight) var(--shadow) var(--shadow) var(--hilight);color:var(--text)}.tool-btn:active:not(.disabled),.tool-btn.active{border-color:var(--shadow) var(--hilight) var(--hilight) var(--shadow)}.tool-btn.active{background:repeating-conic-gradient(var(--dither-a) 0 25%,var(--dither-b) 0 50%) 0 0 / 2px 2px}.tool-btn.disabled{color:var(--gray-text);text-shadow:1px 1px var(--gray-text-shadow)}.tool-btn svg{flex-shrink:0}.tool-sep{width:2px;align-self:stretch;margin:2px 4px;border-left:1px solid var(--shadow);border-right:1px solid var(--hilight)}.tool-label{padding:0 4px;white-space:nowrap}.groupbox{margin:0;min-width:0;padding:8px 10px 10px;border:1px solid var(--shadow);box-shadow:inset 1px 1px var(--hilight),1px 1px var(--hilight)}.groupbox>legend{padding:0 3px;margin-left:2px;background:var(--face)}.tabs{display:flex;align-items:flex-end;flex-wrap:wrap;padding-left:2px;position:relative;z-index:1}.tab{display:inline-flex;align-items:center;gap:5px;height:20px;margin-top:2px;padding:0 8px;background:var(--face);color:var(--text);border:1px solid;border-color:var(--hilight) var(--dkshadow) transparent var(--hilight);box-shadow:inset -1px 0 var(--shadow);border-radius:3px 3px 0 0;cursor:pointer;white-space:nowrap}.tab.active{height:22px;margin-top:0;margin-bottom:-1px;padding:0 10px;position:relative;z-index:2}.tab-count{color:var(--text-muted)}.tab-panel{border:1px solid;border-color:var(--hilight) var(--dkshadow) var(--dkshadow) var(--hilight);box-shadow:inset -1px -1px var(--shadow);padding:14px 10px 10px}.progress{position:relative;height:13px;padding:1px;background:var(--window);border:1px solid;border-color:var(--shadow) var(--hilight) var(--hilight) var(--shadow);overflow:hidden}.progress-fill{display:block;height:100%;max-width:100%;background:repeating-linear-gradient(90deg,var(--bar) 0 6px,transparent 6px 8px)}.progress-fill.hot{background:repeating-linear-gradient(90deg,var(--bar-hot) 0 6px,transparent 6px 8px)}.progress-fill.unlimited{background:repeating-linear-gradient(90deg,var(--gray-text) 0 6px,transparent 6px 8px);opacity:.5}.listview{width:100%;border-collapse:collapse;background:var(--window);color:var(--text)}.listview th{padding:0;font-weight:400;text-align:left;position:sticky;top:0;z-index:1}.listview .col-head{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;height:19px;padding:0 6px;white-space:nowrap;background:var(--face);color:var(--text);border:1px solid;border-color:var(--hilight) var(--dkshadow) var(--dkshadow) var(--hilight);box-shadow:inset -1px -1px var(--shadow),inset 1px 1px var(--light);text-align:left}.listview td{padding:0 6px;height:22px;white-space:nowrap;border-bottom:1px solid var(--row-line)}.listview tbody tr{cursor:pointer}.listview tbody tr:hover,.listview tbody tr:focus-visible{background:var(--select-bg);color:var(--select-text);outline:none}.listview tbody tr.offline{color:var(--gray-text)}.listview tbody tr.offline:hover{color:var(--select-text)}.status-bar{display:flex;gap:2px;min-height:20px;font-size:11px}.status-field{display:flex;align-items:center;gap:4px;padding:1px 5px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid;border-color:var(--shadow) var(--hilight) var(--hilight) var(--shadow)}.status-field.grow{flex:1}.status-field.tooltip-anchor{overflow:visible}.status-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-bar .tooltip-anchor .tooltip-box{top:auto;bottom:calc(100% + 4px);left:auto;right:0}.led{display:inline-block;width:8px;height:8px;flex-shrink:0;border:1px solid #000;background:var(--offline)}.led.on{background:var(--online)}.badge{display:inline-block;padding:0 3px;font-size:10px;line-height:13px;white-space:nowrap;background:var(--face);color:var(--text);border:1px solid;border-color:var(--hilight) var(--shadow) var(--shadow) var(--hilight)}.flag-img{width:16px;height:11px;object-fit:cover;vertical-align:middle;border:1px solid rgba(0,0,0,.35);flex-shrink:0}.flag-fallback{display:inline-block;width:16px;height:11px;font-size:8px;line-height:9px;text-align:center;background:var(--window);color:var(--text);border:1px solid var(--shadow);flex-shrink:0}.os-icon-img{width:14px;height:14px;object-fit:contain;vertical-align:middle;flex-shrink:0}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);z-index:50;padding:1px 5px;white-space:nowrap;font-size:11px;font-weight:400;background:var(--tip-bg);color:var(--tip-text);border:1px solid #000;pointer-events:none}.tooltip-anchor{position:relative}.tooltip-anchor .tooltip-box{display:none;position:absolute;left:0;top:calc(100% + 4px);z-index:50;padding:1px 5px;white-space:nowrap;font-size:11px;background:var(--tip-bg);color:var(--tip-text);border:1px solid #000}.tooltip-anchor:hover .tooltip-box,.tooltip-anchor:focus .tooltip-box{display:block}.select{height:21px;padding:0 2px;background:var(--window);color:var(--text);border:1px solid;border-color:var(--shadow) var(--hilight) var(--hilight) var(--shadow);box-shadow:inset 1px 1px var(--dkshadow),inset -1px -1px var(--light);border-radius:0}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--overlay)}.dialog{width:400px;max-width:100%;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:inset 1px 1px var(--hilight),inset -1px -1px var(--shadow),3px 3px #0000004d}.dialog-body{display:flex;gap:14px;padding:14px 14px 10px;overflow:auto}.dialog-icon{width:32px;height:32px;flex-shrink:0}.dialog-message{flex:1;line-height:1.6;min-width:0;overflow-wrap:anywhere}.dialog-buttons{display:flex;justify-content:center;gap:8px;padding:6px 10px 10px}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:repeating-conic-gradient(var(--dither-a) 0 25%,var(--dither-b) 0 50%) 0 0 / 2px 2px}::-webkit-scrollbar-thumb{background:var(--face);border:1px solid;border-color:var(--light) var(--dkshadow) var(--dkshadow) var(--light);box-shadow:inset 1px 1px var(--hilight),inset -1px -1px var(--shadow)}::-webkit-scrollbar-corner{background:var(--face)}::-webkit-scrollbar-button:single-button{display:block;width:16px;height:16px;background-color:var(--face);border:1px solid;border-color:var(--light) var(--dkshadow) var(--dkshadow) var(--light);box-shadow:inset 1px 1px var(--hilight),inset -1px -1px var(--shadow);background-repeat:no-repeat;background-position:center}::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M3.5 0L7 4H0z' fill='%23000'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M0 0h7L3.5 4z' fill='%23000'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7'%3E%3Cpath d='M0 3.5L4 0v7z' fill='%23000'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7'%3E%3Cpath d='M0 0l4 3.5L0 7z' fill='%23000'/%3E%3C/svg%3E")}@supports not selector(::-webkit-scrollbar){html{scrollbar-color:var(--face) var(--dither-a)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.desktop{min-height:100vh;padding:16px}.app-window{max-width:1400px;min-height:calc(100vh - 32px);margin:0 auto;display:flex;flex-direction:column;gap:2px}.app-window>.title-bar{position:sticky;top:0;z-index:20}.app-window h1.title-bar-text{margin:0;font-size:11px;font-weight:700}.title-btn-last{margin-left:2px}.app-body{flex:1;display:flex;flex-direction:column;min-width:0}.status-theme{max-width:220px}.status-system{max-width:320px}.update-dot{width:6px;height:6px;background:var(--bar-hot);border:1px solid #000}.btn-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text)}.btn-link:hover{color:var(--text)}.page{flex:1;display:flex;flex-direction:column;min-width:0}.page-content{flex:1;display:flex;flex-direction:column;gap:16px;padding:8px 6px;min-width:0}.num{font-variant-numeric:tabular-nums}.text-online{color:var(--online)}.text-offline{color:var(--offline)}.text-muted{color:var(--text-muted)}.net-down{color:var(--accent-green)}.net-up{color:var(--accent-blue)}.loading-panel,.loading-more{width:320px;max-width:100%;margin:48px auto;display:flex;flex-direction:column;gap:8px}.loading-more{margin:0 auto}.progress-indeterminate{display:block;height:18px;padding:2px}.progress-indeterminate .progress-fill{width:40%;animation:w2k-progress 1.6s steps(12) infinite}@keyframes w2k-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.filter-tabs{margin-bottom:-1px}.filter-tabs .tab{margin-right:-1px}.filter-measure{position:absolute;left:-9999px;top:0;visibility:hidden;pointer-events:none;flex-wrap:nowrap}.filter-more{position:relative}.filter-menu{position:absolute;top:100%;right:0;z-index:30;min-width:150px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;padding:2px}.filter-menu-item{display:flex;align-items:center;gap:6px;height:22px;padding:0 8px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.filter-menu-item:hover,.filter-menu-item.active,.filter-menu-item:focus-visible{background:var(--select-bg);color:var(--select-text);outline:none}.filter-menu-label{flex:1}.dashboard-panel{display:flex;flex-direction:column;gap:16px;min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat-box{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-btn{display:inline-flex;flex-wrap:wrap;gap:6px;padding:0;border:0;background:none;color:var(--text);text-align:left;cursor:pointer}.link-text{color:var(--link);text-decoration:underline}.link-btn:hover .link-text{color:var(--link-hover)}.empty-state{margin:24px 0;text-align:center}.server-group+.server-group{margin-top:16px}.servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.servers-grid.ring-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.server-card{display:flex;flex-direction:column;gap:6px;padding:3px 3px 7px;min-width:0;color:var(--text);text-decoration:none}.server-card:hover{color:var(--text)}.server-card:focus-visible{outline:1px dotted var(--text);outline-offset:2px}.server-card .title-bar{gap:5px}.card-status{display:inline-flex;align-items:center;gap:4px;height:14px;padding:0 4px;font-weight:400;white-space:nowrap;color:var(--text);background:var(--face);border:1px solid;border-color:var(--hilight) var(--dkshadow) var(--dkshadow) var(--hilight)}.card-body{display:flex;flex-direction:column;gap:7px;padding:0 5px}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.card-meta-item{white-space:nowrap}.card-meta-item.expired,.expired{color:var(--offline)}.card-meta-spacer{flex:1}.card-meters{display:grid;grid-template-columns:34px minmax(0,1fr) 52px;align-items:center;gap:4px 6px}.card-meters .num{text-align:right}.card-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 8px}.card-kv>span:nth-child(2n){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latency-panel{display:flex;flex-direction:column;gap:3px;padding:4px 5px;font-size:11px}.latency-head,.latency-row{display:grid;grid-template-columns:30px 44px minmax(0,1fr) 36px minmax(0,1fr);align-items:center;gap:4px}.latency-head{color:var(--text-muted)}.latency-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.latency-value{white-space:nowrap;font-variant-numeric:tabular-nums}.latency-buckets{display:flex;gap:1px;height:10px}.latency-bucket{flex:1;display:flex;align-items:flex-end;min-width:0;background:var(--window-alt)}.latency-bucket>span{display:block;width:100%}.latency-chips{display:flex;flex-wrap:wrap;gap:4px 12px;padding:4px 6px;font-size:11px}.latency-chip{display:inline-flex;gap:4px}.pies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;text-align:center}.pie-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.pie-sub{font-size:11px;color:var(--text-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disk-pie{position:relative;display:block;width:72px;height:46px;margin-bottom:4px}.disk-pie-top,.disk-pie-side{position:absolute;left:0;width:72px;height:38px;border-radius:50%}.disk-pie-top{top:0;background:conic-gradient(from 90deg,#0000ff 0 var(--pie-used),#ff00ff var(--pie-used) 100%);box-shadow:inset 0 0 0 1px #00000059}.disk-pie-side{top:8px;background:conic-gradient(from 90deg,#00006a 0 var(--pie-used),#7a007a var(--pie-used) 100%);box-shadow:0 0 0 1px #00000059}.pie-legend{display:flex;justify-content:center;gap:14px;font-size:11px}.pie-legend span{display:inline-flex;align-items:center;gap:4px}.swatch{display:inline-block;width:10px;height:10px;border:1px solid #000}.swatch.used{background:#00f}.swatch.free{background:#f0f}.ring-traffic{display:flex;flex-direction:column;gap:3px}.ring-traffic-head{display:flex;justify-content:space-between;gap:8px}.table-scroll{overflow-x:auto;padding:2px}.listview .col-status{width:24px;text-align:center}.cell-flex,.cell-meter{display:inline-flex;align-items:center;gap:5px}.cell-meter .progress{width:48px;height:11px}.table-empty{text-align:center;cursor:default}.map-frame{padding:2px}.map-container{height:520px;background:var(--window);font-family:inherit}.map-container.leaflet-container{background:var(--window)}.map-marker-box{display:flex;align-items:center;justify-content:center;width:22px;height:18px;font-size:10px;font-weight:700;color:#fff;background:#0a246a;border:1px solid;border-color:#a6caf0 #000 #000 #a6caf0}.map-container .leaflet-bar{border:0;border-radius:0;box-shadow:none}.map-container .leaflet-bar a{width:22px;height:22px;line-height:20px;border-radius:0!important;background:var(--face);color:var(--text);border:1px solid;border-color:var(--hilight) var(--dkshadow) var(--dkshadow) var(--hilight);box-shadow:inset -1px -1px var(--shadow)}.dialog-line{margin:0 0 6px}.dialog-line:last-child{margin-bottom:0}.finance{display:flex;flex-direction:column;gap:12px;width:100%}.finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.finance-amount{font-size:14px}.finance-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap}.finance-picker{display:inline-flex;align-items:center;gap:6px}.finance-rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:200px;overflow-y:auto;padding:2px}.finance-rate{display:flex;justify-content:space-between;gap:8px;padding:2px 6px}.finance-rate:hover{background:var(--select-bg);color:var(--select-text)}.finance-meta{font-size:11px}.host-box{display:flex;flex-direction:column;gap:8px}.host-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.host-name{margin:0;flex:1;min-width:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-status{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;background:var(--window)}.host-grid{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.host-item{display:flex;flex-direction:column;gap:1px;padding:4px 8px;min-width:0;border-bottom:1px solid var(--row-line)}.host-item dt{font-size:11px;color:var(--text-muted)}.host-item dd{margin:0;overflow-wrap:anywhere}.charts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.chart-box{display:flex;flex-direction:column;gap:4px}.chart-box.full-width{grid-column:1 / -1}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-size:11px;min-height:14px}.chart-values{display:flex;flex-wrap:wrap;gap:2px 8px;min-width:0}.chart-value-item{white-space:nowrap}.chart-expand-btn{flex-shrink:0}.graph{position:relative;height:200px;padding:2px;background:var(--graph-bg)}.chart-box.full-width .graph{height:320px}.graph canvas{display:block}@media(max-width:1100px){.charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.host-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.desktop{padding:0}.app-window{min-height:100vh;border:0;box-shadow:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.servers-grid,.servers-grid.ring-grid,.charts-grid{grid-template-columns:minmax(0,1fr)}.host-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-container{height:360px}.status-bar{flex-wrap:wrap}.status-bar .status-field.grow{flex-basis:100%}.status-system{flex:1 1 auto;max-width:none}.status-theme{flex:0 1 auto}.finance-summary{grid-template-columns:minmax(0,1fr)}}@media(max-width:420px){.stats-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:340px){.host-grid{grid-template-columns:minmax(0,1fr)}}