@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@300;400;500;600;700&display=swap";
html,body,button,input,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;margin:0;padding:0;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width:768px){body{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-moz-text-size-adjust:none;text-size-adjust:none;zoom:1;background-color:#fff;max-height:100vh;overflow:hidden!important}}.font-weight-600{font-weight:700}*{box-sizing:border-box}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0}ul{padding:0;list-style:none}button{cursor:pointer}input,textarea,select{-moz-text-size-adjust:none;text-size-adjust:none}@media (max-width:768px){input,textarea,select,button{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-moz-text-size-adjust:none;text-size-adjust:none}input:focus,textarea:focus,select:focus{zoom:1;transform:scale(1)}}
.campaign-selector{position:relative}.campaign-selector-button{text-align:left;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;transition:background-color .2s;display:flex;box-shadow:0 1px 2px #0000000d}.campaign-selector-button:hover{background:#f9fafb}.campaign-selector-button:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f6}.campaign-selector-content{align-items:center;gap:.75rem;display:flex}.campaign-selector-avatar{background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.campaign-selector-avatar svg{color:#2563eb;width:1rem;height:1rem}.campaign-selector-text p{margin:0}.campaign-selector-name{color:#111827;font-weight:500}.campaign-selector-title{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.campaign-selector-chevron{color:#9ca3af;width:1.25rem;height:1.25rem;transition:transform .2s}.campaign-selector-chevron.open{transform:rotate(180deg)}.campaign-selector-dropdown{z-index:10;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;margin-top:.25rem;position:absolute;box-shadow:0 10px 15px -3px #0000001a}.campaign-selector-list{padding:.25rem 0}.campaign-selector-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;transition:background-color .2s;display:flex}.campaign-selector-item:hover{background:#f3f4f6}.campaign-selector-item.selected{color:#1d4ed8;background:#eff6ff}.campaign-selector-item-avatar{background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;overflow:hidden}.campaign-selector-item-avatar img{object-fit:cover;width:100%;height:100%}.campaign-selector-item-text{flex:1;min-width:0}.campaign-selector-item-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:500;overflow:hidden}.campaign-selector-item-title{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;overflow:hidden}.metrics-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{background:#fff;border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s;box-shadow:0 1px 3px #0000001a}.metric-card:hover{box-shadow:0 10px 15px -3px #0000001a}.metric-card-content{justify-content:space-between;align-items:center;display:flex}.metric-card-text h3{color:#6b7280;margin:0 0 .5rem;font-size:.875rem;font-weight:500}.metric-card-value{color:#111827;margin:.5rem 0;font-size:1.875rem;font-weight:700}.metric-card-percentage{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.metric-card-subinfo{color:#6b7280;align-items:center;margin:.25rem 0;font-size:.875rem;display:flex}.metric-card-icon{border-radius:50%;padding:.75rem}.metric-card-icon svg{color:#fff;width:1.5rem;height:1.5rem}.metric-card-icon.blue{background:#3b82f6}.metric-card-icon.green{background:#10b981}.metric-card-icon.yellow{background:#f59e0b}.metric-card-icon.red{background:#ef4444}.metric-card-icon.purple{background:#8b5cf6}.funnel-chart{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.funnel-chart h3{color:#374151;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.funnel-legend{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}.funnel-legend-item{align-items:center;gap:.5rem;display:flex}.funnel-legend-color{border-radius:50%;width:.75rem;height:.75rem}.funnel-legend-text{color:#6b7280;font-size:.875rem}.conversion-charts{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:1024px){.conversion-charts{grid-template-columns:repeat(2,1fr)}}.conversion-chart{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.conversion-chart h3{color:#374151;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.conversion-summary{text-align:center;margin-top:1rem}.conversion-rate{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.conversion-label{color:#6b7280;margin:0;font-size:.875rem}.navigation{z-index:50;position:fixed;top:1rem;right:1rem}.navigation-links{gap:.5rem;display:flex}.navigation-link{border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.navigation-link.home{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#374151;background:#ffffffe6;border:1px solid #e5e7eb}.navigation-link.home:hover{color:#111827;background:#fff;box-shadow:0 4px 6px -1px #0000001a}.navigation-link.dashboard{color:#fff;background:#3b82f6}.navigation-link.dashboard:hover{background:#2563eb;box-shadow:0 4px 6px -1px #0000001a}.navigation-link svg{width:1rem;height:1rem}