.cu-card-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.cu-credit-card{background:var(--dc-v2-bg-tertiary);border:1px solid transparent;border-radius:12px;padding:.875rem 1rem 1rem;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.cu-credit-card.util-warning{border-color:var(--dc-copper-400);background:#d4945a14}.cu-credit-card.util-danger{border-color:var(--dc-copper-500);background:#93562014;box-shadow:0 0 0 1px #93562026}.cu-credit-card.is-collapsed .cu-card-fields,.cu-credit-card.is-collapsed .cu-card-util-bar{display:none}.cu-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.cu-card-number{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:var(--dc-v2-text-secondary);text-transform:uppercase;letter-spacing:.04em}.cu-card-number-badge{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--dc-v2-accent);color:var(--dc-v2-text-inverse);font-size:.75rem;font-weight:700}.cu-card-delete{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--dc-v2-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.cu-card-delete:hover,.cu-card-delete:focus-visible{background:#93562014;color:var(--dc-copper-700);border-color:var(--dc-copper-300)}.cu-card-fields{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.625rem;margin-bottom:.75rem;align-items:end}@media(max-width:640px){.cu-card-fields{grid-template-columns:1fr}}.cu-card-field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.cu-card-label{font-size:.75rem;font-weight:600;color:var(--dc-v2-text-secondary);text-transform:uppercase;letter-spacing:.04em}.cu-card-input{width:100%;padding:.5rem .625rem;background:var(--dc-v2-bg-primary);border:1px solid rgba(71,85,105,.14);border-radius:8px;font-size:.9375rem;color:var(--dc-v2-text-primary);transition:border-color .18s ease,box-shadow .18s ease}.cu-card-input:hover{border-color:#4755693d}.cu-card-input:focus-visible{outline:none;border-color:var(--dc-v2-accent);box-shadow:0 0 0 3px #9356202e}.cu-card-util{display:flex;flex-direction:column;gap:.5rem;padding-top:.625rem;border-top:1px solid rgba(71,85,105,.12)}.cu-card-util-header{display:flex;align-items:baseline;justify-content:space-between}.cu-card-util-label{font-size:.6875rem;font-weight:600;color:var(--dc-v2-text-muted);text-transform:uppercase;letter-spacing:.06em}.cu-card-util-value{font-size:.9375rem;font-weight:700;color:var(--dc-v2-text-primary);font-variant-numeric:tabular-nums}.cu-card-util-value.util-excellent,.cu-card-util-value.util-good{color:var(--dc-slate-700)}.cu-card-util-value.util-moderate{color:var(--dc-copper-600)}.cu-card-util-value.util-high{color:var(--dc-copper-700)}.cu-card-util-value.util-critical{color:var(--dc-copper-800)}.cu-card-util-bar{position:relative;width:100%;height:10px;background:#0f171e0f;border-radius:6px;overflow:hidden}.cu-card-util-fill{height:100%;border-radius:6px;background:var(--dc-v2-accent-fill);transition:width .5s cubic-bezier(.16,1,.3,1),background-color .18s ease}.cu-card-util-fill.util-excellent{background:var(--dc-slate-600)}.cu-card-util-fill.util-good{background:var(--dc-slate-700)}.cu-card-util-fill.util-moderate{background:var(--dc-copper-400)}.cu-card-util-fill.util-high{background:var(--dc-copper-600)}.cu-card-util-fill.util-critical{background:var(--dc-copper-800)}.cu-add-card-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:transparent;border:1px dashed var(--dc-v2-border-secondary);border-radius:999px;color:var(--dc-v2-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;margin-bottom:1rem}.cu-add-card-btn:hover,.cu-add-card-btn:focus-visible{background:#9356200f;color:var(--dc-copper-700);border-color:var(--dc-copper-400);border-style:solid}.cu-collapse-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--dc-v2-bg-tertiary);border:1px solid var(--dc-v2-border);border-radius:999px;color:var(--dc-v2-text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;margin-bottom:.5rem}.cu-collapse-toggle:hover{color:var(--dc-copper-700)}.cu-collapse-toggle.is-expanded svg{transform:rotate(180deg)}.cu-tooltip-content{position:absolute;z-index:100;max-width:240px;padding:.75rem 1rem;background:var(--dc-v2-bg-primary);border:1px solid var(--dc-v2-border);border-radius:8px;font-size:.8125rem;line-height:1.4;color:var(--dc-v2-text-secondary);box-shadow:0 8px 24px #0f171e1f}.status-label{display:inline-flex;align-items:center;gap:.375rem;font-weight:600}.status-label.status-excellent,.status-label.status-good{color:var(--dc-slate-700)}.status-label.status-caution{color:var(--dc-copper-700)}.status-label.status-high{color:var(--dc-copper-800)}.cu-percard-list{display:flex;flex-direction:column;gap:.625rem}.cu-percard-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem 1rem;align-items:center;padding:.75rem 1rem;background:var(--dc-v2-bg-tertiary);border:1px solid transparent;border-radius:10px;opacity:0;animation:cu-percard-fade-in .25s ease forwards}.cu-percard-item.highest-util{border-color:var(--dc-copper-500);background:#9356200f}@keyframes cu-percard-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cu-percard-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.cu-percard-name{font-weight:600;color:var(--dc-v2-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cu-percard-details{font-size:.8125rem;color:var(--dc-v2-text-muted);font-variant-numeric:tabular-nums}.cu-percard-visual{display:flex;flex-direction:column;gap:.375rem;align-items:stretch}.cu-percard-ratio{font-size:.9375rem;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.cu-percard-ratio--good{color:var(--dc-slate-700)}.cu-percard-ratio--caution{color:var(--dc-copper-700)}.cu-percard-ratio--high{color:var(--dc-copper-800)}.cu-percard-bar{width:100%;height:14px;background:#0f171e14;border-radius:8px;overflow:hidden}.cu-percard-fill{height:100%;border-radius:8px;background:var(--dc-v2-accent-fill);transition:width .5s cubic-bezier(.16,1,.3,1),background-color .18s ease}.cu-percard-fill.bar-good{background:var(--dc-slate-700)}.cu-percard-fill.bar-caution{background:var(--dc-copper-500)}.cu-percard-fill.bar-high{background:var(--dc-copper-700)}@media(max-width:480px){.cu-percard-item{grid-template-columns:1fr}}.cu-impact-section.impact-excellent{border-left:3px solid var(--dc-slate-500)}.cu-impact-section.impact-good{border-left:3px solid var(--dc-slate-600)}.cu-impact-section.impact-moderate{border-left:3px solid var(--dc-copper-500)}.cu-impact-section.impact-high{border-left:3px solid var(--dc-copper-700)}.cu-impact-section.impact-critical{border-left:3px solid var(--dc-copper-800)}.cu-impact-description{font-size:.9375rem;line-height:1.55;color:var(--dc-v2-text-secondary);margin:0 0 1rem}.cu-band-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.75rem}.cu-band{display:flex;flex-direction:column;gap:.125rem;padding:.75rem .625rem .875rem;background:var(--dc-v2-bg-tertiary);border:1px solid transparent;border-radius:10px;text-align:center;transition:background-color .18s ease}.cu-band--excellent{background:#4755690f}.cu-band--good{background:#47556914}.cu-band--caution{background:#d4945a14}.cu-band--high{background:#9356201a}.cu-band-label{font-size:.875rem;font-weight:700;color:var(--dc-v2-text-primary);font-variant-numeric:tabular-nums}.cu-band-note{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--dc-v2-text-muted)}.cu-band--excellent .cu-band-label,.cu-band--good .cu-band-label{color:var(--dc-slate-700)}.cu-band--caution .cu-band-label{color:var(--dc-copper-700)}.cu-band--high .cu-band-label{color:var(--dc-copper-800)}@media(max-width:640px){.cu-band-legend{grid-template-columns:repeat(2,1fr)}}.cu-action-list{display:flex;flex-direction:column;gap:.625rem}.cu-action-item{padding:.75rem .875rem .75rem 1rem;background:var(--dc-v2-bg-tertiary);border-left:3px solid var(--dc-v2-accent-fill);border-radius:0 10px 10px 0;font-size:.9375rem;line-height:1.5;color:var(--dc-v2-text-secondary)}.cu-action-item strong{color:var(--dc-v2-text-primary);font-variant-numeric:tabular-nums}.cu-action-card{display:grid;grid-template-columns:36px 1fr;gap:.75rem;padding:.875rem 1rem;background:var(--dc-v2-bg-tertiary);border:1px solid transparent;border-radius:10px}.cu-action-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--dc-v2-bg-tertiary);border-radius:8px;font-size:1.25rem;line-height:1}.cu-action-content h3{font-size:.9375rem;font-weight:700;color:var(--dc-v2-text-primary);margin:0 0 .25rem}.cu-action-content p{font-size:.875rem;line-height:1.5;color:var(--dc-v2-text-secondary);margin:0}.cu-action-content strong{color:var(--dc-v2-text-primary);font-variant-numeric:tabular-nums}.section-card[hidden],.legend-item[hidden],.input-row[hidden],.panel-actions[hidden],.panel-footer[hidden]{display:none!important}#saveModal .btn-primary,#loadModal .btn-primary{background:var(--dc-v2-accent);border-color:var(--dc-v2-accent)}#saveModal .btn-primary:hover:not(:disabled),#loadModal .btn-primary:hover:not(:disabled){background:var(--dc-v2-accent-hover);border-color:var(--dc-v2-accent-hover)}#saveModal .modal-confirm:disabled{opacity:.5;cursor:not-allowed}@media print{.input-panel,.panel-actions,.cu-add-card-btn,.cu-collapse-toggle,#saveModal,#loadModal{display:none!important}.results-panel,#results{width:100%;box-shadow:none;border:1px solid var(--dc-v2-border)}.cu-percard-item,.cu-action-item,.cu-action-card,.cu-band{page-break-inside:avoid}}