@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color: #111217;--panel-bg: #1e1e24;--panel-border: #2c3235;--text-primary: #ccccdc;--text-secondary: #8e99a4;--text-value: #f4f5f5;--color-green: #73bf69;--color-yellow: #f2cc0c;--color-red: #f2495c;--color-blue: #5794f2;--color-orange: #ff9830;--glass-bg: rgba(30, 30, 36, .7)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.dashboard-container{display:flex;min-height:100vh;padding:16px;gap:16px}.sidebar{width:350px;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.main-content{flex-grow:1;display:flex;flex-direction:column;gap:16px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:4px;padding:16px;box-shadow:0 4px 6px #0000004d}.panel-title{font-size:13px;text-transform:uppercase;font-weight:600;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--panel-border);padding-bottom:8px}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.form-control{width:100%;background:#141414;border:1px solid var(--panel-border);color:var(--text-primary);padding:8px 12px;border-radius:4px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.form-control:focus{outline:none;border-color:var(--color-blue)}.btn{background:var(--color-blue);color:#fff;border:none;padding:8px 16px;border-radius:4px;font-weight:500;cursor:pointer;width:100%;transition:opacity .2s;font-size:13px}.btn:hover{opacity:.9}.btn-danger{background:transparent;color:var(--color-red);border:1px solid var(--color-red);padding:4px 8px;font-size:12px;width:auto}.btn-danger:hover{background:#f2495c1a;opacity:1}.gpu-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;max-height:250px;overflow-y:auto}.gpu-item{background:#18191d;border:1px solid var(--panel-border);padding:8px 12px;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.gpu-details{font-size:13px;font-weight:500;display:flex;flex-direction:column;color:var(--text-primary)}.gpu-details span{color:var(--text-secondary);font-size:11px;font-family:JetBrains Mono,monospace}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.metric-card{display:flex;flex-direction:column;justify-content:space-between}.metric-value-container{display:flex;flex-direction:row;align-items:baseline;gap:4px;margin-top:8px}.metric-value{font-family:JetBrains Mono,monospace;font-size:42px;font-weight:700;line-height:1}.metric-unit{font-size:14px;color:var(--text-secondary)}.metric-value.green{color:var(--color-green)}.metric-value.orange{color:var(--color-orange)}.metric-value.blue{color:var(--color-blue)}.metric-value.red{color:var(--color-red)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a5157}.progress-container{margin-top:16px}.progress-info{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary);margin-bottom:4px}.progress-bar-bg{width:100%;height:6px;background:#141414;border-radius:3px;overflow:hidden;border:1px solid #000}.progress-bar-fill{height:100%;border-radius:3px;transition:width .3s ease,background-color .3s ease}.chart-placeholder{flex-grow:1;display:flex;flex-direction:column}.host-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px}.host-card{background:#18191d;border:1px solid var(--panel-border);padding:12px;border-radius:4px}.host-title{font-size:12px;color:var(--text-secondary);border-bottom:1px solid var(--panel-border);padding-bottom:4px;margin-bottom:8px}.host-gauge{font-family:JetBrains Mono,monospace;font-size:24px;text-align:center;color:var(--color-green);font-weight:700}.host-gauge.warning{color:var(--color-orange)}.host-gauge.danger{color:var(--color-red)}