.sys-dash-grid{margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;gap:10px;display:grid}.sys-dash-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast);position:relative;&:hover{border-color:var(--border-hover);background:var(--bg-raised)}&:active{transform:scale(.98)}}.sys-dash-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.sys-dash-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sys-dash-badge{border-radius:var(--radius-full);width:8px;height:8px;&.ok{background:var(--success-solid);animation:2s infinite pulse}&.error{background:var(--danger-solid)}&.pending{background:var(--warning)}}.sys-dash-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--success);&.ok{color:var(--success)}&.error{color:var(--danger)}&.pending{color:var(--warning)}}.sys-dash-sub{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;margin-bottom:var(--space-2);line-height:1.4}.sys-card-chevron{right:10px;top:var(--space-3);color:var(--border-hover);font-size:var(--text-base);position:absolute}.sys-stats-grid{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.sys-stat-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;min-height:60px;padding:10px 6px;display:flex;&.tappable{cursor:pointer;transition:border-color var(--transition-fast);&:hover{border-color:var(--border-hover);background:var(--bg-raised)}&:active{background:var(--border)}}}.sys-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:var(--space-1);font-size:9px}.sys-stat-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--info);white-space:nowrap;&.positive{color:var(--success)}&.info{color:var(--info)}}.trading-status{background:color-mix(in srgb, var(--success) 12%, transparent);border:1px solid color-mix(in srgb, var(--success) 30%, transparent);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex;&.halted{background:color-mix(in srgb, var(--danger) 12%, transparent);border-color:color-mix(in srgb, var(--danger) 30%, transparent);& .trading-status-text{color:var(--danger)}}}.trading-status-left{align-items:center;gap:10px;display:flex}.trading-status-dot{border-radius:var(--radius-full);width:10px;height:10px;animation:2s infinite pulse;&.active{background:var(--success-solid)}&.halted{background:var(--danger-solid);animation:none}}.trading-status-text{font-size:13px;font-weight:var(--font-semibold);color:var(--text-strong)}.trading-status-sub{font-size:var(--text-xs);color:var(--text-muted)}.sys-menu-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;display:flex;&:active{background:var(--border)}& svg{width:18px;height:18px;fill:var(--text-muted)}}.sparkline{align-items:flex-end;gap:1px;height:14px;display:flex}.spark-bar{background:var(--success-solid);border-radius:1px;flex:1;min-width:3px;height:100%;&.down{background:var(--danger-solid)}}.sparkline-label{margin-top:var(--space-1);color:var(--text-muted);justify-content:space-between;font-size:9px;display:flex}.sparkline-lg{flex-shrink:0;align-items:flex-end;gap:2px;height:32px;min-height:32px;display:flex}.sparkline-label-lg{font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;margin-top:6px;display:flex}.sys-section-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.sys-section-header{padding:var(--space-3);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.sys-section-title{font-size:11px;font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sys-section-badge{font-size:var(--text-xs);color:var(--text-muted)}.sys-incidents-list{padding:var(--space-2)}.no-incidents{text-align:center;padding:var(--space-5) var(--space-3);background:var(--bg-base);border-radius:var(--radius-md);margin-top:var(--space-2)}.no-incidents-icon{width:40px;height:40px;margin:0 auto var(--space-3);background:color-mix(in srgb, var(--success) 12%, transparent);border-radius:var(--radius-full);font-size:var(--text-lg);color:var(--success);justify-content:center;align-items:center;display:flex}.no-incidents-text{color:var(--text-strong);font-size:var(--text-base);font-weight:var(--font-semibold)}.no-incidents-sub{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.sheet-stats{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid;&.cols-2{grid-template-columns:repeat(2,1fr)}&.cols-3{grid-template-columns:repeat(3,1fr)}&.ch-grid .ch-ram{grid-column:1/3}&.ch-grid .ch-disk{grid-column:3/5}}.sheet-stat{background:var(--bg-base);border-radius:var(--radius-md);text-align:center;padding:10px 6px;&.span-2{grid-column:span 2}}.sheet-stat-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--space-1);font-size:9px}.sheet-stat-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--success);&.info{color:var(--info)}&.error{color:var(--danger)}}.sheet-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px}.table-scroll{border:1px solid var(--border);border-radius:var(--radius-md);overscroll-behavior:contain;overflow:auto}.mini-table{border-collapse:collapse;width:100%;& th{color:var(--text-muted);text-transform:uppercase;text-align:left;padding:var(--space-2) var(--space-1);background:var(--bg-base);z-index:var(--z-sticky);font-size:9px;position:sticky;top:0}& td{padding:10px var(--space-1);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px}& tr:last-child td{border-bottom:none}& .time{font-family:ui-monospace,monospace;font-size:var(--text-xs);white-space:nowrap}& .backup-name{font-family:ui-monospace,monospace;font-size:var(--text-xs);color:var(--text-muted)}& .size{white-space:nowrap}}.mini-table--fixed{table-layout:fixed}.mini-col-datetime{width:22%}.mini-col-size{width:18%}.version-details{background:var(--bg-base);border-radius:var(--radius-md)}.version-row{padding:10px var(--space-3);border-bottom:1px solid var(--border);justify-content:space-between;display:flex;&:last-child{border-bottom:none}}.version-label{font-size:var(--text-sm);color:var(--text-muted)}.version-value{font-size:var(--text-sm);color:var(--text);font-weight:var(--font-medium)}.downtime-row{background:var(--bg-raised);padding:var(--space-2);margin-bottom:var(--space-1);border-left:3px solid var(--success-solid);border-radius:6px;&.ongoing{border-left-color:var(--warning);& .downtime-icon{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning)}& .downtime-duration{color:var(--warning)}}}.downtime-main{align-items:center;gap:6px;display:flex}.downtime-icon{border-radius:var(--radius-sm);width:20px;height:20px;font-size:var(--text-xs);background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success);flex-shrink:0;justify-content:center;align-items:center;display:flex}.downtime-times{font-size:11px;font-weight:var(--font-semibold);color:var(--text-strong);flex:1;& .ongoing-text{color:var(--warning)}& .arrow{color:var(--text-muted)}}.downtime-duration{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.downtime-detail{align-items:center;gap:5px;margin-top:3px;padding-left:26px;display:flex}.downtime-service{font-size:8px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.3px;padding:1px var(--space-1);background:var(--border);color:var(--text-muted);border-radius:3px;flex-shrink:0}.downtime-message{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}