.dashboard-page{padding-bottom:24px}.dc-metrics{display:grid;grid-template-columns:1.2fr 1.25fr 1fr 1.15fr .85fr 1.35fr 1.1fr;gap:8px;margin-bottom:12px}.dc-metric{min-width:0;min-height:86px;padding:14px 13px;display:flex;align-items:center;gap:10px;border:1px solid var(--pg-border);border-radius:7px;background:#fff;box-shadow:var(--pg-shadow-card)}.dc-metric-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:#eef5fb;color:#4389cc}.dc-metric-icon svg{width:20px;height:20px}.dc-metric small,.dc-metric strong,.dc-metric em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-metric small{color:var(--pg-text-secondary);font-size:12px}.dc-metric strong{margin-top:3px;color:var(--pg-text-primary);font-size:18px;line-height:24px}.dc-metric em{margin-top:1px;color:var(--pg-text-muted);font-size:11px;font-style:normal}.dc-metric.success .dc-metric-icon{background:#e3f3f0;color:var(--pg-success)}.dc-metric.success strong{color:var(--pg-success)}.dc-metric.warning .dc-metric-icon{background:#fff2d8;color:var(--pg-warning)}.dc-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:stretch}.dc-main{min-width:0;display:grid;gap:12px}.dc-list-card,.dc-upgrades,.dc-detail{min-width:0;border:1px solid var(--pg-border);border-radius:7px;background:#fff;box-shadow:var(--pg-shadow-card);overflow:hidden}.dc-card-title{height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pg-border)}.dc-card-title h2,.dc-detail h2{margin:0;font-size:16px}.dc-card-title .btn{height:30px}.dc-card-title .btn svg{width:14px;height:14px;margin-right:5px}.dc-filters{padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--pg-border)}.dc-filters select,.dc-filters input{height:32px;border:1px solid #d5dfe4;border-radius:4px;background:#fff;color:var(--pg-text-primary);font-size:13px}.dc-filters select{width:125px;padding:0 9px}.dc-filters .search{position:relative;min-width:230px;max-width:420px;flex:1}.dc-filters .search span{position:absolute;top:7px;left:9px;color:var(--pg-text-muted)}.dc-filters .search svg{width:16px;height:16px}.dc-filters input{width:100%;padding:0 10px 0 32px}.dc-table{min-width:1110px}.dc-table th,.dc-table td{white-space:nowrap}.dc-table td{height:43px}.dc-table tbody tr{cursor:pointer}.dc-table tbody tr.selected td{background:var(--pg-primary-soft)}.dc-table tbody tr.selected td:first-child{box-shadow:inset 2px 0 var(--pg-primary)}.dc-status{height:22px;padding:0 7px;display:inline-flex;align-items:center;gap:5px;border-radius:4px;font-size:12px}.dc-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.dc-status.success{background:#e3f3f0;color:#12695f}.dc-status.danger{background:#fde9e8;color:#a43e3b}.dc-status.neutral{background:#eef2f4;color:#65747d}.dc-status.info{background:#e7f1fa;color:#2f6c9f}.dc-pagination{height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--pg-border);color:var(--pg-text-secondary);font-size:12px}.dc-pagination div{display:flex;gap:6px}.dc-pagination button,.dc-pagination b{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--pg-border);border-radius:4px;background:#fff}.dc-pagination b{border-color:var(--pg-primary);background:var(--pg-primary-soft);color:var(--pg-primary)}.dc-detail{display:flex;flex-direction:column}.dc-detail-head{height:56px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pg-border)}.dc-detail-head>div>span{display:none}.dc-service-title{padding:18px 14px;display:flex;align-items:center;gap:12px}.dc-service-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--pg-primary-soft);color:var(--pg-primary)}.dc-service-title svg{width:20px;height:20px}.dc-service-title strong,.dc-service-title small{display:block}.dc-service-title small{margin-top:2px;color:var(--pg-text-muted)}.dc-detail dl{margin:0;padding:0 14px;display:grid;grid-template-columns:92px minmax(0,1fr);row-gap:13px;font-size:13px}.dc-detail dt{color:var(--pg-text-secondary)}.dc-detail dd{margin:0;min-width:0;overflow-wrap:anywhere}.dc-reason{margin:16px 14px 0}.dc-reason>span{display:block;margin-bottom:6px;color:var(--pg-text-secondary);font-size:13px}.dc-reason p{margin:0;padding:9px 10px;border-radius:4px;background:#fde9e8;color:#a43e3b;font-size:12px;line-height:20px}.dc-detail-actions{margin-top:auto;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--pg-border)}.dc-empty{padding:42px;text-align:center;color:var(--pg-text-muted)}.dc-upgrades .data-table td{height:40px}.dc-confirm{display:flex;gap:12px;padding:4px}.dc-confirm>span{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;background:#fff2d8;color:var(--pg-warning)}.dc-confirm p{margin:5px 0 0;color:var(--pg-text-secondary);line-height:22px}.dc-confirm svg{width:21px;height:21px}@media(max-width:1280px){.dc-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.dc-workspace{grid-template-columns:minmax(0,1fr) 270px}}@media(max-width:1050px){.dc-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dc-workspace{grid-template-columns:1fr}.dc-detail{min-height:520px}.dc-detail-actions{margin-top:20px}.dc-upgrades{overflow:hidden}}