:root{--container-max-width: 100%;--header-height: 64px;--sidebar-width: 240px;--sidebar-width-collapsed: 84px;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 22px;--line-height-tight: 1.2;--line-height-normal: 1.45}:root[data-theme=dark]{--color-bg-primary: #020a16;--color-bg-secondary: #071426;--color-surface: #0b1a2d;--color-surface-hover: #122238;--color-surface-elevated: #0f2035;--color-text-primary: #d6e4ff;--color-text-secondary: #9eb4d8;--color-text-muted: #7d93b8;--color-text-inverted: #08101e;--color-border: #1a3150;--color-border-subtle: #122744;--color-border-strong: #2f4d73;--color-status-online: #53e38f;--color-status-offline: #ea3a55;--color-status-transition: #f4a220;--color-status-maintenance: #3a8dff;--color-overlay: rgba(2, 8, 18, .82);--color-focus-ring: #4c8ff9;--chart-line-color: #58df92;--metric-online-bg: rgba(83, 227, 143, .16);--metric-offline-bg: rgba(234, 58, 85, .16);--metric-transition-bg: rgba(244, 162, 32, .16);--metric-maintenance-bg: rgba(58, 141, 255, .16);--shadow-sm: 0 2px 8px rgba(1, 5, 14, .46);--shadow-md: 0 18px 40px rgba(0, 4, 12, .56);--font-family-base: "Inter", system-ui, sans-serif}:root[data-theme=light]{--color-bg-primary: #edf3ff;--color-bg-secondary: #ffffff;--color-surface: #ffffff;--color-surface-hover: #eaf1ff;--color-surface-elevated: #f5f9ff;--color-text-primary: #12213f;--color-text-secondary: #30456a;--color-text-muted: #63779d;--color-text-inverted: #ffffff;--color-border: #d3def3;--color-border-subtle: #e3ebfa;--color-border-strong: #9fb6dc;--color-status-online: #16a34a;--color-status-offline: #dc2626;--color-status-transition: #d97706;--color-status-maintenance: #2563eb;--color-overlay: rgba(44, 64, 100, .34);--color-focus-ring: #2563eb;--chart-line-color: #2f7dfb;--metric-online-bg: rgba(22, 163, 74, .12);--metric-offline-bg: rgba(220, 38, 38, .12);--metric-transition-bg: rgba(217, 119, 6, .12);--metric-maintenance-bg: rgba(37, 99, 235, .12);--shadow-sm: 0 2px 6px rgba(12, 31, 70, .08);--shadow-md: 0 14px 34px rgba(16, 32, 63, .12);--font-family-base: "Inter", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-normal);background:var(--color-bg-primary);color:var(--color-text-primary)}.app-shell{max-width:none;width:100%;margin:0;padding:var(--spacing-lg);min-height:100vh;position:relative}.app-body{padding-top:calc(var(--header-height) + var(--spacing-md))}.content-shell{margin-left:calc(var(--sidebar-width) + var(--spacing-md));min-width:0}.public-content-shell{margin-left:0}.public-home-body{padding-top:calc(var(--header-height) + var(--spacing-md))}.public-header .header-right{gap:var(--spacing-md)}.app-body.sidebar-collapsed .content-shell{margin-left:calc(var(--sidebar-width-collapsed) + var(--spacing-md))}.header{display:flex;align-items:center;position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-bg-secondary);border:none;border-radius:0;padding:0 var(--spacing-lg);box-shadow:var(--shadow-sm);z-index:40;isolation:isolate}.header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--color-bg-secondary);z-index:-1}.header-row{display:flex;width:100%;gap:var(--spacing-md);align-items:center}.header-brand{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.header-logo,.sidebar-logo{width:50px;height:50px;display:block;object-fit:contain;border-radius:var(--radius-sm)}.header-title{margin:0;font-size:var(--font-size-md)}.header-brand-title{font-weight:700;font-size:25px;color:var(--color-text-muted);line-height:1.1}.sidebar{position:fixed;top:calc(var(--spacing-lg) + var(--header-height) + var(--spacing-md));left:var(--spacing-lg);width:var(--sidebar-width);height:calc(100vh - (var(--spacing-lg) * 2) - var(--header-height) - var(--spacing-md));background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-sm);display:grid;grid-template-rows:auto 1fr auto;gap:var(--spacing-sm);z-index:35}.sidebar-top{display:flex;align-items:center;justify-content:flex-end;min-height:28px}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-2xs);align-items:stretch;justify-content:flex-start}.sidebar-bottom{border-top:1px solid var(--color-border-subtle);padding-top:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.sidebar-preferences{display:grid;gap:var(--spacing-xs)}.content-area{min-width:0}.page-stack{display:grid;gap:var(--spacing-lg)}.status-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md)}.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-lg);align-items:stretch}.server-grid,.metrics-row,.charts-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md)}.charts-row{grid-template-columns:repeat(3,minmax(0,1fr))}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--spacing-xl)}.login-card{width:min(440px,100%)}@media(max-width:1200px){.status-row,.server-grid,.metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.header{position:static;height:auto;padding:var(--spacing-md)}.app-body{padding-top:var(--spacing-md)}.sidebar{position:static;width:100%;height:auto}.content-shell,.app-body.sidebar-collapsed .content-shell{margin-left:0}.status-row,.dashboard-bottom-grid,.charts-row,.server-grid{grid-template-columns:1fr}}.sidebar.is-collapsed{width:var(--sidebar-width-collapsed)}.sidebar.is-collapsed .sidebar-link-label,.sidebar.is-collapsed .toggle-label,.sidebar.is-collapsed .sidebar-language{display:none}.sidebar.is-collapsed .sidebar-link{justify-content:center;padding-inline:0;position:relative}.sidebar.is-collapsed .sidebar-link:hover:after{content:attr(data-label);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:4px 8px;white-space:nowrap;z-index:20}.stack-md{display:grid;gap:var(--spacing-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-primary{background:var(--color-status-maintenance);color:var(--color-text-inverted);border-color:transparent}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-secondary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;border-color:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible,.input:focus-visible,.select:focus-visible,.textarea:focus-visible,.toggle-control:focus-visible,.sidebar-link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.form-grid{display:grid;gap:var(--spacing-md)}.input,.select,.textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);font:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface)}.header .field{width:min(360px,100%)}.header-right{margin-left:auto;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.field{display:grid;gap:var(--spacing-xs)}.field-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-status-offline)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table-wrapper{overflow-x:auto}.table th,.table td{border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-sm);text-align:left}.table-row-clickable{cursor:pointer}.table-row-clickable:hover{background:var(--color-surface-hover)}.table th{color:var(--color-text-secondary)}.link-button{border:0;background:transparent;color:var(--color-status-maintenance);cursor:pointer;padding:0}.status-badge{display:inline-flex;align-items:center;border-radius:var(--radius-sm);padding:2px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-inverted)}.status-badge-online{background:var(--color-status-online)}.status-badge-offline{background:var(--color-status-offline)}.status-badge-transition{background:var(--color-status-transition)}.status-badge-maintenance{background:var(--color-status-maintenance)}.badge{display:inline-flex}.metric-tile{padding:var(--spacing-md)}.metric-online{background:var(--metric-online-bg)}.metric-offline{background:var(--metric-offline-bg)}.metric-transition{background:var(--metric-transition-bg)}.metric-maintenance{background:var(--metric-maintenance-bg)}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.metric-value{margin-top:var(--spacing-xs);font-size:var(--font-size-xl);font-weight:700}.section-title{margin:0;font-size:var(--font-size-lg)}.server-card{display:grid;gap:var(--spacing-sm)}.server-card-head,.detail-header-main,.row-between{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.server-card-title{margin:0;font-size:var(--font-size-md)}.server-icon-preview{width:24px;height:24px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--color-border)}.server-card-line{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.server-list-name{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.server-list-icon{width:16px;height:16px;border-radius:var(--radius-xs);object-fit:cover;border:1px solid var(--color-border)}.server-list-icon-fallback{width:16px;height:16px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--color-text-inverted);background:var(--color-status-transition);border:1px solid var(--color-border)}.reason-badge-timeout{background:var(--color-status-transition)}.reason-badge-transition{background:var(--color-status-maintenance)}.reason-badge-ptero{background:var(--color-surface-hover);color:var(--color-text-primary)}.server-card-footer{display:flex;justify-content:flex-end}.server-detail-page{gap:var(--spacing-lg)}.server-detail-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:var(--spacing-md);align-items:start}.server-detail-related-card{display:grid;gap:var(--spacing-sm);position:sticky;top:calc(var(--header-height) + var(--spacing-xl))}.server-detail-related-head{display:grid;gap:2px}.server-detail-related-subtitle{margin:0}.server-detail-related-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.server-detail-related-sort{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:6px 4px;cursor:pointer}.server-detail-related-sort.is-active{background:var(--metric-online-bg);border-color:var(--color-status-online);color:var(--color-text-primary)}.server-detail-related-list{display:grid;gap:var(--spacing-xs)}.server-detail-related-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-elevated);padding:var(--spacing-sm);display:grid;gap:6px;text-align:left;cursor:pointer}.server-detail-related-item:hover{background:var(--color-surface-hover)}.server-detail-related-item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.server-detail-related-row{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.server-detail-related-status{width:8px;height:8px;border-radius:999px;border:1px solid var(--color-border-subtle)}.server-detail-related-status.is-online{background:var(--color-status-online)}.server-detail-related-status.is-offline{background:var(--color-status-offline)}.server-detail-related-icon{width:14px;height:14px;border-radius:3px;object-fit:cover;border:1px solid var(--color-border-subtle)}.server-detail-related-name{font-weight:600;color:var(--color-text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-detail-related-meta{display:flex;justify-content:space-between;gap:var(--spacing-sm);font-size:var(--font-size-xs)}.server-detail-hero-card{display:grid;gap:var(--spacing-sm)}.server-detail-hero-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-md);align-items:start}.server-detail-hero-left{display:grid;gap:var(--spacing-sm);min-width:0}.server-detail-hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.server-detail-title-wrap{display:flex;align-items:center;gap:var(--spacing-md)}.server-detail-hero-icon{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--color-border);object-fit:cover}.server-detail-title{margin:0;font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.server-detail-subtitle{margin:var(--spacing-xs) 0 0}.server-detail-hero-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.server-detail-panel-name{font-size:var(--font-size-sm)}.server-detail-panel-meta{display:grid;justify-items:end;gap:2px}.server-detail-refresh-inline{margin:0;font-size:var(--font-size-xs)}.server-detail-hero-meta{display:grid;gap:var(--spacing-xs)}.server-detail-game-chip{display:inline-flex;width:fit-content;border-radius:999px;padding:2px var(--spacing-sm);background:var(--color-status-transition);color:var(--color-text-inverted);font-size:var(--font-size-xs);font-weight:700}.server-detail-endpoint-line{margin:0;color:var(--color-status-online);font-weight:700}.server-detail-endpoint-copy{border:0;background:transparent;padding:0;cursor:pointer;text-decoration:underline}.server-detail-copy-feedback{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.server-detail-hero-refresh{margin-top:-2px}.server-detail-hero-refresh p{margin:0;font-size:var(--font-size-xs)}.server-detail-hero-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.server-detail-action{min-width:40px;padding-inline:10px}.server-detail-action-icon{width:40px;min-width:40px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.server-detail-action-danger{background:var(--color-status-offline);border-color:transparent;color:var(--color-text-inverted)}.server-detail-action-danger:disabled{opacity:.5}.server-detail-hero-availability{display:grid;gap:var(--spacing-xs);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-elevated);padding:var(--spacing-sm)}.server-detail-activity-card{display:grid;gap:var(--spacing-sm)}.server-detail-activity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing-md);align-items:center}.server-detail-activity-bars{display:flex;align-items:end;justify-content:flex-start;gap:8px;min-height:35px;width:100%}.server-detail-activity-slot{position:relative;display:inline-flex;align-items:end;height:35px;cursor:default}.server-detail-activity-bar{width:10px;border-radius:999px}.server-detail-offline-marker{position:absolute;top:0;left:50%;width:4px;height:18px;border-radius:999px;transform:translate(-50%);background:var(--color-status-offline)}.server-detail-availability-tooltip{position:absolute;left:50%;top:-10px;transform:translate(-50%,-100%);border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:5px 8px;display:grid;gap:2px;min-width:104px;pointer-events:none;z-index:4}.server-detail-availability-tooltip>span{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.server-detail-availability-tooltip>span:last-child{color:var(--color-text-primary)}.server-detail-incident-modal{width:min(620px,96vw);display:grid;gap:var(--spacing-md)}.server-detail-log-modal{width:min(980px,96vw);display:grid;gap:var(--spacing-md)}.server-detail-log-pre{margin:0;min-height:240px;max-height:62vh;overflow:auto;padding:var(--spacing-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text-secondary);font-family:var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace);font-size:var(--font-size-xs);line-height:1.5;white-space:pre}.server-detail-incident-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm) var(--spacing-md)}.server-detail-incident-grid p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.server-detail-incident-grid strong{color:var(--color-text-primary)}.server-detail-activity-bar.is-online{background:var(--color-status-online)}.server-detail-activity-bar.is-offline{background:var(--color-status-offline)}.server-detail-state-pill{border-radius:999px;padding:6px var(--spacing-md);font-size:22px;font-weight:700;line-height:1;align-self:center}.server-detail-availability-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:flex-end}.server-detail-state-pill.is-online{background:var(--metric-online-bg);color:var(--color-status-online)}.server-detail-state-pill.is-offline{background:var(--metric-offline-bg);color:var(--color-status-offline)}.server-detail-activity-meta{display:flex;align-items:end;justify-content:space-between;gap:var(--spacing-md)}.server-detail-activity-meta p{margin:0}.server-detail-kpi-card{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.server-detail-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-md)}.server-detail-kpi-item{display:grid;gap:2px;text-align:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-elevated);padding:var(--spacing-sm)}.server-detail-kpi-label,.server-detail-kpi-value,.server-detail-kpi-sub{margin:0}.server-detail-kpi-label{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-content:start;gap:6px;font-size:18px;font-weight:600;line-height:1.1;text-align:right}.server-detail-kpi-icon{color:var(--color-text-muted);font-size:24px;opacity:.8;justify-self:start}.server-detail-kpi-sub{font-size:var(--font-size-xs);text-align:right}.server-detail-kpi-value{font-size:38px;font-weight:700;text-decoration:underline;text-align:right}.server-detail-main-chart-card{display:grid;gap:var(--spacing-md);padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.server-detail-main-chart-header{display:flex;justify-content:space-between;align-items:end;gap:var(--spacing-md)}.server-detail-range-select{min-width:170px}.server-detail-main-chart-wrap{display:grid;gap:var(--spacing-xs)}.server-detail-main-chart-body{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--spacing-sm);align-items:stretch}.server-detail-y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;min-height:230px;padding-block:2px}.server-detail-y-axis-label{font-size:var(--font-size-xs)}.server-detail-main-chart-svg{width:100%;height:230px}.server-detail-main-chart-canvas{position:relative}.server-detail-main-chart-grid{stroke:var(--color-border-subtle);stroke-width:.6;vector-effect:non-scaling-stroke}.server-detail-main-chart-area{fill:var(--metric-online-bg)}.server-detail-main-chart-line{fill:none;stroke:var(--color-status-online);stroke-width:.9;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.server-detail-main-chart-hover-dot{fill:var(--color-status-online);stroke:var(--color-bg-secondary);stroke-width:.5;vector-effect:non-scaling-stroke}.server-detail-chart-tooltip{--tooltip-x: -50%;--tooltip-y: calc(-100% - 12px) ;position:absolute;transform:translate(var(--tooltip-x),var(--tooltip-y));background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:6px 8px;pointer-events:none;min-width:118px;opacity:0;animation:server-detail-tooltip-in .12s ease-out forwards;transform-origin:center bottom;will-change:transform,opacity}.server-detail-chart-tooltip.tooltip-h-left{--tooltip-x: -100%}.server-detail-chart-tooltip.tooltip-h-center{--tooltip-x: -50%}.server-detail-chart-tooltip.tooltip-h-right{--tooltip-x: 0}.server-detail-chart-tooltip.tooltip-v-top{--tooltip-y: calc(-100% - 12px) }.server-detail-chart-tooltip.tooltip-v-bottom{--tooltip-y: 12px}.server-detail-chart-tooltip p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.server-detail-chart-tooltip p+p{margin-top:2px;color:var(--color-text-primary)}@keyframes server-detail-tooltip-in{0%{opacity:0;transform:translate(var(--tooltip-x),calc(var(--tooltip-y) + 4px)) scale(.98)}to{opacity:1;transform:translate(var(--tooltip-x),var(--tooltip-y)) scale(1)}}.server-detail-main-chart-labels{position:relative;height:16px;margin-left:calc(64px + var(--spacing-sm))}.server-detail-main-chart-labels>span{position:absolute;transform:translate(-50%);font-size:var(--font-size-xs);line-height:1;white-space:nowrap}.server-detail-main-chart-labels>span:first-child{transform:translate(0)}.server-detail-main-chart-labels>span:last-child{transform:translate(-100%)}.server-detail-chart-current{margin:0;font-size:var(--font-size-sm)}.public-hero-card{background:var(--color-surface-elevated)}.public-hero-card .section-title{font-size:var(--font-size-xl)}.public-hero-controls{display:grid;gap:4px;justify-items:end}.public-refresh-text{margin:0;font-size:var(--font-size-xs)}.public-home-split{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(620px,1.38fr);gap:var(--spacing-md);align-items:start}.public-home-left{display:grid;gap:var(--spacing-sm)}.public-home-right{min-width:0}.public-status-row{grid-template-columns:repeat(2,minmax(0,1fr))}.public-metric-tile{border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);padding:var(--spacing-md)}.public-metric-tile .metric-label{font-size:var(--font-size-xs)}.public-metric-tile .metric-value{font-size:26px}.public-dashboard-grid{grid-template-columns:1fr}.public-trend-card{border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated)}.public-server-list-shell{display:grid;gap:var(--spacing-sm);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated)}.public-server-list-sortbar{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.public-server-list-sort{border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--font-size-xs);cursor:pointer}.public-server-list-sort:hover{background:var(--color-surface-hover)}.public-server-list-sort.is-active{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-surface-hover)}.public-server-list-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xs)}.public-server-list-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);text-align:left;padding:var(--spacing-sm);display:grid;gap:var(--spacing-xs);cursor:pointer;min-height:124px}.public-server-list-item:hover{background:var(--color-surface-hover)}.public-server-list-item .server-card-title{font-size:var(--font-size-sm)}.public-server-list-item .server-list-name span:last-child{display:inline-block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-server-list-meta{display:flex;justify-content:space-between;gap:var(--spacing-sm);font-size:var(--font-size-xs)}.public-server-list-table{min-width:0}.public-server-list-table .table{font-size:var(--font-size-xl);table-layout:fixed}.public-server-list-table .table th:nth-child(1),.public-server-list-table .table td:nth-child(1){width:30%}.public-server-list-table .table th:nth-child(2),.public-server-list-table .table td:nth-child(2){width:8%}.public-server-list-table .table th:nth-child(3),.public-server-list-table .table td:nth-child(3),.public-server-list-table .table th:nth-child(4),.public-server-list-table .table td:nth-child(4){width:27%}.public-server-list-table .table th:nth-child(5),.public-server-list-table .table td:nth-child(5){width:8%}.public-server-list-table .server-list-name{min-width:0;width:100%}.public-server-list-table .table td:nth-child(1){overflow:hidden}.public-server-list-table .server-list-name span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-server-list-table .line-chart-compact .line-chart-svg{height:62px}.public-server-list-table .line-chart-compact .line-chart-labels{font-size:10px;opacity:.9}.public-list-chart-cell{display:grid;gap:2px;align-content:start}.public-list-chart-value{font-size:10px;line-height:1.2}.public-header .header-right{gap:var(--spacing-sm)}.public-header .header-right .field{width:min(220px,36vw)}.public-header .header-right .input,.public-header .header-right .btn,.public-header .header-right .sidebar-language{min-height:34px}.public-header .header-right .input{padding:6px 10px}.public-header .header-right .btn,.public-header .header-right .sidebar-language{font-size:var(--font-size-xs);padding:6px 10px}.login-modal-card{width:min(520px,100%)}.sidebar-link{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:6px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.sidebar-collapse-btn{width:24px;height:24px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-hover);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer}.sidebar-collapse-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar-link:hover{background:var(--color-surface-hover)}.sidebar-link.is-active{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border)}.sidebar-link-icon{width:20px;height:20px;text-align:center;display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:.95}.sidebar-link-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-link-label{font-size:var(--font-size-sm);line-height:1.1}.filter-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--spacing-md);align-items:end}.servers-toolbar{display:flex;justify-content:space-between;align-items:end;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-elevated)}.servers-toolbar-left{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm);align-items:end;justify-items:start;flex:1}.servers-toolbar-left .field{min-width:85%}.servers-toolbar-right{display:flex;justify-content:flex-end;align-items:center}.line-chart{display:grid;gap:var(--spacing-sm)}.events-tabs{display:flex;gap:var(--spacing-xs);overflow-x:auto}.events-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm)}.events-content-card{display:grid;gap:var(--spacing-md)}.events-toolbar{display:flex;align-items:end;justify-content:space-between;gap:var(--spacing-md)}.events-toolbar .field{min-width:240px}.events-toolbar-note{margin:0;font-size:var(--font-size-sm)}.events-feedback{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.events-row-actions{display:inline-flex;gap:var(--spacing-xs);align-items:center}.events-incident-detail{display:grid;gap:var(--spacing-md)}.events-incident-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm) var(--spacing-md)}.events-incident-detail-grid p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.events-incident-detail-wide{grid-column:1 / -1}.events-incident-subsection{display:grid;gap:var(--spacing-sm)}.modal-card.modal-card-events-detail{width:min(88vw,1240px);display:grid;gap:var(--spacing-md);max-height:85vh;overflow:auto}.events-modal-wrap{width:100%;display:grid;place-items:center}.events-close-icon{width:28px;min-width:28px;height:28px;padding:0;font-size:var(--font-size-lg);line-height:1;display:inline-flex;align-items:center;justify-content:center}.events-detail-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}.events-detail-full{grid-column:1 / -1}.events-severity-badge{padding:2px var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700}.events-severity-info{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text-secondary)}.events-severity-warn{background:var(--metric-transition-bg);border-color:var(--color-status-transition);color:var(--color-text-primary)}.events-severity-error{background:var(--metric-offline-bg);border-color:var(--color-status-offline);color:var(--color-text-primary)}.users-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm)}.users-toolbar-card{display:grid}.users-toolbar-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:var(--spacing-sm);align-items:end}.users-toolbar-action{display:flex;justify-content:flex-end;align-items:end}.users-feedback{margin:0 0 var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.users-row-actions{display:inline-flex;gap:var(--spacing-xs);align-items:center;flex-wrap:wrap}.users-modal-wrap{width:100%;display:grid;place-items:center}.modal-card.modal-card-users{width:min(84vw,1120px);display:grid;gap:var(--spacing-md)}.users-modal-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}.line-chart-svg{width:100%;height:160px}.line-chart{display:grid;gap:var(--spacing-xs)}.line-chart-grid{stroke:var(--color-border-subtle);stroke-width:.6;vector-effect:non-scaling-stroke}.line-chart-area-public{fill:var(--metric-online-bg)}.line-chart-stroke{fill:none;stroke:var(--chart-line-color);stroke-width:2}.line-chart-stroke-public{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.line-chart-stroke-detail{stroke-width:.9;vector-effect:non-scaling-stroke}.line-chart-variant-players .line-chart-area-public{fill:var(--metric-online-bg)}.line-chart-variant-players .line-chart-stroke{stroke:var(--color-status-online)}.line-chart-variant-rtt .line-chart-area-public{fill:var(--metric-maintenance-bg)}.line-chart-variant-rtt .line-chart-stroke{stroke:var(--color-status-maintenance)}.line-chart-labels{display:flex;justify-content:space-between;color:var(--color-text-muted);font-size:var(--font-size-xs)}.line-chart-compact{gap:var(--spacing-xs)}.line-chart-compact .line-chart-svg{height:88px}.public-server-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm)}.public-server-chart-grid-list{min-width:280px}.toggle{display:inline-flex;gap:var(--spacing-sm);align-items:center}.toggle-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.toggle-control{position:relative;width:46px;height:24px;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--color-surface-hover);cursor:pointer}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--color-text-primary);transition:transform .15s ease}.toggle-control.is-on .toggle-thumb{transform:translate(22px)}.avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:var(--color-surface-elevated)}.user-chip{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-menu{position:relative}.profile-menu-trigger{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);padding:2px;cursor:pointer}.profile-menu-popup{position:absolute;right:0;top:calc(100% + 6px);min-width:140px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);z-index:60;overflow:hidden}.profile-menu-item{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--color-text-primary);padding:8px 10px;cursor:pointer}.profile-menu-item:hover{background:var(--color-surface-hover)}.header-icon{width:24px;height:24px;border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.sidebar-language{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-text-secondary);padding:6px 8px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;width:100%;justify-content:center}.sidebar-language .is-active{color:var(--color-text-primary);font-weight:700}.sidebar .toggle{justify-content:space-between}.sidebar.is-collapsed .toggle{justify-content:center}.sidebar.is-collapsed .toggle-control{width:30px}.sidebar.is-collapsed .toggle-thumb{width:12px;height:12px;top:5px}.sidebar.is-collapsed .toggle-control.is-on .toggle-thumb{transform:translate(12px)}.admin-tabs{display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);overflow-x:auto;padding-bottom:2px}.admin-tab{border:1px solid transparent;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:6px 10px;white-space:nowrap;font-size:var(--font-size-sm);cursor:pointer}.admin-tab:hover{background:var(--color-surface-hover)}.admin-tab.is-active{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border)}.admin-tab:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.admin-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-sm)}.admin-metric-card{padding:var(--spacing-sm) var(--spacing-md)}.admin-metric-label{margin:0;font-size:var(--font-size-xs)}.admin-metric-value{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-lg);font-weight:700}.admin-settings-card,.admin-entities-card{display:grid;gap:var(--spacing-md)}.admin-external-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm)}.admin-external-section{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);padding:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.admin-external-section-title{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-external-section-fields{display:grid;gap:var(--spacing-sm)}.admin-section-description{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm)}.admin-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-sm);align-items:end}.admin-setting-item{display:grid;gap:var(--spacing-xs)}.admin-setting-help-row{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:6px}.admin-info-icon{width:16px;height:16px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-hover);color:var(--color-text-secondary);font-size:10px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:help;position:relative;padding:0;margin-top:1px}.admin-info-icon:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);width:min(320px,60vw);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);box-shadow:var(--shadow-sm);font-size:var(--font-size-xs);line-height:1.35;white-space:normal;opacity:0;pointer-events:none;z-index:80}.admin-info-icon:hover:after,.admin-info-icon:focus-visible:after{opacity:1;transform:translate(-50%)}.admin-setting-help{margin:0;font-size:var(--font-size-xs);line-height:1.35}.admin-entities-toolbar{align-items:end}.admin-entities-toolbar-actions{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:var(--spacing-sm);align-items:end}.admin-entities-toolbar-actions.is-alerts{grid-template-columns:minmax(180px,220px) minmax(220px,280px) auto;justify-content:end}.admin-entities-toolbar-actions.is-alerts .btn{min-width:120px}.admin-row-actions{display:inline-flex;gap:var(--spacing-xs)}.admin-permission-badges{display:flex;flex-wrap:wrap;gap:6px}.admin-permission-badge{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:2px 8px}.admin-reachability{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.admin-reachability-light{width:10px;height:10px;border-radius:999px;border:1px solid var(--color-border-subtle);display:inline-block}.admin-reachability-light.is-online{background:var(--color-status-online)}.admin-reachability-light.is-offline{background:var(--color-status-offline)}.admin-reachability-light.is-transition{background:var(--color-status-transition)}.admin-reachability-light.is-disabled{background:var(--color-text-muted)}.admin-role-permissions{grid-column:1 / -1;display:grid;gap:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);padding:var(--spacing-sm)}.admin-role-permissions-head{align-items:center}.admin-role-permissions-actions{display:inline-flex;gap:var(--spacing-xs)}.admin-mini-action{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:2px 8px;cursor:pointer}.admin-mini-action:hover{background:var(--color-surface-hover)}.admin-role-permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xs) var(--spacing-md);align-items:start}.admin-role-permissions-column{display:grid;gap:var(--spacing-xs);align-content:start}.admin-role-permissions-section{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);padding:var(--spacing-xs) var(--spacing-sm);display:grid;gap:var(--spacing-xs);align-content:start}.admin-role-permissions-section-title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:600}.admin-role-permissions-section-list{display:grid;gap:6px}.admin-permission-option{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.admin-alert-form-section{grid-column:1 / -1;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);padding:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.modal-card.modal-card-admin{width:min(1100px,98vw);max-width:98vw}.admin-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.admin-entity-modal-sections{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-sm)}.admin-entity-modal-sections.is-panels{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"panel-connection panel-sync" "panel-connection panel-visibility"}.admin-entity-modal-sections.is-panels .admin-entity-modal-section.is-panel_connection{grid-area:panel-connection}.admin-entity-modal-sections.is-panels .admin-entity-modal-section.is-panel_sync{grid-area:panel-sync}.admin-entity-modal-sections.is-panels .admin-entity-modal-section.is-panel_visibility{grid-area:panel-visibility}.admin-entity-modal-section{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);padding:var(--spacing-sm);display:grid;gap:var(--spacing-sm);align-content:start}.admin-entity-modal-section .admin-entity-modal-sections.is-panels{grid-template-areas:none}.admin-entity-modal-section-title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600}.admin-entity-modal-section-fields{display:grid;gap:var(--spacing-md);align-content:start}.admin-entity-modal-sections.is-games .admin-entity-modal-section.is-game_monitoring .admin-entity-modal-section-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:grid;place-items:center;padding:var(--spacing-lg);z-index:100}.modal-card{width:min(520px,100%)}.modal-card-server-add{width:min(65vw,1080px)}.modal-card-server-detail-edit{width:min(760px,100%)}.server-add-form-grid{gap:var(--spacing-md)}.server-add-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-md)}.server-add-section{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);padding:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.server-add-section-title{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.server-add-section-fields{gap:var(--spacing-sm)}.server-add-form-grid .row-between{grid-column:1 / -1}pre{margin:0;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow:auto}@media(max-width:1200px){.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.servers-toolbar{flex-direction:column;align-items:stretch}.servers-toolbar-left{grid-template-columns:repeat(2,minmax(0,1fr))}.servers-toolbar-right{justify-content:flex-start}.server-add-form-grid{grid-template-columns:1fr}.server-add-sections,.admin-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-external-grid,.admin-entity-modal-sections{grid-template-columns:1fr}.admin-entity-modal-sections.is-panels{grid-template-areas:none}.admin-metrics-grid,.events-metrics-grid,.users-metrics-grid,.users-toolbar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.events-toolbar{flex-direction:column;align-items:stretch}.events-incident-detail-grid,.server-detail-incident-grid,.events-detail-sections,.users-metrics-grid,.users-toolbar-grid,.users-modal-sections{grid-template-columns:1fr}.server-detail-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.server-detail-state-pill{font-size:34px}.server-detail-kpi-label{font-size:16px}.server-detail-layout{grid-template-columns:280px minmax(0,1fr)}.public-home-split{grid-template-columns:1fr}.public-server-list-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.public-server-list-cards{grid-template-columns:1fr}}@media(max-width:900px){.filter-bar,.servers-toolbar-left{grid-template-columns:1fr}.modal-card-server-add{width:min(100%,720px)}.server-add-form-grid,.server-add-sections,.admin-metrics-grid,.admin-settings-grid,.admin-modal-grid,.admin-entities-toolbar-actions,.admin-role-permissions-grid,.admin-entity-modal-sections,.admin-entity-modal-sections.is-games .admin-entity-modal-section.is-game_monitoring .admin-entity-modal-section-fields,.events-metrics-grid{grid-template-columns:1fr}.server-detail-title{font-size:34px}.server-detail-hero-main{grid-template-columns:1fr}.server-detail-activity-row{grid-template-columns:1fr;justify-items:start}.server-detail-availability-actions{justify-content:flex-start}.server-detail-state-pill{font-size:28px}.server-detail-kpi-grid{grid-template-columns:1fr;text-align:left}.server-detail-kpi-item{text-align:left}.server-detail-kpi-label{font-size:16px}.server-detail-kpi-value{font-size:30px}.server-detail-main-chart-header{flex-direction:column;align-items:stretch}.server-detail-range-select{min-width:0}.server-detail-main-chart-body{grid-template-columns:48px minmax(0,1fr)}.server-detail-main-chart-labels{margin-left:calc(48px + var(--spacing-sm))}.server-detail-layout{grid-template-columns:1fr}.server-detail-related-card{position:static}}