:root{--adsboard-primary:#6f42c1;--adsboard-success:#198754;--adsboard-danger:#dc3545;--adsboard-warning:#ffc107;--adsboard-info:#0dcaf0;--adsboard-teal:#20c997}.metric-card{border:none;border-radius:8px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #00000014}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.metric-card .metric-value{font-size:1.5rem;font-weight:700;line-height:1.2}.metric-card .metric-label{text-transform:uppercase;letter-spacing:.05em;opacity:.75;font-size:.78rem}.metric-card .metric-trend{font-size:.8rem;font-weight:600}.metric-card .metric-trend.trend-up{color:#198754}.metric-card .metric-trend.trend-down{color:#dc3545}.metric-card .metric-trend.trend-neutral{color:#6c757d}.sync-status-badge{color:#ffffffd9;background:#ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;display:inline-flex}.sync-status-badge .sync-dot{background:#20c997;border-radius:50%;width:7px;height:7px}.sync-status-badge .sync-dot.syncing{background:#ffc107;animation:1s infinite pulse-sync}.sync-status-badge .sync-dot.error{background:#dc3545}@keyframes pulse-sync{0%,to{opacity:1}50%{opacity:.3}}.clickable-table tbody tr{cursor:pointer;transition:background-color .1s}.clickable-table tbody tr:hover{background-color:#6f42c10f}.clickable-table tbody tr.row-selected{border-left:3px solid var(--adsboard-primary);background-color:#6f42c11f}.creative-thumbnail{object-fit:cover;background:#f0f0f0;border:1px solid #00000014;border-radius:6px;width:48px;height:48px}.creative-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.creative-grid .creative-card{cursor:pointer;border:1px solid #00000014;border-radius:10px;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 2px 6px #0000000f}.creative-grid .creative-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.creative-grid .creative-card .creative-image{object-fit:cover;background:#f5f5f5;width:100%;height:150px}.creative-grid .creative-card .creative-info{padding:10px 12px}.creative-grid .creative-card .creative-info .creative-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.creative-modal-image{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:60vh}.dashboard-breadcrumb{color:#6c757d;align-items:center;gap:8px;margin-bottom:16px;font-size:.85rem;display:flex}.dashboard-breadcrumb .bc-separator{opacity:.5}.dashboard-breadcrumb .bc-active{color:var(--adsboard-primary);font-weight:600}.dashboard-breadcrumb .btn-clear-filter{margin-left:auto;padding:2px 10px;font-size:.78rem}.empty-state{text-align:center;padding:48px 24px}.empty-state .empty-icon{opacity:.25;margin-bottom:16px;font-size:3rem}.empty-state h5{color:#495057;font-weight:600}.empty-state p{color:#6c757d;font-size:.9rem}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s infinite skeleton-loading;display:block}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.variation-badge{border-radius:12px;align-items:center;gap:3px;padding:1px 6px;font-size:.75rem;font-weight:700;display:inline-flex}.variation-badge.positive{color:#198754;background:#1987541f}.variation-badge.negative{color:#dc3545;background:#dc35451f}.variation-badge.neutral{color:#6c757d;background:#6c757d1f}.funnel-step{align-items:center;gap:12px;margin-bottom:10px;display:flex}.funnel-step .funnel-bar-wrapper{background:#0000000d;border-radius:4px;flex:1;height:28px;overflow:hidden}.funnel-step .funnel-bar-wrapper .funnel-bar{background:linear-gradient(90deg, var(--adsboard-primary), var(--adsboard-teal));border-radius:4px;height:100%;transition:width .5s}.funnel-step .funnel-label{width:160px;font-size:.8rem;font-weight:500}.funnel-step .funnel-value{text-align:right;width:80px;font-size:.85rem;font-weight:700}.funnel-step .funnel-rate{text-align:right;color:#6c757d;width:60px;font-size:.75rem}