@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-color:#0b0f19;--panel-bg:#14192399;--panel-border:#ffffff14;--text-primary:#f0f6fc;--text-secondary:#8b949e;--accent-color:#3b82f6;--accent-glow:#3b82f680;--success-color:#10b981;--success-glow:#10b98166;--error-color:#ef4444;--error-glow:#ef444466}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#3b82f614,#0000 25%),radial-gradient(circle at 85% 30%,#10b9810d,#0000 25%);min-height:100vh}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.glass-button{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .3s;display:inline-flex}.glass-button:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.glass-button:disabled{opacity:.5;cursor:not-allowed}.glass-button.primary{background:var(--accent-color);box-shadow:0 4px 12px var(--accent-glow);border-color:#0000}.glass-button.primary:hover:not(:disabled){box-shadow:0 6px 16px var(--accent-glow);background:#60a5fa}.glass-input{border:1px solid var(--panel-border);color:var(--text-primary);background:#0003;border-radius:8px;outline:none;width:100%;padding:10px 16px;transition:border-color .3s}.glass-input:focus{border-color:var(--accent-color)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--pulse-color);transform:scale(.95)}70%{transform:scale(1);box-shadow:0 0 0 6px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.status-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.status-dot.online{background-color:var(--success-color);--pulse-color:var(--success-glow);animation:2s infinite pulse}.status-dot.offline{background-color:var(--error-color);--pulse-color:var(--error-glow);animation:2s infinite pulse}.status-dot.unknown{background-color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:40px 24px}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;display:flex}.header h1{letter-spacing:-.5px;background:linear-gradient(90deg,#fff,#9ca3af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.2rem;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.refresh-note{color:var(--text-secondary);letter-spacing:.3px;font-size:.8rem}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.card{flex-direction:column;gap:16px;padding:24px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.card-header{justify-content:space-between;align-items:flex-start;display:flex}.card-title{white-space:nowrap;text-overflow:ellipsis;max-width:80%;margin-bottom:4px;font-size:1.1rem;font-weight:600;overflow:hidden}.card-url{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.card-metrics{border-top:1px solid var(--panel-border);justify-content:space-between;margin-top:auto;padding-top:16px;display:flex}.metric{flex-direction:column;display:flex}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.metric-value{font-size:1.2rem;font-weight:600}.metric-value.success{color:var(--success-color)}.metric-value.error{color:var(--error-color)}.card-actions{justify-content:flex-end;margin-top:10px;display:flex}.mini-link-button{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.4px;background:#ffffff0a;border:1px solid #ffffff29;border-radius:8px;padding:6px 10px;font-size:.72rem}.mini-link-button:hover{color:#dbeafe;background:#3b82f633;border-color:#60a5fa73}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{width:100%;max-width:480px;padding:32px;transition:transform .3s;transform:scale(.95)}.modal-overlay.open .modal{transform:scale(1)}.modal h2{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;display:block}.modal-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.delete-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.delete-btn:hover{color:var(--error-color);background:#ef44441a}.system-panel{margin-bottom:32px;padding:20px}.system-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.system-panel-title{letter-spacing:1.1px;text-transform:uppercase;margin-bottom:4px;font-size:.95rem}.system-panel-subtitle{color:var(--text-secondary);font-size:.85rem}.system-panel-timestamp{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.live-pill{text-transform:uppercase;letter-spacing:.7px;border:1px solid #ffffff29;border-radius:999px;padding:3px 8px;font-size:.68rem}.live-pill.live{color:#4ade80;background:#1665344d;border-color:#4ade8066}.live-pill.connecting,.live-pill.reconnecting{color:#facc15;background:#78350f38;border-color:#facc1566}.system-summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px;display:grid}.system-summary-item{background:#00000040;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.system-summary-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);font-size:.72rem}.system-summary-value{font-size:.95rem;font-weight:600}.system-meters{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.meter-row{grid-template-columns:96px 1fr auto;align-items:center;gap:12px;font-family:JetBrains Mono,Consolas,Menlo,monospace;display:grid}.meter-name{color:var(--text-secondary);letter-spacing:.5px;font-size:.75rem}.meter-track{background:#ffffff14;border-radius:999px;height:9px;overflow:hidden}.meter-fill{border-radius:inherit;width:0;height:100%}.meter-fill.cpu{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}.meter-fill.mem{background:linear-gradient(90deg,#10b981 0%,#34d399 100%)}.meter-fill.swap{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)}.meter-fill.disk{background:linear-gradient(90deg,#a855f7 0%,#c084fc 100%)}.meter-number{color:var(--text-primary);font-size:.78rem}.core-usage-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px 10px;margin-bottom:20px;display:grid}.core-usage-item{grid-template-columns:44px 1fr 42px;align-items:center;gap:8px;font-family:JetBrains Mono,Consolas,Menlo,monospace;display:grid}.core-label,.core-value{color:var(--text-secondary);font-size:.72rem}.core-value{text-align:right}.core-track{background:#ffffff12;border-radius:999px;height:7px;overflow:hidden}.core-fill{background:linear-gradient(90deg,#3b82f6 0%,#93c5fd 100%);height:100%}.process-section{background:#00000047;border:1px solid #ffffff0f;border-radius:12px;padding:12px}.process-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.6px;margin-bottom:10px;font-size:.75rem}.process-table-wrap{overflow-x:auto}.process-table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.75rem}.process-table th,.process-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff12;padding:6px 8px}.process-table th{color:var(--text-secondary);font-size:.7rem;font-weight:500}.process-table td{color:#e5e7eb}.process-table td.right,.process-table th.right{text-align:right}.process-empty{color:var(--text-secondary);padding:10px 4px;font-size:.8rem}.live-detail-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:16px;display:grid}.live-detail-card{background:#00000042;border:1px solid #ffffff12;border-radius:12px;padding:12px}.live-detail-card h3{text-transform:uppercase;letter-spacing:.65px;color:var(--text-secondary);margin-bottom:10px;font-size:.75rem}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.metric-chip{color:#d1d5db;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:3px 8px;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.72rem}.mini-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.mini-stat-grid div{background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;gap:4px;padding:7px 8px;display:flex}.mini-stat-grid span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem}.mini-stat-grid strong{color:#e5e7eb;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.8rem;font-weight:600}.device-mini-table{border:1px solid #ffffff14;border-radius:8px;margin-top:10px;overflow:hidden}.device-mini-row{color:#d1d5db;border-bottom:1px solid #ffffff0f;grid-template-columns:1fr auto auto;gap:8px;padding:7px 8px;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.72rem;display:grid}.device-mini-row:last-child{border-bottom:none}.mini-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-top:10px;margin-bottom:6px;font-size:.7rem}.service-watchdog{background:#00000038;border:1px solid #ffffff14;border-radius:12px;margin-bottom:16px;padding:12px}.service-watchdog-title{text-transform:uppercase;letter-spacing:.65px;color:var(--text-secondary);margin-bottom:8px;font-size:.75rem}.service-table-wrap{overflow-x:auto}.service-table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.73rem}.service-table th,.service-table td{white-space:nowrap;text-align:left;border-bottom:1px solid #ffffff14;padding:6px 8px}.service-table th{color:var(--text-secondary);font-size:.69rem;font-weight:500}.service-status{text-transform:uppercase;letter-spacing:.4px;border:1px solid #ffffff2e;border-radius:999px;padding:2px 7px;font-size:.68rem}.service-status.active{color:#4ade80;background:#15803d3d;border-color:#4ade8066}.service-status.failed{color:#fca5a5;background:#7f1d1d40;border-color:#f8717166}.service-status.inactive,.service-status.missing,.service-status.unknown{color:#fcd34d;background:#78350f38;border-color:#fcd34d66}.stream-error{color:#fca5a5;background:#7f1d1d33;border:1px solid #f8717159;border-radius:10px;margin-bottom:14px;padding:8px 10px;font-size:.78rem}.trend-panel{margin-bottom:24px;padding:20px}.trend-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.trend-title{letter-spacing:1.1px;text-transform:uppercase;margin-bottom:4px;font-size:.95rem}.trend-subtitle{color:var(--text-secondary);font-size:.8rem}.range-switch{flex-wrap:wrap;gap:6px;max-width:100%;display:inline-flex}.range-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff05;border:1px solid #ffffff1f;border-radius:8px;padding:6px 10px;font-size:.78rem}.range-btn:hover{color:var(--text-primary);background:#ffffff12}.range-btn.active{color:#dbeafe;background:#3b82f638}.trend-chart-wrap{width:100%}.trend-chart{background:#00000038;border:1px solid #ffffff0d;border-radius:10px;width:100%;height:auto}.trend-chart-legend{flex-wrap:wrap;gap:14px;margin-bottom:10px;display:flex}.trend-legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.trend-dot{border-radius:50%;width:10px;height:10px}.trend-dot.cpu{background:#60a5fa}.trend-dot.mem{background:#34d399}.trend-dot.disk{background:#fbbf24}.trend-dot.p50{background:#60a5fa}.trend-dot.p95{background:#fbbf24}.trend-dot.p99{background:#f87171}.trend-grid-line{stroke:#ffffff1c;stroke-width:1px}.trend-grid-label{fill:#9ca3af;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:12px}.trend-axis-labels{color:var(--text-secondary);justify-content:space-between;margin-top:8px;font-size:.76rem;display:flex}.trend-empty{color:var(--text-secondary);padding:16px 4px 6px;font-size:.85rem}.slo-panel{margin-bottom:24px;padding:20px}.slo-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.slo-title{letter-spacing:1.1px;text-transform:uppercase;margin-bottom:4px;font-size:.95rem}.slo-subtitle{color:var(--text-secondary);font-size:.8rem}.slo-generated-at{color:var(--text-secondary);font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.76rem}.slo-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px;display:grid}.slo-summary-card{background:#0000003d;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.slo-summary-card span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.slo-summary-card strong{font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:1rem;font-weight:700}.slo-summary-card small{color:#d1d5db;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.74rem}.slo-tables-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.slo-table-card{background:#0000003d;border:1px solid #ffffff14;border-radius:12px;padding:10px}.slo-table-card h3{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.6px;margin-bottom:8px;font-size:.75rem}.slo-table-wrap{overflow-x:auto}.slo-table{border-collapse:collapse;width:100%;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.73rem}.slo-table th,.slo-table td{white-space:nowrap;text-align:left;border-bottom:1px solid #ffffff14;padding:6px 8px}.slo-table th{color:var(--text-secondary);font-size:.69rem;font-weight:500}.slo-table td.right,.slo-table th.right{text-align:right}.slo-empty{color:var(--text-secondary);padding:10px 4px;font-size:.8rem}.observability-panel{margin-bottom:24px;padding:20px}.observability-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.observability-header h2{letter-spacing:1.1px;text-transform:uppercase;margin-bottom:4px;font-size:.95rem}.observability-header p{color:var(--text-secondary);font-size:.8rem}.heatmap-wrap{overflow-x:auto}.heatmap-hour-axis,.heatmap-row{grid-template-columns:82px repeat(24,minmax(12px,1fr)) 120px;align-items:center;gap:4px;min-width:880px;display:grid}.heatmap-hour-axis{margin-bottom:6px}.heatmap-axis-tick{text-align:center;color:var(--text-secondary);font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.64rem}.heatmap-day-summary-label{text-align:right;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:.66rem}.heatmap-row{margin-bottom:4px}.heatmap-date-label{color:#d1d5db;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.74rem}.heatmap-cell{border:1px solid #0000;border-radius:3px;width:100%;height:14px;display:inline-block}.heatmap-day-summary{text-align:right;color:#e5e7eb;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.72rem}.heatmap-day-summary small{color:var(--text-secondary)}.heatmap-legend{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.heatmap-legend span{text-align:center;border:1px solid #ffffff24;border-radius:6px;padding:4px 6px;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.66rem}.heatmap-legend span:first-child{background:#94a3b81f}.heatmap-legend span:nth-child(2){background:#f87171b3}.heatmap-legend span:nth-child(3){background:#fb923cad}.heatmap-legend span:nth-child(4){background:#facc159e}.heatmap-legend span:nth-child(5){background:#4ade809e}.heatmap-legend span:nth-child(6){background:#22c55ebf}.incident-list{gap:10px;display:grid}.incident-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:11px 12px}.incident-item.open{background:#7f1d1d2e;border-color:#f8717161}.incident-item.resolved{background:#15803d29;border-color:#4ade8059}.incident-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.incident-head strong{font-size:.85rem}.incident-status{text-transform:uppercase;border:1px solid #ffffff29;border-radius:999px;padding:2px 8px;font-size:.66rem}.incident-status.open{color:#fca5a5;border-color:#f8717166}.incident-status.resolved{color:#86efac;border-color:#4ade806b}.incident-item p{color:#e5e7eb;margin-bottom:7px;font-size:.8rem}.incident-meta{color:var(--text-secondary);flex-wrap:wrap;gap:10px;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.72rem;display:flex}.service-history-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.service-history-card{background:#0000003b;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px}.service-history-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.service-history-title strong{font-size:.82rem}.service-history-meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.7rem;display:flex}.endpoint-panel{margin-bottom:24px;padding:20px}.endpoint-controls{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.endpoint-select{min-width:240px;max-width:320px;padding:7px 10px}.endpoint-selected-line{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.endpoint-selected-line strong{font-size:.9rem}.endpoint-selected-line span{color:var(--text-secondary);font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.78rem}.endpoint-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px;display:grid}.endpoint-chart-wrap{margin-bottom:12px}.endpoint-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;display:grid}.inline-status{text-transform:uppercase;letter-spacing:.4px;border:1px solid #ffffff29;border-radius:999px;padding:2px 8px;font-size:.66rem}.inline-status.online{color:#86efac;background:#15803d33;border-color:#4ade8066}.inline-status.offline{color:#fca5a5;background:#7f1d1d33;border-color:#f8717166}.alerts-panel{margin-bottom:24px;padding:20px}.alerts-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.alerts-header h2{letter-spacing:1.1px;text-transform:uppercase;font-size:.95rem}.alerts-header span{color:var(--text-secondary);font-size:.8rem}.alerts-list{gap:10px;display:grid}.alert-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:12px 14px}.alert-card.critical{background:#7f1d1d33;border-color:#ef444480}.alert-card.warning{background:#78350f33;border-color:#f59e0b80}.alert-card.info{background:#1e3a8a33;border-color:#3b82f680}.alert-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.alert-title-row strong{font-size:.9rem}.alert-badge{text-transform:uppercase;color:var(--text-secondary);border:1px solid #fff3;border-radius:999px;padding:2px 8px;font-size:.68rem}.alert-message{color:#e5e7eb;margin-top:6px;font-size:.82rem}.alert-meta{color:var(--text-secondary);flex-wrap:wrap;gap:10px;margin-top:8px;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.74rem;display:flex}.alerts-empty{color:var(--text-secondary);font-size:.85rem}.performance-panel{margin-bottom:24px;padding:20px}.performance-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.performance-header-right{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.performance-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px;display:grid}.performance-correlation-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px;display:grid}.performance-correlation-item{background:#0000003d;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.performance-correlation-item span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem}.performance-correlation-item strong{font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:1.02rem}.performance-chart-grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}.performance-chart-panel{margin-bottom:0}.performance-table-grid{grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:12px;display:grid}.performance-table-card{min-height:280px}.performance-table-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.performance-table-header h3{margin-bottom:4px}.performance-table-header p{color:var(--text-secondary);font-size:.74rem}.performance-table-controls{align-items:center;gap:8px;display:inline-flex}.performance-table-search{min-width:140px;padding:7px 10px}.performance-export-btn{padding:7px 10px;font-size:.74rem}.performance-sort-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;display:inline-flex}.performance-sort-btn.active{color:#dbeafe}.disk-panel{padding:20px}.disk-topline{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.disk-topline h2{letter-spacing:1.1px;text-transform:uppercase;margin-bottom:4px;font-size:.95rem}.disk-topline p{color:var(--text-secondary);font-size:.8rem}.disk-updated-at{color:var(--text-secondary);font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.76rem}.disk-mount-switch{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:inline-flex}.disk-breadcrumb{background:#0003;border:1px solid #ffffff1a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:12px;padding:8px 10px;display:flex}.disk-crumb{color:#dbeafe;cursor:pointer;background:0 0;border:none;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.78rem}.disk-crumb:hover{color:#93c5fd}.disk-filter-grid{grid-template-columns:2fr repeat(4,minmax(140px,1fr)) auto;gap:8px;margin-bottom:12px;display:grid}.disk-search-form{grid-template-columns:1fr auto;gap:8px;display:grid}.disk-hidden-toggle{border:1px solid var(--panel-border);color:#d1d5db;background:#ffffff05;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;display:inline-flex}.disk-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px;display:grid}.disk-table-wrap{background:#0000002e;border:1px solid #ffffff1a;border-radius:10px;overflow-x:auto}.disk-table{border-collapse:collapse;width:100%;min-width:760px;font-family:JetBrains Mono,Consolas,Menlo,monospace;font-size:.76rem}.disk-table th,.disk-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:8px 10px}.disk-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:.7rem}.disk-table td.right,.disk-table th.right{text-align:right}.disk-open-btn{color:#93c5fd;cursor:pointer;font:inherit;text-underline-offset:2px;background:0 0;border:none;-webkit-text-decoration:underline #93c5fd73;text-decoration:underline #93c5fd73}.disk-open-btn:hover{color:#dbeafe}.disk-type-badge{text-transform:uppercase;letter-spacing:.3px;border:1px solid #fff3;border-radius:999px;padding:2px 7px;font-size:.64rem}.disk-type-badge.dir{color:#86efac;border-color:#4ade8066}.disk-type-badge.file{color:#bfdbfe;border-color:#60a5fa66}.disk-type-badge.link{color:#fcd34d;border-color:#fbbf2466}.disk-type-badge.other{color:#d1d5db;border-color:#d1d5db59}.disk-empty{text-align:center;color:var(--text-secondary);padding:16px 10px}.disk-paging{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:.8rem;display:flex}.disk-paging-actions{gap:8px;display:inline-flex}@media (max-width:740px){.system-panel-header{flex-direction:column;gap:6px}.meter-row{grid-template-columns:80px 1fr auto;gap:8px}.core-usage-grid{grid-template-columns:1fr}.header-actions{justify-content:space-between;width:100%}.trend-chart-legend{gap:8px 12px}.live-detail-grid,.mini-stat-grid{grid-template-columns:1fr}.device-mini-row{grid-template-columns:1fr;gap:4px}.slo-tables-grid{grid-template-columns:1fr}.heatmap-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.service-history-grid{grid-template-columns:1fr}.endpoint-controls{width:100%}.endpoint-select{min-width:100%;max-width:100%}.endpoint-grid{grid-template-columns:1fr}.performance-header-right{justify-content:space-between;width:100%}.performance-table-grid{grid-template-columns:1fr}.performance-table-header{flex-direction:column}.performance-table-controls{flex-direction:column;align-items:stretch;width:100%}.performance-table-search{min-width:100%}.disk-filter-grid,.disk-search-form{grid-template-columns:1fr}.disk-paging{flex-direction:column;align-items:flex-start}}