.metric-card .metric-label{font-size:.72rem;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;color:#c9dcf8;font-weight:800}
.metric-card .metric-old{font-size:2rem;color:#fff;text-decoration:none;margin:.35rem 0}
.metric-card .metric-arrow{font-size:2rem;line-height:1;margin:.5rem 0;color:var(--gold)}
.metric-card p{margin:1rem 0 0;color:#c9dcf8;font-size:.82rem}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}
.process-grid article{padding:1.7rem;border:1px solid #ffffff24;border-radius:var(--radius);background:#ffffff0b}
.process-grid article>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:1rem;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:900}
.process-grid h3{font-size:1.25rem}.process-grid p{margin-bottom:0}
.preview-hero{padding:4.75rem 0}.preview-section{background:#f3f6fb}
.preview-container{width:min(1480px,calc(100% - 32px))}
.preview-intro{margin-bottom:2rem}
.preview-intro h2{margin-bottom:.6rem}.preview-intro>div>p:last-child{margin-bottom:0;color:var(--muted)}
.dashboard-shell{overflow:hidden;border:1px solid #d8e0eb;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(25,52,92,.12)}
.dashboard-toolbar{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;background:#0b172a;color:#fff;font-size:.88rem}
.live-dot{display:inline-block;width:9px;height:9px;margin-right:.55rem;border-radius:50%;background:#42d885;box-shadow:0 0 0 4px #42d88522}
#dashboard-status{color:#c8d5e8}.dashboard-scroll{overflow-x:auto}
.sync-table{width:100%;min-width:1210px;border-collapse:collapse;font-size:.78rem;line-height:1.35}
.sync-table th{padding:.8rem .9rem;background:#f7f9fc;border-bottom:1px solid #d8e0eb;color:#536174;text-align:left;text-transform:uppercase;letter-spacing:.045em;font-size:.67rem;white-space:nowrap}
.sync-table td{padding:1rem .9rem;border-bottom:1px solid #e6ebf2;vertical-align:top;color:#344054}.sync-table tbody tr:last-child td{border-bottom:0}
.sync-table tbody tr:hover{background:#fbfcfe}.sync-table td:first-child{width:205px;color:#101828}.data-counts span,.activity-cell span,.file-cell span{display:block;margin-top:.22rem;color:#667085}
.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.24rem .55rem;font-size:.68rem;font-weight:800}
.status-completed{background:#dcfce7;color:#166534}.status-running{background:#dbeafe;color:#1d4ed8}.status-queued{background:#fef3c7;color:#92400e}
.progress-track{width:190px;height:7px;margin:.7rem 0 .25rem;overflow:hidden;border-radius:999px;background:#e5eaf1}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0564f5,#29a5ff);transition:width .2s linear}
.progress-count{color:#667085}.data-counts strong{color:#101828}.previous-file{font-style:italic}.row-actions{display:flex;gap:.45rem;white-space:nowrap}
.sync-button,.details-button{border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#1d3557;padding:.48rem .62rem;font:inherit;font-weight:800;cursor:pointer}.sync-button{border-color:#0564f5;background:#0564f5;color:#fff}.sync-button:disabled{cursor:not-allowed;opacity:.7}.details-button:hover{border-color:#0564f5;color:#0564f5}
.button-spinner{display:none;width:10px;height:10px;margin-right:.35rem;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;animation:preview-spin .8s linear infinite}.is-busy .button-spinner{display:inline-block}
.preview-dialog[hidden]{display:none}.preview-dialog{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem}.dialog-backdrop{position:absolute;inset:0;background:#07101fbb}.dialog-panel{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;padding:2rem;border-radius:16px;background:#fff;box-shadow:0 30px 80px #0005}.dialog-panel h2{font-size:1.7rem;padding-right:2rem}.dialog-close{position:absolute;right:1rem;top:.8rem;border:0;background:transparent;font-size:2rem;line-height:1;cursor:pointer}.dialog-done{margin-top:1.2rem}.dialog-open{overflow:hidden}
.detail-list{margin:0}.detail-list>div{display:grid;grid-template-columns:145px 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid #e6ebf2}.detail-list dt{font-weight:800;color:#344054}.detail-list dd{margin:0;color:#536174}
@keyframes preview-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.process-grid{grid-template-columns:1fr}.preview-container{width:min(100% - 20px,1480px)}}
@media(max-width:480px){.preview-section{padding-top:3rem}.dashboard-toolbar{align-items:flex-start;flex-direction:column}.detail-list>div{grid-template-columns:1fr;gap:.25rem}.dialog-panel{padding:1.4rem}}
@media(prefers-reduced-motion:reduce){.progress-track span{transition:none}.button-spinner{animation:none}}