:root{--bg-primary: #0a0f1a;--bg-secondary: #111827;--bg-card: #1f2937;--bg-hover: #374151;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: #374151;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-red: #ef4444;--accent-orange: #f97316;--accent-purple: #8b5cf6;--accent-cyan: #06b6d4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.app{display:flex;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:100;height:64px}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:32px;height:32px;background:var(--accent-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.logo-text{font-size:1.125rem;font-weight:600}.search-bar{display:flex;align-items:center;gap:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;color:var(--text-muted)}.search-bar input{background:transparent;border:none;outline:none;color:var(--text-primary);width:180px;font-size:.875rem}.filter-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;color:var(--text-primary);font-size:.875rem;cursor:pointer}.user-menu{display:flex;align-items:center;gap:.75rem;margin-left:1rem;padding-left:1rem;border-left:1px solid var(--border-color)}.user-avatar{width:36px;height:36px;background:var(--accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.main-container{display:flex;margin-top:64px;min-height:calc(100vh - 64px)}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-color);position:fixed;top:64px;bottom:0;left:0;overflow-y:auto}.nav-section{padding:1rem 0}.nav-section-title{display:block;padding:.5rem 1.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;cursor:pointer;transition:all .15s ease}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-blue);color:#fff;margin:0 .75rem;border-radius:8px}.content{flex:1;margin-left:240px;padding:1.5rem 2rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page-title h1{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.page-title .subtitle{font-size:.875rem;color:var(--text-secondary)}.platform-tabs{display:flex;background:var(--bg-card);border-radius:8px;padding:4px;border:1px solid var(--border-color)}.tab{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;border-radius:6px;cursor:pointer}.tab.active{background:var(--accent-blue);color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.kpi-card:nth-child(1):before{background:var(--accent-blue)}.kpi-card:nth-child(2):before{background:var(--accent-green)}.kpi-card:nth-child(3):before{background:var(--accent-orange)}.kpi-card:nth-child(4):before{background:var(--accent-purple)}.kpi-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.kpi-label{font-size:.875rem;color:var(--text-secondary)}.kpi-trend{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:4px}.kpi-trend.positive{background:#10b98133;color:var(--accent-green)}.kpi-trend.negative{background:#ef444433;color:var(--accent-red)}.kpi-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.kpi-subtext{font-size:.75rem;color:var(--text-muted)}.section-title{font-size:1rem;font-weight:600;margin-bottom:1rem}.business-unit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.business-unit-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem;border-left:4px solid}.business-unit-name{font-weight:600;margin-bottom:.75rem}.business-unit-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.bu-stat{text-align:center}.bu-stat-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase}.bu-stat-value{font-size:.875rem;font-weight:600}.channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.channel-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem}.channel-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.channel-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600}.channel-icon.google{background:#4285f433;color:#4285f4}.channel-icon.email{background:#10b98133;color:var(--accent-green)}.channel-name{font-weight:600;flex:1}.channel-spend{color:var(--text-secondary)}.channel-stats{display:flex;justify-content:space-between}.stat{text-align:center}.stat-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;display:block}.stat-value{font-size:.875rem;font-weight:600}.table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.table-header{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}data-table{width:100%;border-collapse:collapse}data-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);background:var(--bg-secondary)}data-table td{padding:.75rem 1rem;font-size:.875rem;border-bottom:1px solid var(--border-color)}data-table tr:hover{background:var(--bg-hover)}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.status-badge.active{background:#10b98133;color:var(--accent-green)}.performance-bar{width:100px;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.performance-fill{height:100%;background:var(--accent-blue);border-radius:4px}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.business-unit-grid,.channel-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{display:none}.content{margin-left:0}.kpi-grid{grid-template-columns:1fr}}