@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-v19-latin-regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/inter-v19-latin-italic.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-v19-latin-600.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-v19-latin-700.woff2)format("woff2")}:root{--bg-primary:#0a0e1a;--bg-secondary:#0f1629;--bg-card:#111827;--bg-card-alt:#0d1321;--bg-card-hover:#1a2332;--bg-nav:#111827;--bg-nav-active:#3b82f6;--bg-input:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-label:#cbd5e1;--accent-blue:#3b82f6;--accent-blue-dim:#2563eb;--accent-cyan:#06b6d4;--accent-green:#22c55e;--accent-red:#ef4444;--accent-orange:#f97316;--accent-yellow:#eab308;--accent-purple:#a855f7;--accent-pink:#ec4899;--color-google:#4285f4;--color-meta:#0668e1;--color-instagram:#e1306c;--color-youtube:red;--color-tiktok:#00f2ea;--color-linkedin:#0a66c2;--color-mailchimp:#ffe01b;--color-studycheck:#00b67a;--border-color:#1e293b;--border-subtle:#1a2332;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--shadow-card:0 1px 3px #0000004d, 0 4px 12px #0003;--shadow-elevated:0 4px 24px #0006;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}.auth-gate{z-index:10000;background:var(--bg-primary);backdrop-filter:blur(20px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-elevated);padding:48px 40px 40px}.auth-icon{margin-bottom:12px;font-size:2.5rem}.auth-card h2{color:var(--text-primary);margin:0 0 6px;font-size:1.4rem;font-weight:700}.auth-card p{color:var(--text-secondary);margin:0 0 24px;font-size:.85rem}.auth-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);box-sizing:border-box;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:1rem}.auth-input:focus{border-color:var(--accent-blue)}.auth-remember{text-align:left;margin:14px 0 18px}.auth-remember label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:.82rem;display:flex}.auth-remember input[type=checkbox]{accent-color:var(--accent-blue);width:16px;height:16px}.auth-submit{background:var(--accent-blue);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:background var(--transition-fast);border:none;padding:12px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.auth-submit:hover{background:var(--accent-blue-dim)}p.auth-error{color:#ef4444;margin:0;padding:8px 0 0;font-size:.82rem;line-height:1}p.auth-error[hidden]{visibility:hidden;display:block!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dashboard{max-width:1200px;padding:var(--space-lg);flex-direction:column;min-height:100vh;margin:0 auto;display:flex}.dashboard-header{padding:var(--space-lg) var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.header-left .header-label{letter-spacing:2px;text-transform:uppercase;color:var(--accent-blue);margin-bottom:var(--space-xs);font-size:.7rem;font-weight:600}.header-left h1{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.7rem;font-weight:700}.header-left .header-subtitle{color:var(--text-secondary);font-size:.85rem}.year-selector{gap:var(--space-sm);padding:0 0 var(--space-xs) 0;margin-bottom:var(--space-xs);scrollbar-width:none;display:flex;overflow-x:auto}.year-selector::-webkit-scrollbar{display:none}.year-btn{padding:var(--space-xs) var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;font-family:inherit;font-size:.85rem}.year-btn:hover{color:var(--text-primary);background:var(--bg-card-hover);border-color:var(--border-color)}.year-btn.active{background:var(--bg-card);color:var(--text-primary);border-color:var(--accent-blue);font-weight:600}.year-btn.disabled{opacity:.3;pointer-events:none;cursor:default}.month-selector{gap:var(--space-xs);padding:var(--space-sm) 0;margin-bottom:var(--space-md);scrollbar-width:none;display:flex;overflow-x:auto}.month-selector::-webkit-scrollbar{display:none}.month-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;flex-direction:column;align-items:center;min-width:50px;font-family:inherit;font-size:.78rem;display:flex}.month-btn:hover{color:var(--text-secondary);background:var(--bg-card)}.month-btn.active{background:var(--accent-blue);color:#fff;font-weight:600}.month-btn .month-label{font-size:.78rem;font-weight:600}.month-btn .month-spend{opacity:.8;margin-top:2px;font-size:.65rem}.month-btn.disabled{opacity:.3;pointer-events:none}.month-btn.month-pop-in{animation:.4s cubic-bezier(.34,1.56,.64,1) both monthPopIn;animation-delay:var(--pop-delay,0s)}@keyframes monthPopIn{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.tab-navigation-wrapper{gap:var(--space-xs);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.tab-navigation{align-items:center;gap:var(--space-xs);padding:var(--space-xs);background:var(--bg-nav);border-radius:var(--radius-xl);scrollbar-width:none;display:flex;overflow-x:auto}.tab-navigation::-webkit-scrollbar{display:none}.tab-row-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:var(--space-sm) var(--space-md);white-space:nowrap;user-select:none;flex-shrink:0;font-size:.65rem;font-weight:700}.tab-btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xl);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-family:inherit;font-size:.82rem;font-weight:500;display:flex}.tab-btn:hover:not(.disabled){color:var(--text-primary);background:var(--bg-card-hover)}.tab-btn.active{background:var(--accent-blue);color:#fff;font-weight:600;box-shadow:0 2px 8px #3b82f659}.tab-btn .tab-icon{font-size:.9rem}.tab-btn.disabled{opacity:.3;pointer-events:none;cursor:default}.empty-state{padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state .empty-icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.empty-state h2{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:1.2rem;font-weight:600}.empty-state p{max-width:400px;font-size:.85rem}.loading-state{padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:300px;display:flex}.loading-state p{font-size:.9rem}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tab-content{animation:fadeIn var(--transition-base) ease;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kpi-card-loading{z-index:10;backdrop-filter:blur(2px);border-radius:var(--radius-md);background:#00000080;justify-content:center;align-items:center;animation:.15s overlayFadeIn;display:flex;position:absolute;inset:0}.kpi-card-loading .card-spinner{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.75s linear infinite spin}.chart-card-loading{z-index:10;justify-content:center;align-items:center;gap:var(--space-sm);backdrop-filter:blur(2px);border-radius:var(--radius-lg);background:#00000073;animation:.15s overlayFadeIn;display:flex;position:absolute;inset:0}.chart-card-loading .card-spinner{border:2.5px solid #fff3;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite spin}.chart-card-loading .loading-label{color:#fff;opacity:.85;font-size:.8rem;font-weight:600}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.section-title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:700;display:flex}.section-title .title-icon{font-size:1.2rem}.section-title .last-updated-badge{color:var(--text-secondary);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;margin-left:auto;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.section-title .inline-upload{color:var(--accent-blue);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#3b82f614;border:1px solid #3b82f62e;border-radius:6px;flex-shrink:0;align-items:center;gap:.35rem;margin-left:auto;padding:.25rem .7rem;font-size:.75rem;font-weight:600;display:inline-flex}.section-title .last-updated-badge:not([style*=display\:none]):not([style*="display: none"])~.inline-upload{margin-left:0}.section-title .inline-upload:hover{background:#3b82f626;border-color:#3b82f659;transform:translateY(-1px)}.section-title .inline-upload .inline-upload-icon{font-size:.85rem}.section-title .inline-upload .inline-upload-label{pointer-events:none}.section-title .inline-upload.upload-success{color:var(--accent-green);background:#22c55e14;border-color:#22c55e2e}.section-subtitle{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.82rem}.kpi-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.kpi-grid.cols-4{grid-template-columns:repeat(4,1fr)}.kpi-grid.cols-3{grid-template-columns:repeat(3,1fr)}.kpi-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-fast);min-height:110px;position:relative;overflow:hidden}.kpi-hidden{opacity:0!important;transform:scale(.85)!important}.kpi-pop{animation:.4s cubic-bezier(.34,1.56,.64,1) both kpiCardPop!important;animation-delay:var(--kpi-delay,0s)!important}@keyframes kpiCardPop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.kpi-card:hover{background:var(--bg-card-hover);border-color:var(--border-color);box-shadow:var(--shadow-card);transform:translateY(-1px)}.kpi-card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.kpi-card-label{align-items:center;gap:var(--space-xs);text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:.72rem;font-weight:600;display:flex}.kpi-card-label .kpi-icon{font-size:.85rem}.kpi-trend{border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:.72rem;font-weight:600;display:flex}.kpi-trend.up{color:var(--accent-red);background:#ef44441a}.kpi-trend.down,.kpi-trend.positive{color:var(--accent-green);background:#22c55e1a}.kpi-trend.negative{color:var(--accent-red);background:#ef44441a}.kpi-value{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.85rem;font-weight:700;line-height:1.2}.kpi-value.delta-positive{color:var(--accent-green)}.kpi-value.delta-negative{color:var(--accent-red)}.kpi-detail{color:var(--text-muted);font-size:.75rem}.charts-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.charts-grid.cols-1{grid-template-columns:1fr}.charts-grid.wide-left{grid-template-columns:2fr 1fr}.chart-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition-fast);min-height:290px;position:relative;overflow:hidden}.chart-card:hover{border-color:var(--border-color)}.chart-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.chart-card-title{font-size:.95rem;font-weight:600}.chart-toggle{gap:var(--space-xs);display:flex}.chart-toggle button{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-input);color:var(--text-secondary);border:none;padding:4px 12px;font-family:inherit;font-size:.72rem;font-weight:500}.chart-toggle button.active{background:var(--accent-blue);color:#fff}.chart-wrapper{width:100%;min-height:200px;position:relative}.chart-wrapper canvas{width:100%!important}.chart-legend{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.legend-item{align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:.72rem;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.campaign-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md)}.campaign-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.campaign-header-left{align-items:center;gap:var(--space-md);display:flex}.campaign-name{text-transform:uppercase;letter-spacing:.5px;font-size:1rem;font-weight:700}.campaign-badge{letter-spacing:.5px;border-radius:4px;padding:3px 8px;font-size:.65rem;font-weight:700}.campaign-badge.winner{color:var(--accent-green);background:#22c55e26}.campaign-badge.loser{color:var(--accent-red);background:#ef444426}.campaign-badge.neutral{color:var(--text-secondary);background:#94a3b826}.campaign-groups{color:var(--accent-blue);font-size:.75rem}.campaign-status{color:var(--accent-green);text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.campaign-progress{background:var(--bg-input);height:3px;margin-bottom:var(--space-lg);border-radius:2px;overflow:hidden}.campaign-progress-fill{background:var(--accent-green);border-radius:2px;height:100%}.campaign-metrics{gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--border-subtle);grid-template-columns:repeat(6,1fr);display:grid}.campaign-metrics+.campaign-metrics{border-top:1px solid var(--border-subtle)}.metric-item{flex-direction:column;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);font-size:.65rem}.metric-value{font-size:1rem;font-weight:700}.campaign-toggle-btn{align-items:center;gap:var(--space-xs);color:var(--accent-blue);cursor:pointer;padding:var(--space-sm) 0;transition:color var(--transition-fast);background:0 0;border:none;font-family:inherit;font-size:.75rem;display:inline-flex}.campaign-toggle-btn:hover{color:var(--accent-cyan)}.campaign-details{padding-top:var(--space-md);border-top:1px solid var(--border-subtle);display:none}.campaign-details.open{animation:fadeIn var(--transition-base) ease;display:block}.data-table-wrapper{margin-bottom:var(--space-xl);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table thead th{text-align:left;padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-size:.72rem;font-weight:600}.data-table tbody td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.data-table tbody tr:hover{background:var(--bg-card-hover)}.data-table .val-positive{color:var(--accent-green)}.data-table .val-negative{color:var(--accent-red)}.recommendation-list{gap:var(--space-md);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.recommendation-card{padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:default;border-left:4px solid #0000;justify-content:space-between;align-items:center;display:flex}.recommendation-card:hover{transform:translate(4px)}.recommendation-card.high{border-left-color:var(--accent-red);background:#ef44440f}.recommendation-card.medium{border-left-color:var(--accent-yellow);background:#eab3080f}.recommendation-card.low{border-left-color:var(--accent-green);background:#22c55e0f}.rec-content .rec-title{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);font-size:.95rem;font-weight:600;display:flex}.rec-content .rec-description{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.rec-priority{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:4px 12px;font-size:.7rem;font-weight:700}.rec-priority.high{color:var(--accent-red);background:#ef444426}.rec-priority.medium{color:var(--accent-yellow);background:#eab30826}.summary-box{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-xl)}.summary-box h3{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:1.1rem;font-weight:700;display:flex}.summary-box .summary-row{gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:.85rem;line-height:1.6;display:flex}.summary-box .summary-label{color:var(--text-primary);white-space:nowrap;font-weight:600}.summary-box .summary-value{color:var(--text-secondary)}.google-campaign-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow:hidden}.google-campaign-header{padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.google-campaign-header:hover{background:var(--bg-card-hover)}.google-campaign-name{align-items:center;gap:var(--space-sm);font-size:.9rem;font-weight:600;display:flex}.google-campaign-status{text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:600}.google-campaign-status.active{color:var(--accent-green)}.google-campaign-status.paused{color:var(--text-muted)}.google-campaign-body{padding:0 var(--space-lg) var(--space-lg);display:none}.google-campaign-body.open{animation:fadeIn var(--transition-base) ease;display:block}.google-metrics-grid{gap:var(--space-md);margin-bottom:var(--space-sm);grid-template-columns:repeat(6,1fr);display:grid}.google-metric{flex-direction:column;display:flex}.google-metric .g-label{color:var(--text-muted);margin-bottom:var(--space-xs);font-size:.65rem}.google-metric .g-value{font-size:.95rem;font-weight:700}.google-metric .g-trend{margin-top:2px;font-size:.65rem}.google-metric .g-trend.positive{color:var(--accent-green)}.google-metric .g-trend.negative{color:var(--accent-red)}.horiz-bar-chart{gap:var(--space-sm);padding:var(--space-md) 0;flex-direction:column;display:flex}.horiz-bar-row{align-items:center;gap:var(--space-md);display:flex}.horiz-bar-label{min-width:140px;color:var(--text-secondary);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.horiz-bar-track{background:var(--bg-input);border-radius:4px;flex:1;height:20px;overflow:hidden}.horiz-bar-fill{background:var(--accent-blue);border-radius:4px;min-width:2px;height:100%;transition:width .8s}.horiz-bar-value{min-width:70px;color:var(--text-primary);font-size:.75rem;font-weight:600}.sub-tabs{gap:var(--space-xs);margin-bottom:var(--space-lg);display:flex}.sub-tab-btn{padding:var(--space-xs) var(--space-md);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:.75rem;font-weight:500}.sub-tab-btn:hover{color:var(--text-primary);border-color:var(--border-color)}.sub-tab-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.dashboard-footer{padding:var(--space-xl) 0;border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:auto;font-size:.72rem;display:flex}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-blue{color:var(--accent-blue)}.text-yellow{color:var(--accent-yellow)}.text-muted{color:var(--text-muted)}.fw-600{font-weight:600}.fw-700{font-weight:700}.mt-md{margin-top:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.channel-google .kpi-card{border-top:2px solid var(--color-google)}.channel-meta .kpi-card{border-top:2px solid var(--color-meta)}.channel-instagram .kpi-card{border-top:2px solid var(--color-instagram)}.channel-youtube .kpi-card{border-top:2px solid var(--color-youtube)}.channel-tiktok .kpi-card{border-top:2px solid var(--color-tiktok)}.channel-linkedin .kpi-card{border-top:2px solid var(--color-linkedin)}.channel-mailchimp .kpi-card{border-top:2px solid var(--color-mailchimp)}.channel-studycheck .kpi-card{border-top:2px solid var(--color-studycheck)}.studycheck-profile-link{color:var(--color-studycheck);text-decoration:none;transition:opacity .15s}.studycheck-profile-link:hover{opacity:.8;text-decoration:underline}@media (width<=1200px){.kpi-grid.cols-4,.budget-grid{grid-template-columns:repeat(2,1fr)}.charts-grid.wide-left{grid-template-columns:1fr}.campaign-metrics,.google-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){html{font-size:13px}.dashboard{padding:var(--space-md)}.dashboard-header{gap:var(--space-md);padding:var(--space-md);flex-direction:column}.kpi-grid,.kpi-grid.cols-4,.kpi-grid.cols-3,.charts-grid,.budget-grid{grid-template-columns:1fr}.campaign-metrics,.google-metrics-grid{grid-template-columns:repeat(2,1fr)}.recommendation-card{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.horiz-bar-label{min-width:80px;font-size:.65rem}.infomaterial-faculty-grid,.infomaterial-charts-grid{grid-template-columns:1fr}.upload-content{text-align:center;flex-direction:column}}.infomaterial-upload-area{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);background:var(--bg-card);cursor:pointer;transition:all var(--transition-base);position:relative}.infomaterial-upload-area:hover{border-color:var(--accent-blue);background:var(--bg-card-hover)}.infomaterial-upload-area.dragover{border-color:var(--accent-blue);background:#3b82f614;box-shadow:0 0 0 4px #3b82f61a}.infomaterial-upload-area.upload-success{border-color:var(--accent-green);animation:.6s uploadPulse}@keyframes uploadPulse{0%{box-shadow:0 0 #22c55e4d}50%{box-shadow:0 0 0 12px #22c55e0d}to{box-shadow:0 0 #22c55e00}}.upload-content{align-items:center;gap:var(--space-lg);display:flex}.upload-icon{opacity:.7;flex-shrink:0;font-size:2.2rem}.upload-text{flex-direction:column;flex:1;gap:2px;display:flex}.upload-text strong{color:var(--text-primary);font-size:.95rem}.upload-text span{color:var(--text-muted);font-size:.78rem}.upload-btn{padding:var(--space-sm) var(--space-lg);background:var(--accent-blue);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0;font-family:inherit;font-size:.82rem;font-weight:600}.upload-btn:hover{background:var(--accent-blue-dim);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.upload-feedback{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);animation:fadeIn var(--transition-base) ease;font-size:.82rem;font-weight:500}.upload-feedback.upload-success{color:var(--accent-green);background:#22c55e1a;border:1px solid #22c55e33}.upload-feedback.upload-error{color:var(--accent-red);background:#ef44441a;border:1px solid #ef444433}.upload-feedback.upload-loading{color:var(--accent-blue);background:#3b82f61a;border:1px solid #3b82f633}.infomaterial-faculty-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.infomaterial-faculty-card{background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-card-hover) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-fast);position:relative;overflow:hidden}.infomaterial-faculty-card:before{content:"";background:var(--faculty-color,var(--accent-blue));border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.infomaterial-faculty-card:hover{box-shadow:var(--shadow-card);border-color:var(--border-color);transform:translateY(-2px)}.faculty-card-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.faculty-icon{font-size:1.3rem}.faculty-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.82rem;font-weight:600}.faculty-value{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:2rem;font-weight:700;line-height:1.1}.faculty-footer{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.faculty-month{color:var(--text-muted);font-size:.72rem}.faculty-change{border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:600}.faculty-change.positive{color:var(--accent-green);background:#22c55e1a}.faculty-change.negative{color:var(--accent-red);background:#ef44441a}.faculty-prev{color:var(--text-muted);margin-top:var(--space-xs);font-size:.7rem}.infomaterial-charts-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.infomaterial-chart-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-fast)}.infomaterial-chart-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-card)}.infomaterial-chart-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.infomaterial-chart-title{color:var(--text-primary);flex:1;font-size:.82rem;font-weight:600;line-height:1.3}.sg-change{white-space:nowrap;border-radius:4px;flex-shrink:0;padding:2px 8px;font-size:.72rem;font-weight:600}.sg-change.positive{color:var(--accent-green);background:#22c55e1a}.sg-change.negative{color:var(--accent-red);background:#ef44441a}.infomaterial-chart-values{gap:var(--space-lg);margin-bottom:var(--space-sm);display:flex}.sg-current,.sg-prev{align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:.72rem;display:flex}.sg-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.infomaterial-chart-wrapper{height:140px;position:relative}.infomaterial-chart-wrapper canvas{width:100%!important}.infomaterial-empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-muted);grid-column:1/-1;font-size:.9rem}.placeholder-card .faculty-value{color:var(--text-muted);opacity:.5}.mb-md{margin-bottom:var(--space-md)}@media (width<=900px){.infomaterial-faculty-grid{grid-template-columns:1fr 1fr}.infomaterial-charts-grid{grid-template-columns:1fr}}.channel-vertrag .kpi-card{border-top:2px solid #8b5cf6}.vertrag-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:var(--space-xl);background:var(--bg-card);overflow-x:auto}.vertrag-table{font-size:.82rem}.vertrag-table thead th{background:var(--bg-card-hover);z-index:1;white-space:nowrap;position:sticky;top:0}.vertrag-table thead th.col-studiengang{min-width:200px}.vertrag-fakultaet-row{background:#6366f10f}.vertrag-fakultaet-row td{border-bottom:none!important}.vertrag-fakultaet-header{text-transform:uppercase;letter-spacing:.5px;color:var(--fak-color,var(--accent-blue));font-size:.85rem;font-weight:700;position:relative;padding:var(--space-md) var(--space-md) var(--space-sm)!important}.vertrag-fakultaet-header:before{content:"";background:var(--fak-color,var(--accent-blue));border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.vertrag-sg-row td{font-size:.8rem;padding:var(--space-xs) var(--space-md)!important;border-bottom-color:var(--border-subtle)!important}.vertrag-sg-row .col-studiengang{color:var(--text-secondary);padding-left:var(--space-lg)!important}.vertrag-sg-row td.has-value{color:var(--text-primary);font-weight:600}.vertrag-sg-row td.zero-value{color:var(--text-muted);opacity:.4}.vertrag-subtotal-row{background:#6366f108}.vertrag-subtotal-row td{color:var(--fak-color,var(--text-primary));padding:var(--space-sm) var(--space-md)!important;border-bottom:2px solid var(--border-color)!important}.vertrag-subtotal-row .subtotal-val{font-size:.85rem}.vertrag-gesamt-row{background:#8b5cf614}.vertrag-gesamt-row td{font-size:.9rem;padding:var(--space-md)!important;border-bottom:none!important}.vertrag-gesamt-row .gesamt-val{color:#8b5cf6;font-size:1rem}.vertrag-empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-muted);font-size:.9rem}.vertrag-empty-placeholder{border:1px solid var(--card-border);border-radius:var(--radius-md);text-align:center;color:var(--text-muted);opacity:.5;background:#ffffff08;padding:.6rem 1rem;font-size:.85rem}@media (width<=768px){.vertrag-table thead th,.vertrag-table tbody td{font-size:.72rem;padding:var(--space-xs) var(--space-sm)!important}.vertrag-table thead th.col-studiengang{min-width:120px}}.vertrag-faculty-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.vertrag-faculty-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast);position:relative;overflow:hidden}.vertrag-faculty-card:before{content:"";background:var(--faculty-color);height:3px;position:absolute;top:0;left:0;right:0}.vertrag-faculty-card:hover{border-color:var(--faculty-color);transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.vertrag-faculty-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.vertrag-faculty-icon{font-size:1.3rem}.vertrag-faculty-name{color:var(--text-primary);font-size:1rem;font-weight:700}.vertrag-faculty-main-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.vertrag-faculty-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-size:.75rem}.vertrag-faculty-bar{height:6px;margin-bottom:var(--space-md);background:#ffffff0f;border-radius:3px;overflow:hidden}.vertrag-faculty-bar-fill{border-radius:3px;height:100%;transition:width .6s}.vertrag-faculty-stats{margin-bottom:var(--space-sm);flex-direction:column;gap:4px;display:flex}.vertrag-faculty-stat{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;display:flex}.stat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stat-dot.stat-zusage{background:#10b981}.stat-dot.stat-bearb{background:#f59e0b}.stat-dot.stat-absage{background:#ef4444}.vertrag-faculty-quote{color:var(--text-muted);padding-top:var(--space-sm);border-top:1px solid var(--card-border);font-size:.78rem}.vertrag-faculty-quote strong{color:#10b981}.vertrag-chart-container{margin-bottom:var(--space-xl)}.vertrag-sg-bars{flex-direction:column;gap:10px;display:flex}.vertrag-sg-bar-row{gap:var(--space-md);padding:8px var(--space-md);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);transition:all var(--transition-fast);grid-template-columns:280px 1fr auto;align-items:center;display:grid}.vertrag-sg-bar-row:hover{background:#ffffff08;border-color:#ffffff1f}.vertrag-sg-bar-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.vertrag-sg-bar-track{background:#ffffff0a;border-radius:4px;min-width:100px;height:22px;position:relative;overflow:hidden}.vertrag-sg-bar-fill{opacity:.85;border-radius:4px;height:100%;transition:width .5s}.vertrag-sg-bar-value{color:var(--text-primary);font-size:.7rem;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.vertrag-sg-bar-meta{gap:var(--space-sm);flex-shrink:0;display:flex}.sg-meta-item{color:var(--text-secondary);white-space:nowrap;font-size:.72rem}.sg-meta-item.sg-meta-zusage{color:#10b981}.sg-meta-item.sg-meta-absage{color:#ef4444}.sg-meta-item.sg-meta-bearb{color:#f59e0b}@media (width<=900px){.vertrag-sg-bar-row{grid-template-columns:1fr;gap:4px}.vertrag-sg-bar-meta{justify-content:flex-start}}