#metrics-subtab .card{transition:all var(--transition-normal);box-shadow:var(--shadow-xs)}#metrics-subtab .card:hover{box-shadow:var(--shadow-card-hover);transform:var(--hover-lift-md)}#metrics-subtab .card-body{padding:1.25rem}#metrics-subtab .card-title{font-size:.98rem;font-weight:var(--font-semibold);margin-bottom:1rem;color:var(--text-color);border-bottom:1px solid var(--surface-border-strong);padding-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}#metrics-subtab .metrics-kv-item{gap:.75rem}#metrics-subtab .metrics-kv-label{min-width:0;flex:0 1 auto}#metrics-subtab .metrics-kv-value{min-width:0;max-width:60%;text-align:right;overflow-wrap:anywhere;word-break:break-word}#metrics-subtab .disk-usage-item{padding:.1rem 0}#metrics-subtab .disk-usage-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}#metrics-subtab .disk-usage-path{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:var(--font-semibold);color:var(--text-color)}#metrics-subtab .disk-usage-values{font-size:.82rem;white-space:nowrap;font-variant-numeric:tabular-nums}#metrics-subtab .disk-usage-progress{height:8px;border-radius:var(--border-radius-pill);overflow:hidden}#metrics-subtab .disk-usage-progress .progress-bar{font-size:0;line-height:0}#metrics-subtab .disk-usage-meta{margin-top:.3rem;display:flex;justify-content:space-between;color:var(--text-muted);font-size:.68rem;font-variant-numeric:tabular-nums}#metrics-subtab .processes-panel{background:color-mix(in srgb,var(--surface-elevated) 88%,var(--surface-1));border:1px solid var(--surface-border);border-radius:var(--border-radius-lg);padding:1rem;box-shadow:var(--shadow-surface-sm)}#metrics-subtab .processes-panel-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}#metrics-subtab .processes-panel-title-wrap{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}#metrics-subtab .processes-panel-title-wrap h3{margin:0;padding:0;border:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}#metrics-subtab .processes-show-all{margin-bottom:0}@media(max-width:576px){#metrics-subtab .metrics-kv-item{align-items:flex-start !important;flex-wrap:wrap}#metrics-subtab .metrics-kv-value{max-width:100%;width:100%;text-align:left;margin-top:.25rem}}#metrics-subtab .processes-table-wrap{border:1px solid var(--surface-border);border-radius:var(--border-radius-lg);overflow:hidden}#metrics-subtab .processes-table{margin-bottom:0}#metrics-subtab .processes-table thead th{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb,var(--surface-2) 70%,var(--surface-elevated));border-bottom-color:var(--surface-border);cursor:pointer}#metrics-subtab .processes-table tbody td{font-size:.84rem;vertical-align:middle;border-bottom-color:var(--surface-border)}#metrics-subtab .processes-table tbody tr:hover{background:var(--surface-hover)}#metrics-subtab .processes-table tbody tr.process-row-container td{background:linear-gradient(90deg,var(--accent-soft),transparent)}#metrics-subtab .processes-table tbody tr.process-row-container td:first-child{border-left:3px solid var(--accent-1)}#metrics-subtab .processes-table tbody tr.process-row-container:hover td{background:linear-gradient(90deg,var(--accent-soft-strong),var(--surface-hover))}#metrics-subtab .process-name-cell{display:flex;align-items:center;gap:.45rem}#metrics-subtab .process-main-name{font-weight:var(--font-semibold);color:var(--text-color);line-height:1.2}#metrics-subtab .process-container-chip{margin-left:.35rem;padding:.1rem .4rem;border-radius:var(--border-radius-pill);font-size:.6rem;font-weight:var(--font-bold);letter-spacing:.03em;text-transform:uppercase;color:var(--accent-1);background:var(--accent-soft);border:1px solid var(--accent-soft-strong)}#metrics-subtab .process-sub{font-size:.68rem;color:var(--text-muted);font-variant-numeric:tabular-nums}#metrics-subtab .process-cpu-cell{display:flex;align-items:center;gap:.4rem;min-width:95px}#metrics-subtab .process-cpu-bar-bg{width:48px;height:6px;background:color-mix(in srgb,var(--surface-card) 85%,var(--surface-elevated));border-radius:var(--border-radius-pill);overflow:hidden}#metrics-subtab .process-cpu-bar{height:100%;background:linear-gradient(90deg,#0ea5e9,#3b82f6);transition:width .6s ease}#metrics-subtab .process-num{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}#metrics-subtab .progress{background-color:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--border-radius);overflow:hidden}#metrics-subtab .progress-bar{font-weight:var(--font-semibold);font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:width .6s ease,background-color .3s ease}#metrics-subtab .bg-success{background:linear-gradient(90deg,var(--success-color),var(--success-hover))}#metrics-subtab .bg-warning{background:linear-gradient(90deg,#ffc107,#ff9800)}#metrics-subtab .bg-danger{background:linear-gradient(90deg,#dc3545,#c82333)}#metrics-subtab h3{color:var(--text-color);font-weight:var(--font-semibold);font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--accent-color);letter-spacing:.02em}#metrics-subtab p{margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}#metrics-subtab p strong{color:var(--text-color);font-weight:var(--font-semibold);min-width:140px;display:inline-block}#metrics-subtab small{color:var(--text-muted);font-size:.85rem}@media(max-width:768px){#metrics-subtab .col-md-6{margin-bottom:1rem}#metrics-subtab h3{font-size:1.1rem}#metrics-subtab .card-title{font-size:.95rem}}#metrics-subtab [id^="cpu-"],#metrics-subtab [id^="memory-"],#metrics-subtab [id^="swap-"],#metrics-subtab [id^="disk-"],#metrics-subtab [id^="platform-"],#metrics-subtab [id^="system-"],#metrics-subtab [id^="process-"],#metrics-subtab [id^="network-"]{transition:color var(--transition-smooth)}#metrics-subtab .alert-info{background-color:var(--accent-soft);border:1px solid var(--accent-color);color:var(--text-color);font-size:.9rem}