.sidebar{background-color:var(--dark);color:#fff;height:100vh;overflow-y:auto;padding:20px 0;position:fixed;width:var(--sidebar-width)}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:0 20px 20px}.logo{align-items:center;display:flex;font-size:32px;font-weight:700}.logo i{color:var(--light);margin-right:10px}.logo-text{display:flex;flex-direction:column;line-height:1}.logo-text span:first-child,.logo-text span:last-child{color:var(--light);font-size:16px}.sidebar-menu{padding:20px 0}.menu-header{color:var(--gray);font-size:12px;letter-spacing:1px;padding:10px 20px;text-transform:uppercase}.menu-item-container{align-items:center;display:flex;justify-content:space-between;transition:all .3s}.menu-item-container:hover{background-color:#ffffff1a}.menu-item{cursor:pointer;justify-content:space-between;padding:12px 20px;transition:all .3s}.menu-item,.menu-item-link{align-items:center;display:flex;flex:1 1}.menu-item.active{background-color:#ffffff1a}.menu-item i{margin-right:10px;text-align:center;width:20px}.menu-item span{flex:1 1}.submenu-toggle{align-items:center;cursor:pointer;display:flex;padding:0 15px 0 0}.submenu-icon{font-size:10px}.submenu{background-color:#0003}.submenu-item{align-items:center;cursor:pointer;display:flex;font-size:14px;padding:10px 20px 10px 50px;transition:all .3s}.submenu-item.active,.submenu-item:hover{background-color:#ffffff1a}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-title{font-size:24px;font-weight:700}.user-profile{align-items:center;display:flex}.user-profile img{border-radius:50%;height:40px;margin-right:10px;width:40px}.user-info{display:flex;flex-direction:column}.user-name{font-weight:700}.user-role{color:var(--gray);font-size:12px}.logout-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;margin-left:10px;padding:5px;transition:background-color .2s}.logout-button:hover{background-color:#f0f0f0;color:#333}.auth-buttons{display:flex;gap:10px}.login-button,.signup-button{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.login-button{background-color:initial;border:1px solid #4a86e8;color:#4a86e8}.login-button:hover{background-color:#4a86e81a}.signup-button{background-color:#4a86e8;border:1px solid #4a86e8;color:#fff}.signup-button:hover{background-color:#3a76d8}.campaign-card{background-color:#fff;border:1px solid #eee;border-radius:10px;cursor:pointer;padding:20px;transition:all .3s}.campaign-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.campaign-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.campaign-title-section{align-items:center;display:flex;gap:15px}.campaign-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.campaign-title{font-size:16px;font-weight:700}.campaign-status-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.campaign-actions{display:flex;gap:10px}.campaign-actions i{color:var(--gray);cursor:pointer;transition:all .3s}.campaign-actions i:hover{color:var(--dark)}.campaign-status{align-items:center;display:flex;font-size:14px;gap:5px}.status-active{color:#2ecc71}.status-paused{color:#f39c12}.status-completed,.status-ended{color:#e74c3c}.status-upcoming{color:#3498db}.status-draft{color:#95a5a6}.campaign-meta{color:var(--gray);font-size:12px}.campaign-stats{display:flex;gap:15px;margin-bottom:15px}.campaign-stat{background-color:#f8f9fa;border-radius:5px;flex:1 1;padding:10px;text-align:center}.stat-value{font-weight:700;margin-bottom:5px}.stat-label{color:var(--gray);font-size:12px}.progress-container{background-color:#f0f0f0;border-radius:3px;height:6px;overflow:hidden}.progress-bar{border-radius:3px;height:100%;transition:width .3s ease}.tabs-container{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px}.tabs{display:flex}.tab{padding:10px 20px}.tab.active{border-bottom:2px solid var(--primary);color:var(--primary)}.campaign-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}:root{--primary:#4361ee;--secondary:#3f37c9;--success:#4cc9f0;--info:#4895ef;--warning:#f72585;--danger:#e63946;--light:#f8f9fa;--dark:#212529;--gray:#6c757d;--sidebar-width:250px}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f5f7fa;color:#212529;color:var(--dark)}.container{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-width);padding:20px}.btn-primary{background-color:var(--primary)}.btn-success{background-color:var(--success)}.btn-outline{border:1px solid var(--gray);color:var(--gray)}.card{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.campaign-setup-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.campaign-setup-container h1{color:#333;font-size:24px;font-weight:600;margin-bottom:30px}.campaign-setup-progress{display:flex;justify-content:space-between;margin-bottom:40px;padding:20px 0;position:relative}.progress-step{cursor:pointer;flex:1 1;padding:0 10px;position:relative;text-align:center}.progress-step:before{background-color:#e0e0e0;content:"";height:2px;left:0;position:absolute;top:30px;width:100%;z-index:0}.progress-step:first-child:before{left:50%;width:50%}.progress-step:last-child:before{width:50%}.step-number{align-items:center;background-color:#e0e0e0;border-radius:50%;display:flex;height:40px;justify-content:center;margin:0 auto 15px;position:relative;width:40px;z-index:1}.step-number,.step-title{color:#666;font-weight:600}.step-title{margin-bottom:5px}.step-description{color:#888;font-size:12px}.progress-step.active .step-number{background-color:#4285f4;color:#fff}.progress-step.active .step-title{color:#4285f4}.progress-step.completed .step-number{background-color:#4285f4;color:#fff}.progress-step.completed:before{background-color:#4285f4}.campaign-setup-audience,.campaign-setup-channels,.campaign-setup-creative,.campaign-setup-objectives,.campaign-setup-timeline{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:30px}.campaign-setup-container h2{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.campaign-name-input{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-bottom:30px;padding:12px 15px;width:100%}.objectives-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.objective-card{border:1px solid #eee;border-radius:10px;cursor:pointer;padding:20px;text-align:center;transition:all .2s}.objective-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.objective-card.selected{background-color:#f0f7ff;border:2px solid #4285f4}.objective-icon{color:#4285f4;font-size:24px;margin-bottom:15px}.objective-card h3{font-size:16px;font-weight:600;margin-bottom:10px}.objective-card p{color:#666;font-size:14px}.metrics-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.metric-input label{color:#555;display:block;font-weight:500;margin-bottom:8px}.metric-input input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px 15px;width:100%}.audience-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.audience-tag{align-items:center;background-color:#f0f7ff;border:1px solid #d0e3ff;border-radius:20px;color:#4285f4;display:flex;font-size:14px;padding:5px 15px}.remove-tag{color:#4285f4;cursor:pointer;font-size:16px;margin-left:8px}.audience-input{display:flex;margin-bottom:20px}.audience-input input{border:1px solid #ddd;border-radius:5px 0 0 5px;flex:1 1;font-size:14px;padding:10px 15px}.add-button{background-color:#4285f4;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;font-weight:500;padding:0 15px}.audience-suggestions{margin-bottom:30px}.audience-suggestions h3{color:#444;font-size:16px;margin:20px 0 10px}.suggestion-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.audience-suggestions button{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:14px;padding:5px 15px;transition:all .2s}.audience-suggestions button:hover{background-color:#e9e9e9}.audience-size{background-color:#f9f9f9;border-radius:10px;margin-bottom:30px;padding:20px}.audience-size h3{color:#333;font-size:16px;font-weight:600;margin-bottom:15px}.audience-size-value{color:#4285f4;font-size:18px;font-weight:600;margin-bottom:15px}.audience-size-slider{align-items:center;display:flex;justify-content:space-between}.slider-bar{background-color:#e0e0e0;border-radius:3px;flex:1 1;height:6px;margin:0 15px;position:relative}.slider-fill{background-color:#4285f4;border-radius:3px;width:60%}.audience-size-slider span{color:#888;font-size:12px}.channels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.channel-card{border:1px solid #eee;border-radius:10px;cursor:pointer;padding:20px;text-align:center;transition:all .2s}.channel-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.channel-card.selected{background-color:#f0f7ff;border:2px solid #4285f4}.channel-icon{align-items:center;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.channel-icon img{max-height:100%;max-width:100%}.channel-card h3{font-size:16px;font-weight:600;margin-bottom:10px}.channel-metrics{align-items:center;color:#666;font-size:14px;gap:5px;justify-content:center}.timeline-form{margin-bottom:30px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group input,.form-group select{border-radius:5px;font-size:14px;padding:10px 15px}.campaign-calendar{margin-bottom:30px}.campaign-calendar h3{align-items:center;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:15px}.calendar-controls{display:flex;gap:10px}.calendar-nav{align-items:center;background:none;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.calendar-grid{border:1px solid #eee;border-radius:10px;overflow:hidden}.calendar-header{background-color:#f5f5f5;border-bottom:1px solid #eee;display:grid;grid-template-columns:repeat(7,1fr)}.calendar-header div{color:#555;font-weight:500;padding:10px;text-align:center}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{border-bottom:1px solid #eee;border-right:1px solid #eee;min-height:100px;padding:10px;position:relative}.calendar-day:nth-child(7n){border-right:none}.day-number{font-weight:500;margin-bottom:10px}.day-event{border-radius:3px;color:#fff;font-size:12px;margin-bottom:5px;padding:3px 6px;text-align:center}.campaign-launch{background-color:#4285f4}.budget-increase{background-color:#34a853}.creative-refresh{background-color:#fbbc05;color:#333}.flash-sale{background-color:#ea4335}.budget-reallocation{background-color:#9c27b0}.creative-assets-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.asset-card{border:1px solid #eee;border-radius:10px;overflow:hidden}.asset-thumbnail{align-items:center;background-color:#f5f5f5;color:#999;display:flex;font-size:40px;height:150px;justify-content:center}.asset-info{padding:15px}.asset-info h3{font-size:14px;font-weight:600;margin-bottom:5px}.asset-info p{color:#666;font-size:12px;line-height:1.4;margin-bottom:10px}.asset-info .asset-specs{color:#888;font-size:11px;margin-top:5px}.video-play-icon{color:#fff;font-size:40px;left:50%;opacity:.8;position:absolute;text-shadow:0 0 10px #00000080;top:50%;transform:translate(-50%,-50%);transition:all .2s}.asset-thumbnail:hover .video-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.asset-actions{display:flex;gap:10px}.preview-button,.remove-button{border:none;border-radius:3px;cursor:pointer;flex:1 1;font-size:12px;padding:5px 0}.preview-button{background-color:#f0f0f0;color:#333}.remove-button{background-color:#f0f0f0;color:#ea4335}.asset-upload-card{align-items:center;border:1px dashed #ccc;border-radius:10px;display:flex;height:100%;justify-content:center}.upload-area{color:#888;padding:30px;text-align:center}.upload-area i{font-size:30px;margin-bottom:10px}.upload-area p{font-size:14px;line-height:1.5}.navigation-buttons{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.left-buttons,.right-buttons{display:flex;gap:10px}.save-button{background-color:#1e88e5!important;border:none!important;color:#fff!important}.back-button,.draft-button,.next-button{border-radius:5px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.back-button{background-color:#fff;border:1px solid #ddd;color:#555}.next-button{background-color:#4285f4;border:none;color:#fff}.draft-button{background-color:#fff;border:1px solid #ddd;color:#555}.layout-container{display:flex;min-height:100vh}.main-content{background-color:#f5f7fa;flex:1 1;margin-left:250px}.MuiPaper-root{background-color:#fff}.MuiListItem-root{transition:background-color .2s ease}.MuiListItem-root:hover{background-color:#4361ee0a}.MuiListItem-root.Mui-selected{background-color:#4361ee14}.MuiChip-root{transition:all .2s ease}.MuiChip-root:hover{background-color:#4361ee14}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.recharts-wrapper{background-color:#fff;border-radius:4px;padding:8px}.recharts-default-tooltip{background-color:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;box-shadow:0 2px 4px #0000001a!important}.MuiTableContainer-root{border-radius:4px;overflow:hidden}.MuiTableCell-root{padding:12px 16px}.MuiTableHead-root .MuiTableCell-root{background-color:#f8f9fa;font-weight:500}.message-user .MuiPaper-root{background-color:#4361ee;color:#fff}.message-ai .MuiPaper-root{background-color:#fff;border:1px solid #eee}.MuiCard-root{border-radius:8px;box-shadow:0 2px 4px #0000000d}.MuiCardContent-root{padding:16px}.MuiTextField-root .MuiOutlinedInput-root{border-radius:8px}.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#4361ee}.MuiIconButton-root{transition:all .2s ease}.MuiIconButton-root:hover{background-color:#4361ee14}@media (max-width:960px){.main-content{margin-left:0}.MuiGrid-container{flex-direction:column}.MuiGrid-item{width:100%}}.help-support-container{padding:2rem 0}.help-support-header{margin-bottom:2rem;position:relative;text-align:center}.help-support-header:after{background:linear-gradient(90deg,#3f51b5,#2196f3);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.search-container{margin-bottom:2rem;position:relative}.search-container input{border:1px solid #e0e0e0;border-radius:50px;box-shadow:0 4px 6px #0000000d;font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.search-container input:focus{border-color:#2196f3;box-shadow:0 4px 12px #2196f326;outline:none}.search-icon{color:#757575;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.category-card{border:none;border-radius:12px;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.category-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.category-icon{color:#3f51b5;font-size:2.5rem;margin-bottom:1rem}.faq-accordion{border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;overflow:hidden}.faq-accordion-summary{padding:.5rem 0}.faq-accordion-details{background-color:#f9f9f9;padding:1rem}.contact-card{align-items:center;border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;transition:transform .3s ease}.contact-card:hover{transform:translateY(-5px)}.contact-icon{color:#3f51b5;font-size:2.5rem;margin-bottom:1rem}.video-card{border-radius:12px;height:100%;overflow:hidden;transition:transform .3s ease}.video-card:hover{transform:translateY(-5px)}.video-thumbnail{background-position:50%;background-size:cover;height:180px;position:relative}.video-play-button{align-items:center;background-color:#fffc;border-radius:50%;display:flex;height:50px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.feedback-section{background-color:#f5f7ff;border-radius:12px;margin-top:3rem;padding:2rem}.feedback-buttons{display:flex;gap:1rem;margin-top:1rem}@media (max-width:600px){.help-support-header:after{width:60px}.search-container input{padding:.8rem 1.2rem}}.method-content{margin-top:20px}.method-description-full{background-color:#fff;border:1px solid #eee;border-radius:10px;border-top:3px solid #4361ee;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;margin-top:30px;padding:20px}.method-description-full p{color:#555;line-height:1.6;margin-bottom:15px}.method-section{margin-bottom:30px}.method-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:15px}.model-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.model-card{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:15px}.model-title{color:#333;font-weight:600;margin-bottom:8px}.model-description{color:#666;font-size:14px;line-height:1.5}.touchpoint-list{background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 2px 10px #0000000d;list-style:none;overflow:hidden;padding:0}.touchpoint-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.touchpoint-item:last-child{border-bottom:none}.touchpoint-info{align-items:center;display:flex}.touchpoint-icon,.touchpoint-icon-fallback{height:24px;margin-right:15px;width:24px}.touchpoint-icon-fallback{color:#666;text-align:center}.touchpoint-name{color:#333;font-weight:500}.touchpoint-value{color:#4361ee;font-weight:600}.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.metric-card{border:1px solid #eee;box-shadow:0 2px 8px #0000000d;padding:20px;text-align:center}.metric-value{color:#4361ee;margin-bottom:8px}.experiment-group{background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.experiment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.experiment-title{color:#333;font-weight:600}.experiment-status{background-color:#e6f7ff;border-radius:20px;color:#1890ff;font-size:14px;padding:4px 10px}.experiment-status.completed{background-color:#f6ffed;color:#52c41a}.experiment-metrics{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:15px}.experiment-metric{text-align:center}.experiment-metric-value{font-size:18px;font-weight:600;margin-bottom:5px}.experiment-metric-label{color:#666;font-size:13px}.experiment-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:15px}.experiment-chart{align-items:center;background-color:#f9f9f9;border-radius:8px;color:#888;display:flex;font-style:italic;height:200px;justify-content:center}.chart-container{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:15px;overflow:visible}.chart-grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));width:100%}.chart-wrapper{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1 45%;flex-direction:column;height:400px;max-width:100%;min-width:300px;overflow:visible;padding:20px}.demo-chart{border-radius:4px;height:auto}.demo-chart,.full-width{max-width:100%;object-fit:contain;width:100%}.full-width{max-height:400px}.chart-title{color:#333;font-size:16px;font-weight:600;margin-bottom:15px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.chart-margin-top{margin-top:30px}.card-title{color:#333;font-size:20px;font-weight:600}.btn{gap:8px;padding:8px 16px;transition:background-color .2s}.btn i{font-size:14px}.btn-outline{border:1px solid #ddd;color:#555}.btn-outline:hover{background-color:#f5f5f5}.strategy-builder{background-color:#f8f9fa;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;overflow:hidden}.strategy-header{background-color:#fff;border-bottom:1px solid #e9ecef;padding:20px}.strategy-header h2{color:#343a40;font-size:1.5rem;font-weight:600;margin:0}.btn-primary:hover{background-color:#3a56d4}.btn-secondary{border:1px solid #ced4da;color:#495057;padding:8px 16px}.btn-secondary:hover{background-color:#f1f3f5}.btn-primary-sm{background-color:#4361ee;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:background-color .2s}.btn-primary-sm:hover{background-color:#3a56d4}.btn-icon-sm{background-color:initial;height:28px;transition:background-color .2s,color .2s;width:28px}.btn-icon-sm:hover{background-color:#e9ecef;color:#343a40}.btn-close{background-color:initial;border:none;color:#6c757d;cursor:pointer;font-size:1.25rem}.strategy-tabs{border-bottom:1px solid #e9ecef;padding:0 20px}.tab-btn{background-color:initial;border-bottom:2px solid #0000;color:#6c757d;gap:8px;padding:12px 16px;transition:color .2s,border-color .2s}.tab-btn:hover{color:#4361ee}.tab-btn.active{border-bottom-color:#4361ee;color:#4361ee}.tab-icon{font-size:1rem}.template-gallery{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;margin:0 20px 20px;overflow:hidden}.gallery-header{border-bottom:1px solid #e9ecef;display:flex;flex-direction:column;padding:20px;position:relative}.gallery-header h3{color:#343a40;font-size:1.25rem;font-weight:600;margin:0 0 8px}.gallery-header p{color:#6c757d;margin:0}.gallery-header .btn-close{position:absolute;right:20px;top:20px}.template-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px}.template-card{background-color:#f8f9fa;border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s}.template-card:hover{box-shadow:0 6px 15px #0000001a;transform:translateY(-3px)}.template-card-header{background-color:#4361ee;color:#fff;padding:12px 16px}.template-card-header h4{font-size:1rem;font-weight:600;margin:0}.template-card-body{padding:16px}.template-card-body p{color:#495057;font-size:.875rem;margin:0 0 12px}.template-steps{align-items:center;color:#6c757d;display:flex;font-size:.75rem;gap:8px}.template-card-footer{border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:12px 16px}.strategy-workspace{height:calc(100vh - 250px);min-height:500px}.workspace-sidebar{background-color:#fff;border-right:1px solid #e9ecef;overflow-y:auto;padding:20px;width:280px}.sidebar-section{margin-bottom:24px}.sidebar-section h3{color:#343a40;font-size:1rem;font-weight:600;margin:0 0 12px}.component-buttons{display:flex;flex-direction:column;gap:10px}.component-btn{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:10px;transition:background-color .2s,border-color .2s}.component-btn:hover{background-color:#e9ecef;border-color:#ced4da}.component-btn.audience:hover{border-color:#4361ee}.component-btn.location:hover{border-color:#e71d36}.component-btn.time:hover{border-color:#2ec4b6}.component-btn.channel:hover{border-color:#7209b7}.component-btn.budget:hover{border-color:#3a86ff}.component-btn.ai:hover{border-color:#ff9f1c}.component-icon{font-size:1.25rem}.component-icon.audience{color:#4361ee}.component-icon.location{color:#e71d36}.component-icon.time{color:#2ec4b6}.component-icon.channel{color:#7209b7}.component-icon.budget{color:#3a86ff}.component-icon.ai{color:#ff9f1c}.strategy-info{gap:12px}.info-field,.strategy-info{display:flex;flex-direction:column}.info-field{gap:4px}.info-field label{color:#495057;font-size:.875rem;font-weight:500}.form-control{font-size:.875rem;transition:border-color .2s}.form-control:focus{border-color:#4361ee;outline:none}textarea.form-control{min-height:80px;resize:vertical}.workspace-content{flex:1 1;overflow-y:auto;padding:20px}.strategy-flow{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.flow-header{border-bottom:1px solid #e9ecef;padding:16px 20px}.flow-header h3{color:#343a40;font-size:1.125rem;font-weight:600;margin:0 0 4px}.flow-header p{color:#6c757d;font-size:.875rem;margin:0}.flow-content{min-height:300px;padding:20px}.empty-flow{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{color:#ced4da;font-size:3rem;margin-bottom:16px}.empty-flow h4{color:#495057;font-size:1.125rem;font-weight:600;margin:0 0 8px}.empty-flow p{font-size:.875rem;margin:0;max-width:300px}.strategy-steps{display:flex;flex-direction:column;gap:30px;position:relative;z-index:1}.strategy-step{background-color:#f8f9fa;border-left-style:solid;border-left-width:4px;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:5px;overflow:hidden;position:relative}.strategy-step.audience{border-left-color:#4361ee}.strategy-step.time{border-left-color:#2ec4b6}.strategy-step.location{border-left-color:#e71d36}.strategy-step.channel{border-left-color:#7209b7}.strategy-step.budget{border-left-color:#3a86ff}.strategy-step.ai{border-left-color:#ff9f1c}.step-header{background-color:#fff;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:12px 16px}.step-header,.step-header-left{align-items:center;display:flex}.step-header-left{gap:10px}.step-header-left h4{color:#343a40;font-size:1rem;font-weight:600;margin:0}.step-icon{font-size:1.25rem}.step-icon.audience{color:#4361ee}.step-icon.location{color:#e71d36}.step-icon.time{color:#2ec4b6}.step-icon.channel{color:#7209b7}.step-icon.budget{color:#3a86ff}.step-icon.ai{color:#ff9f1c}.step-actions{display:flex;gap:8px}.step-content{display:block;padding:16px;width:100%}.step-field{clear:both;display:block;flex:1 1;margin-bottom:12px;min-width:150px;width:100%}.step-field label{color:#6c757d;display:block;font-size:.75rem;font-weight:500;margin-bottom:4px}.field-value{color:#343a40;font-size:.875rem}.badge-enabled{background-color:#2ec4b6;border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;padding:2px 8px}.slider-display{background-color:#e9ecef;height:8px;margin-bottom:4px;overflow:hidden;position:relative;width:100%}.slider-display,.slider-fill{border-radius:4px;max-width:100%}.slider-fill{background-color:#4361ee;height:100%;left:0;position:absolute;top:0}.slider-value{color:#495057;font-size:.75rem}.step-connector{bottom:-30px;height:30px;width:2px;z-index:1}.step-connector,.step-connector:after{background-color:#ced4da;left:50%;position:absolute;transform:translateX(-50%)}.step-connector:after{border-radius:50%;bottom:0;content:"";height:8px;width:8px}.strategy-preview{display:flex;flex-direction:column;gap:30px}.preview-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.section-header{border-bottom:1px solid #e9ecef;padding:16px 20px}.section-header h3{align-items:center;color:#343a40;display:flex;font-size:1.125rem;font-weight:600}.section-actions{display:flex;gap:10px}.form-select{border:1px solid #ced4da;border-radius:4px;font-size:.875rem;padding:6px 12px}.section-description{border-bottom:1px solid #e9ecef;font-size:.875rem;margin:0;padding:12px 20px}.chart-wrapper{position:relative;width:100%}.impact-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:30px;padding:0 20px 20px}.metric-card{align-items:center;background-color:#f8f9fa;display:flex;gap:16px;padding:16px}.metric-icon{font-size:1.25rem}.metric-icon.positive{background-color:#2ec4b61a;color:#2ec4b6}.metric-icon.negative{background-color:#e71d361a;color:#e71d36}.metric-icon.neutral{background-color:#4361ee1a;color:#4361ee}.metric-details{flex:1 1}.metric-details h4,.metric-label{color:#6c757d;font-size:.875rem;font-weight:500;margin:0 0 4px}.metric-value{align-items:center;display:flex;font-size:1.125rem;gap:8px}.change{font-size:.75rem;font-weight:500}.change.positive{color:#2ec4b6}.change.negative{color:#e71d36}.change.neutral{color:#6c757d}.channel-impact-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:20px}.channel-card{background-color:#f8f9fa;border-radius:8px;padding:16px}.channel-card h4{color:#343a40;font-size:1rem;font-weight:600;margin:0 0 12px}.channel-metrics{flex-direction:column;gap:12px}.channel-metric{align-items:center;display:flex;justify-content:space-between}.metric-name{color:#6c757d;font-size:.875rem}.metric-value{color:#343a40;font-size:.875rem;font-weight:600}.metric-change{border-radius:4px;font-size:.75rem;font-weight:500;padding:2px 6px}.metric-change.positive{background-color:#2ec4b61a;color:#2ec4b6}.metric-change.negative{background-color:#e71d361a;color:#e71d36}.strategy-preview,.strategy-settings{padding:20px}.settings-section{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;overflow:hidden}.settings-form{gap:20px;max-width:600px;padding:20px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:10px;margin-bottom:16px}.form-group label{font-size:.875rem}.slider-container{flex-direction:column;width:100%}.slider{background-color:#e9ecef;border-radius:4px;flex:1 1;height:8px;margin:10px 0}.slider::-webkit-slider-thumb{background-color:#4361ee;box-shadow:0 2px 4px #0000001a;height:20px;width:20px}.checkbox-group,.notification-options,.schedule-options{display:flex;flex-direction:column;gap:16px}.checkbox-label,.radio-label,.toggle-label{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:8px 0}.form-actions{background-color:#f8f9fa;border-top:1px solid #e9ecef;gap:16px;margin-top:24px;padding:20px}.strategy-impact-summary{padding:20px}.impact-summary-card{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.impact-summary-card h4{color:#343a40;font-size:1.125rem;font-weight:600;margin:0 0 16px}.impact-score{gap:20px}.impact-score,.score-circle{align-items:center;display:flex}.score-circle{border-radius:50%;flex-shrink:0;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;width:80px}.score-circle.high{background-color:#2ec4b61a;border:2px solid #2ec4b6;color:#2ec4b6}.score-circle.medium{background-color:#ff9f1c1a;border:2px solid #ff9f1c;color:#ff9f1c}.score-circle.low{background-color:#e71d361a;border:2px solid #e71d36;color:#e71d36}.score-details{flex:1 1}.score-details p{color:#343a40;font-weight:500;margin:0 0 10px}.score-details ul{color:#495057;font-size:.875rem;margin:0;padding-left:20px}.bidding-optimization-container{color:#333;font-family:Inter,sans-serif;padding:24px}.bidding-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.bidding-header h1{color:#333;font-size:28px;font-weight:600;margin:0}.actions{gap:12px}.btn-primary{border:none}.btn-primary,.btn-secondary{font-weight:500;padding:10px 16px;transition:background-color .2s}.btn-secondary{border:1px solid #4285f4;color:#4285f4}.btn-secondary:hover{background-color:#f0f7ff}.bidding-tabs{background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;margin-bottom:24px;overflow:hidden;position:sticky;top:0;z-index:100}.tab{align-items:center;border-bottom:2px solid #0000;color:#666;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:15px 24px;transition:all .2s;white-space:nowrap}.tab.active,.tab:hover{color:#4285f4}.tab.active{border-bottom-color:#4285f4}.strategy-builder{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.btn-icon-sm{background:none;border:none;border-radius:50%;color:#757575}.btn-icon-sm:hover{background-color:#0000000d;color:#333}.strategy-canvas .canvas-content{display:flex;flex-direction:column;gap:20px}.strategy-node{margin-bottom:16px;position:relative}.node-header{border-radius:8px 8px 0 0;gap:8px;padding:10px 12px}.strategy-header{align-items:flex-start;flex-wrap:wrap;gap:15px}.strategy-header h2{color:#333;font-size:22px;margin:0 0 5px}.strategy-header p{color:#666;font-size:14px;margin:0}.strategy-workspace{grid-gap:20px;border:1px solid #e0e0e0;border-radius:8px;display:grid;grid-template-columns:220px 1fr;margin-bottom:20px}.strategy-sidebar{border-right:1px solid #e0e0e0}.strategy-sidebar h3{color:#333;font-size:16px;margin-bottom:15px;margin-top:0}.component-list{display:flex;flex-direction:column;gap:10px}.component-item{border:1px solid #e0e0e0;border-radius:4px;gap:10px;padding:10px;transition:all .2s ease}.component-item:hover{background-color:#f0f7ff;border-color:#4285f4}.component-item i{color:#4285f4;font-size:16px;text-align:center;width:20px}.strategy-canvas{gap:15px;min-height:400px;padding:20px;position:relative}.strategy-node{border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 4px #0000000d;margin-bottom:15px;max-width:400px;width:100%}.strategy-node.start{background-color:#f0f7ff;border-color:#4285f4}.strategy-node.ai{background-color:#f0fff4;border-color:#34a853}.node-header{border-bottom:1px solid #e0e0e0;font-weight:500;padding:10px 15px}.node-header i{color:#4285f4;margin-right:8px}.node-header span{flex-grow:1}.node-content{display:flex;flex-direction:column;gap:10px;padding:15px}.form-control{border:1px solid #ddd}.slider-container{margin:10px 0}.slider-container span{color:#666;font-size:12px}.slider-container input[type=range]{flex-grow:1}.ai-settings{gap:8px;margin-top:10px}.ai-settings label{align-items:center;color:#333;display:flex;font-size:14px;gap:8px}.add-node-placeholder{border:2px dashed #e0e0e0;border-radius:6px;color:#666;flex-direction:column;margin-top:10px;padding:20px}.add-node-placeholder,.btn-circle{align-items:center;display:flex;justify-content:center}.btn-circle{background-color:#4285f4;border:none;border-radius:50%;color:#fff;cursor:pointer;height:36px;margin-bottom:10px;width:36px}.strategy-preview{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.preview-header h3{color:#333;font-size:18px;margin:0}.preview-tabs{display:flex;gap:10px}.preview-tab{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .2s ease}.preview-tab.active{background-color:#4285f4;border-color:#4285f4;color:#fff}.preview-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.preview-description{padding-right:20px}.preview-description h4{color:#333;font-size:16px;margin-bottom:10px;margin-top:0}.strategy-adjustments{margin-bottom:0;padding-left:20px}.strategy-adjustments li{margin-bottom:8px}.adjustment-value{color:#4285f4;font-weight:500}.impact-estimate h4{color:#333;font-size:16px;margin-bottom:15px;margin-top:0}.impact-metrics{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.metric{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:100px;padding:10px 15px;text-align:center}.metric .label{color:#666;display:block;font-size:12px;margin-bottom:5px}.metric .value{font-size:16px;font-weight:500}.value.positive{color:#34a853}.value.negative{color:#ea4335}.impact-chart{height:250px;margin-bottom:20px}.bidding-simulation{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.simulation-setup .btn-primary{font-size:14px;max-width:200px;padding:8px 16px;width:auto}.simulation-header{margin-bottom:20px}.simulation-header h2{color:#333;font-size:22px;margin:0 0 5px}.simulation-header p{color:#666;margin:0}.simulation-setup{grid-gap:20px;border:1px solid #e0e0e0;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px;padding:20px}.form-group label{color:#333;margin-bottom:8px}.simulation-channels{margin-bottom:15px}.simulation-channels label{color:#333;display:block;font-weight:500;margin-bottom:8px}.channel-checkboxes{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.channel-checkboxes label{align-items:center;display:flex;font-weight:400;gap:8px;margin-bottom:0}.results-header{flex-wrap:wrap;gap:15px;margin-bottom:20px}.results-header h3{color:#333;font-size:18px;margin:0}.results-actions{gap:15px}.metric-selector{gap:8px}.form-control-sm{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 10px}.results-comparison{margin-bottom:30px}.comparison-chart{border:1px solid #e0e0e0;height:300px;margin-bottom:20px}.chart-placeholder{border-radius:6px;color:#666;font-style:italic;height:100%}.metrics-comparison{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:30px}.metric-card{border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;padding:15px}.metric-card h4{color:#333;font-size:16px;margin-bottom:15px;margin-top:0;text-align:center}.actual,.simulated{flex:1 1;text-align:center}.label{color:#666;display:block;font-size:12px;margin-bottom:5px}.value{color:#333;font-size:18px;font-weight:500}.positive{color:#34a853}.negative{color:#ea4335}.neutral{color:#f9ab00}.channel-performance{margin-bottom:30px}.channel-performance h3{color:#333;font-size:18px;margin-bottom:15px;margin-top:0}.channel-chart{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;height:250px;padding:15px}.segment-impact{margin-bottom:30px}.segment-impact h3{color:#333;font-size:18px;margin-bottom:15px;margin-top:0}.segment-table-container{overflow-x:auto}.segment-table{font-size:14px}.segment-table th{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-weight:500;padding:12px 15px;text-align:left}.segment-table td{border-bottom:1px solid #e0e0e0;padding:10px 15px}.simulation-insights{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.simulation-insights h3{color:#333;font-size:18px;margin-bottom:20px;margin-top:0}.insights-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.insight-item{background-color:#fff;border-left:3px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:15px;padding:15px}.insight-item:first-child{border-left-color:#4285f4}.insight-item:nth-child(2){border-left-color:#34a853}.insight-item:nth-child(3){border-left-color:#f9ab00}.insight-icon.positive{background-color:#e6f4ea;color:#34a853}.insight-icon.warning{background-color:#fef7e0;color:#f9ab00}.simulation-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.history-performance{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.chart-container{margin-bottom:24px}.chart-header{margin-bottom:16px}.chart-header h3{font-weight:600}.chart-controls{align-items:center;gap:8px}.chart-controls .form-control-sm{font-size:13px;max-width:180px;padding:6px 10px}.chart-content{position:relative;width:100%}.grid-layout{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.timeline-chart{margin-bottom:24px;position:relative;width:100%}.hp-header{align-items:flex-start;flex-wrap:wrap;gap:15px;margin-bottom:20px}.hp-title h2{color:#333;font-size:22px;margin:0 0 5px}.hp-title p{color:#666}.hp-actions{flex-wrap:wrap;gap:15px}.period-selector{gap:8px}.strategy-timeline{margin-bottom:30px}.strategy-timeline h3{color:#333;font-size:18px;margin-bottom:15px;margin-top:0}.timeline-chart{border:1px solid #e0e0e0;height:300px}.chart-content{height:250px}.strategy-history{margin-bottom:30px}.strategy-history h3{color:#333;font-size:18px;margin-bottom:15px;margin-top:0}.history-table{border-collapse:collapse;font-size:14px;width:100%}.history-table th{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#333;font-weight:500;padding:12px 15px;text-align:left}.history-table td{border-bottom:1px solid #e0e0e0;padding:10px 15px}.btn-text{border-radius:4px;font-size:14px;padding:5px 8px}.btn-text:hover{background-color:#f0f7ff}.performance-insights{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.insights-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.insights-header h3{color:#333;font-size:18px;margin:0}.btn-secondary-sm{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s ease}.btn-secondary-sm:hover{background-color:#f8f9fa;border-color:#ccc}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-box{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:15px;padding:15px}.insight-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.insight-icon.trend{background-color:#e8f0fe;color:#4285f4}.insight-icon.top{background-color:#e6f4ea;color:#34a853}.insight-icon.recommendation{background-color:#fef7e0;color:#f9ab00}.insight-icon.caution{background-color:#fce8e6;color:#ea4335}.insight-content{flex-grow:1}.insight-content h4{color:#333;font-size:16px;margin-bottom:8px;margin-top:0}.insight-content p{color:#666;font-size:14px;line-height:1.5;margin:0 0 10px}.insight-metric{border-radius:4px;display:inline-block;font-size:14px;font-weight:500;padding:4px 8px}.insight-metric.positive{background-color:#e6f4ea;color:#34a853}.insight-metric.negative{background-color:#fce8e6;color:#ea4335}.bidding-performance{box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.performance-header{align-items:flex-start;margin-bottom:20px}.header-title h2{color:#333;font-size:22px;margin:0 0 5px}.header-title p{color:#666;margin:0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.date-filter{background-color:#fff;border:1px solid #ddd;border-radius:4px;gap:8px;padding:6px 12px}.date-filter .icon{color:#666}.date-select{-webkit-appearance:none;appearance:none;background:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath fill='%23666' d='m0 0 4 5 4-5z'/%3E%3C/svg%3E");background-position:right 0 center;background-repeat:no-repeat;border:none;color:#333;cursor:pointer;padding-right:15px}.btn-secondary{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:6px 12px;transition:all .2s ease}.btn-secondary:hover{background-color:#f8f9fa;border-color:#ccc}.btn-secondary .icon{color:#666;font-size:14px}.btn-primary{align-items:center;background-color:#4285f4;border:1px solid #4285f4;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-primary:hover{background-color:#3367d6;border-color:#3367d6}.grid-layout{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:30px}.chart-container{border:1px solid #e0e0e0}.chart-container.wide{grid-column:1/-1}.chart-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:15px}.chart-header,.chart-header h3{align-items:center;display:flex}.chart-header h3{color:#333;font-size:16px;gap:8px;margin:0}.chart-header .icon{color:#4285f4}.chart-controls{display:flex;gap:10px}.chart-content{height:300px;padding:15px}.device-chart-container{display:flex;flex-direction:column;height:100%}.device-metrics{display:flex;gap:20px;justify-content:center;margin-top:15px}.device-metric{align-items:center;display:flex;gap:8px}.device-color{border-radius:2px;height:12px;width:12px}.device-info{display:flex;flex-direction:column}.device-name{color:#333;font-size:14px;font-weight:500}.device-details{color:#666;display:flex;font-size:12px;gap:10px}.additional-insights{margin-bottom:30px}.insight-row{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.device-breakdown,.performance-metrics{border:1px solid #e0e0e0;overflow:hidden}.metrics-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:15px}.metric-box{align-items:center;gap:15px;padding:15px}.metric-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.metric-content{flex-grow:1}.metric-label{display:block;font-size:12px}.metric-value{display:block;font-size:18px;font-weight:500}.metric-trend{display:block}.metrics-insights{display:flex;flex-direction:column;gap:15px;padding:15px}.action-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.icon{margin-right:4px}.insight-cards{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.insight-card{box-shadow:0 2px 8px #0000000d}.insight-card h3{color:#666;font-size:14px;font-weight:600;margin:0 0 8px}.insight-value{font-weight:700;margin-bottom:8px}.insight-value.positive{color:#34a853}.insight-value.negative{color:#ea4335}.insight-value.warning{color:#fbbc05}.insight-card p{color:#666;font-size:13px;margin-bottom:12px}.btn-text{background:none;border:none;color:#4285f4;cursor:pointer;font-size:13px;font-weight:500;padding:0}.btn-text:hover{text-decoration:underline}.grid-layout{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.chart-container{box-shadow:0 2px 8px #0000000d;padding:16px}.chart-container.wide{grid-column:span 2}.chart-container h3{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.chart-placeholder{background-color:#f9f9f9;border-radius:4px;color:#999;height:240px}.ai-recommendation-panel{box-shadow:0 2px 8px #0000000d;margin-bottom:24px}.ai-header{margin-bottom:16px}.filter-options{align-items:center;display:flex;gap:10px}.filter-select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:8px 12px}.ai-header h3{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.ai-header h3 i{color:#4285f4}.confidence{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.confidence.high{background-color:#e6f4ea;color:#34a853}.confidence.medium{background-color:#fef7e0;color:#f9ab00}.confidence.low{background-color:#fce8e6;color:#ea4335}.recommendation-metrics{flex-wrap:wrap;gap:8px}.impact-badge{background-color:#e8f0fe;color:#4285f4}.effort-badge,.impact-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.effort-badge{background-color:#f1f3f4;color:#5f6368}.data-sources-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.data-sources-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.data-sources-header p{color:#666;margin:5px 0 0}.data-source-actions{display:flex;gap:10px}.data-sources-overview{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:24px;margin-bottom:30px;padding:20px}.stat-chart{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:300px}.stat-chart h4{font-weight:600;margin:0 0 12px;text-align:center}.chart-legend{gap:16px;margin-top:12px}.legend-item{font-size:13px;gap:6px}.integration-stats{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(2,1fr)}.integration-stat{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:16px}.integration-stat-value{color:#4285f4;font-size:20px;font-weight:600;margin-bottom:4px}.integration-stat-label{color:#666;font-size:13px}.stat-chart{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:15px;text-align:center}.stat-chart h4{color:#333;font-size:16px;margin-bottom:10px;margin-top:0}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:10px}.legend-item{align-items:center;display:flex;gap:5px}.legend-color{border-radius:2px;height:12px;width:12px}.legend-label{color:#666;font-size:12px}.data-sources-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.data-source-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:15px;padding:15px;position:relative;transition:box-shadow .3s ease}.data-source-card:hover{box-shadow:0 4px 8px #0000001a}.data-source-card.active{border:1px solid #4285f44d;box-shadow:0 4px 12px #4285f433}.source-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.source-content{flex:1 1}.source-content h3{color:#333;font-size:16px;margin:0 0 5px}.source-content p{color:#666;font-size:14px;margin:0 0 10px}.source-meta{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.status{border-radius:12px;font-size:12px;font-weight:500;padding:3px 8px}.status.connected{background-color:#e6f4ea;color:#34a853}.status.not-connected{background-color:#f1f3f4;color:#666}.last-updated{color:#666;font-size:12px}.source-actions{align-items:flex-start;display:flex;gap:5px}.btn-icon{background-color:#f1f3f4;border-radius:16px;color:#666;height:32px;transition:background-color .3s ease;width:32px}.btn-icon:hover{background-color:#e8eaed}.source-details{border-top:1px solid #f1f3f4;margin-top:15px;padding-top:15px}.details-row{display:flex;gap:20px;margin-bottom:15px}.detail-item{display:flex;flex-direction:column}.detail-label{color:#666;font-size:12px;margin-bottom:3px}.detail-value{color:#333;font-size:14px;font-weight:500}.source-actions-expanded{display:flex;gap:10px}.custom-data-section{background-color:#f8f9fa;border-radius:8px;margin-top:30px;padding:20px}.section-header{margin-bottom:20px}.section-header h2{color:#333;font-size:20px;font-weight:600;margin:0}.section-header p{color:#666;margin:5px 0 0}.custom-data-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.custom-data-option{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:20px;text-align:center}.option-icon{align-items:center;background-color:#f1f3f4;border-radius:30px;color:#4285f4;display:flex;font-size:24px;height:60px;justify-content:center;margin-bottom:15px;width:60px}.option-content h3{color:#333;font-size:16px;margin:0 0 10px}.option-content p{color:#666;font-size:14px;margin:0 0 15px}.bidding-performance{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:20px}.performance-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:24px}.date-filter{align-items:center;display:flex;gap:10px}.date-filter label,.date-select{color:#666;font-size:14px}.date-select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:8px 12px}.additional-insights{margin-top:24px}.insight-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 2fr}.device-breakdown,.performance-metrics{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:16px}.device-breakdown h3,.performance-metrics h3{color:#333;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:0}.metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.metric-box{background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;padding:16px}.metric-label{color:#666;font-size:14px;margin-bottom:5px}.metric-value{color:#333;font-size:24px;font-weight:700;margin-bottom:5px}.metric-trend{font-size:12px;font-weight:500}.metric-trend.positive{color:#34a853}.metric-trend.negative{color:#ea4335}.bidding-recommendations{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.recommendations-header{flex-wrap:wrap;gap:15px;margin-bottom:24px}.recommendations-header h2{color:#333;font-size:22px;font-weight:600;margin:0}.recommendation-list{display:flex;flex-direction:column;gap:12px}.recommendation-item{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:12px;padding:16px}.recommendation-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}@media (max-width:768px){.recommendation-header{align-items:flex-start;flex-direction:column}.recommendation-metrics{margin-top:5px}}.recommendation-header h4{color:#333;flex:1 1;font-size:16px;font-weight:600;margin:0}.recommendation-item p{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.recommendation-actions{display:flex;gap:8px}.btn-sm{background-color:#4285f4;border:none;border-radius:4px;color:#fff}.btn-sm,.btn-sm-outline{cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px}.btn-sm-outline{background-color:#fff;border:1px solid #4285f4;border-radius:4px;color:#4285f4}.segment-table{border-collapse:collapse;margin-top:16px;width:100%}.segment-table td,.segment-table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.segment-table th{color:#666;font-size:14px;font-weight:600}.segment-table td{font-size:14px}.segment-table td.positive{color:#34a853}.segment-table td.negative{color:#ea4335}.segment-table td.neutral{color:#666}.auth-container{align-items:center;background-color:#f5f8fa;display:flex;justify-content:center;min-height:100vh}.auth-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:450px;padding:2rem;width:100%}.auth-card h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.25rem}.form-group label{color:#555;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.auth-button{background-color:#4a86e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}.auth-button:hover{background-color:#3a76d8}.auth-button:disabled{background-color:#a0bfff;cursor:not-allowed}.auth-error{background-color:#ffebee;color:#d32f2f}.auth-error,.auth-success{border-radius:4px;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.auth-success{background-color:#e8f5e9;color:#2e7d32}.auth-links{margin-top:1.5rem;text-align:center}.auth-links a{color:#4a86e8;text-decoration:none}.auth-links a:hover{text-decoration:underline}.bidding-recommendations{padding:20px}.recommendations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.insight-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.insight-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:16px}.insight-value{font-size:24px;font-weight:600;margin:10px 0}.insight-value.positive{color:#28a745}.insight-value.warning{color:#ffc107}.ai-recommendation-panel{background-color:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.ai-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.recommendation-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.recommendation-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;height:100%;padding:20px}.recommendation-card-header{margin-bottom:15px}.recommendation-card-header h4{font-size:16px;font-weight:600;margin-bottom:10px}.recommendation-metrics{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.metrics-row{display:flex;gap:5px}.confidence-badge,.effort-badge,.impact-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.confidence-badge.high{background-color:#28a7451a;color:#28a745}.confidence-badge.medium{background-color:#ffc1071a;color:#ffc107}.confidence-badge.low{background-color:#dc35451a;color:#dc3545}.impact-badge{background-color:#007bff1a;color:#007bff}.effort-badge{background-color:#6c757d1a;color:#6c757d}.recommendation-description{color:#495057;flex-grow:1;font-size:14px;margin-bottom:15px}.recommendation-card-actions{display:flex;gap:10px;justify-content:center;margin-top:auto}.btn-card{align-items:center;border-radius:4px;display:flex;flex:1 1;font-size:14px;justify-content:center;max-width:100px;padding:8px 12px;text-align:center}.history-performance{padding:20px}.hp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.hp-title h2{margin-bottom:5px}.hp-title p{color:#6c757d;font-size:14px;margin:0}.hp-actions{gap:10px}.hp-actions,.period-selector{align-items:center;display:flex}.period-selector{gap:6px}.period-selector label{color:#495057;font-size:13px;white-space:nowrap}.form-control-sm.compact{font-size:13px;height:28px;padding:3px 6px;width:100px}.action-buttons{display:flex;gap:6px}.btn-icon{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;display:flex;font-size:12px;height:28px;width:28px}.btn-icon:hover{background-color:#e9ecef}.strategy-timeline{margin-bottom:20px}.strategy-timeline h3{font-size:16px;margin-bottom:10px}.timeline-chart{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:280px;padding:15px}.grid-layout{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.chart-container{border-radius:8px;box-shadow:0 2px 8px #0000001a}.chart-control-section{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;border-top-left-radius:8px;border-top-right-radius:8px;padding:12px 15px}.chart-title{font-size:15px;font-weight:500}.chart-filter-section{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:0 15px 12px}.chart-filter-section select{border:1px solid #ced4da;border-radius:4px;font-size:12px;padding:4px 8px;width:140px}.chart-display-area{background-color:#fff;padding:15px}.chart-content{height:220px}.strategy-history h3{font-size:16px;margin-bottom:10px}.strategy-builder{display:flex;flex-direction:column;height:calc(100vh - 180px);padding:20px}.strategy-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-title h2{margin-bottom:5px}.header-title p{color:#6c757d;font-size:14px}.strategy-actions{display:flex;gap:10px}.strategy-tabs{background-color:#fff;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;box-shadow:0 -2px 10px #0000000d;margin-bottom:20px;padding:0 10px}.strategy-tabs,.tab-btn{display:flex;position:relative}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#495057;cursor:pointer;font-size:15px;font-weight:500;gap:10px;margin:0 5px;padding:15px 30px;transition:all .2s}.tab-icon{font-size:16px;margin-right:4px}.tab-content{border:1px solid #e9ecef;border-radius:0 0 8px 8px;border-top:none;margin-bottom:20px}.strategy-preview,.tab-content{background-color:#fff;box-shadow:0 2px 10px #0000000d;padding:25px}.strategy-preview{border-radius:0 0 8px 8px}.section-description{color:#6c757d;font-size:14px;line-height:1.5;margin-bottom:20px;max-width:800px}.strategy-settings{background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 2px 10px #0000000d;padding:25px}.tab-btn:hover{color:#007bff}.tab-btn.active{background-color:#007bff0d;border-bottom:3px solid #007bff;color:#007bff;font-weight:600}.tab-btn:after{background-color:#007bff;bottom:-3px;content:"";height:3px;left:0;position:absolute;transition:width .3s;width:0}.tab-btn:hover:after{width:100%}.strategy-workspace{display:flex;flex-grow:1;gap:20px;overflow:hidden}.strategy-sidebar{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto;padding:15px;width:300px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h3{font-size:16px;margin:0}.btn-toggle{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px}.component-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.component-item{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .2s}.component-item:hover{border-color:#007bff;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.component-icon-wrapper{align-items:center;background-color:#007bff1a;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.component-icon{color:#007bff;font-size:18px}.component-item span{color:#495057;font-size:13px;text-align:center}.template-list{display:flex;flex-direction:column;gap:10px}.template-item{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 2px 4px #0000000d;padding:12px}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.template-header h4{font-size:14px;margin:0}.template-item p{color:#6c757d;font-size:12px;margin:0}.strategy-canvas{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.canvas-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px}.canvas-header h3{font-size:16px;margin:0}.canvas-actions{display:flex;gap:10px}.btn-action{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.btn-action:hover{background-color:#e9ecef}.btn-action.btn-danger:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.canvas-area{align-items:center;background-color:#f8f9fa;background-image:radial-gradient(#e9ecef 1px,#0000 0);background-size:20px 20px;display:flex;flex-direction:column;flex-grow:1;min-height:700px;overflow:auto;padding:40px;position:relative}.strategy-node{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 3px 10px #0000001a;left:50%;margin-bottom:50px;overflow:hidden;position:absolute;transform:translateX(-50%);transition:all .2s ease;width:320px;z-index:5}.strategy-node.start{border-left:4px solid #28a745}.strategy-node.audience{border-left:4px solid #007bff}.strategy-node.time{border-left:4px solid #fd7e14}.strategy-node.ai{border-left:4px solid #6f42c1}.strategy-node:hover{border-color:#007bff;box-shadow:0 8px 20px #007bff33;z-index:100!important}.strategy-node:not(:first-child){margin-top:20px}.strategy-node:first-child{z-index:10}.strategy-node:nth-child(2){z-index:9}.strategy-node:nth-child(3){z-index:8}.strategy-node:nth-child(4){z-index:7}.strategy-node:nth-child(5){z-index:6}.strategy-node:nth-child(6){z-index:5}.node-connector{background-color:#007bff;bottom:-50px;height:50px;z-index:1}.strategy-node:nth-child(5){z-index:2}.node-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:12px 16px}.node-header,.node-header-left{align-items:center;display:flex}.node-header-left{gap:10px}.node-icon{color:#007bff}.btn-icon-sm{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s;width:24px}.btn-icon-sm:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.node-content{padding:16px}.form-group{margin-bottom:15px}.form-group label{color:#495057;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.form-control{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .15s ease-in-out;width:100%}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.value-input{position:relative}.input-suffix{color:#6c757d;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.slider-container{align-items:center;display:flex;gap:10px;margin-bottom:15px}.slider-label{color:#6c757d;font-size:12px;width:80px}.slider{-webkit-appearance:none;appearance:none;background:#e9ecef;border-radius:3px;flex-grow:1;height:5px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;-moz-appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:16px;width:16px}.ai-settings{display:flex;flex-direction:column;gap:10px}.checkbox-label{color:#495057;cursor:pointer;font-size:14px;gap:8px}.node-connector{background-color:#ced4da;bottom:-10px;height:10px;left:50%;position:absolute;transform:translateX(-50%);width:2px}.bidding-simulation{padding:20px}.simulation-header{margin-bottom:15px}.simulation-header h2{margin-bottom:5px}.simulation-header p{color:#6c757d;font-size:14px}.simulation-setup{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.bidding-simulation-options{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-columns:3fr 1fr}.simulation-controls{display:flex;flex-direction:column;gap:15px}.options-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.simulation-channels{margin-top:5px}.channel-checkboxes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:5px}.checkbox-label{align-items:center;display:flex;font-size:13px;gap:6px;min-width:100px}.run-simulation-btn{align-items:center;display:flex;font-size:14px;height:100%;justify-content:center;min-height:100px;min-width:140px;padding:10px 15px}.btn-compact{font-size:13px;padding:8px 12px}.simulation-results{margin-top:20px}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.results-actions{align-items:center;display:flex;gap:10px}.metric-selector{align-items:center;display:flex;gap:6px}.results-comparison{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:2fr 1fr;margin-bottom:20px}.comparison-chart{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:350px;padding:15px}.metrics-comparison{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.metric-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:10px}.metric-card h4{color:#495057;font-size:14px;margin-bottom:8px}.comparison{display:flex;justify-content:space-between;margin-top:8px}.actual,.simulated{display:flex;flex-direction:column}.label{color:#6c757d;font-size:11px}.value{font-size:16px;font-weight:600}.value.positive{color:#28a745}.value.negative{color:#dc3545}.budget-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.budget-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px;text-align:center}.budget-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.budget-value{font-size:24px;font-weight:700;margin-bottom:5px}.budget-label{color:#6c757d;font-size:14px}.budget-change{font-size:12px;margin-top:10px}.budget-change.positive{color:#2ecc71}.budget-change.negative{color:#e74c3c}.allocation-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:30px;width:100%}.allocation-chart{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;max-width:100%;overflow:hidden;padding:20px;width:100%}.chart-placeholder{align-items:center;background-color:#f8f9fa;border-radius:5px;color:#6c757d;display:flex;font-size:14px;height:300px;justify-content:center}.chart-container{align-items:center;height:350px;justify-content:center;max-width:100%;overflow:hidden;position:relative;width:100%}.allocation-controls,.chart-container{background-color:#fff;border-radius:10px;padding:20px}.allocation-controls{box-shadow:0 2px 10px #0000000d}.channel-allocation{margin-bottom:15px}.channel-header{justify-content:space-between;margin-bottom:10px}.channel-header,.channel-name{align-items:center;display:flex}.channel-name{font-weight:500;gap:10px}.channel-icon-small{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.channel-budget{font-weight:700}.channel-slider{background-color:#f0f0f0;border-radius:3px;height:6px;margin-bottom:5px;position:relative;width:100%}.channel-slider-fill{border-radius:3px;height:100%;left:0;position:absolute;top:0}.channel-metrics{color:#6c757d;display:flex;font-size:12px;justify-content:space-between}.scenario-link-container{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;gap:15px;justify-content:flex-start;margin-bottom:30px;padding:20px}@media (max-width:1200px){.budget-summary,.scenario-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.allocation-grid,.budget-summary,.scenario-grid{grid-template-columns:1fr}}.new-scenario-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.settings-grid{grid-gap:30px;gap:30px;margin-top:20px}.form-control,.form-select{border:1px solid #ced4da;border-radius:4px;padding:10px 12px}.input-group-text{border:1px solid #ced4da;border-radius:4px 0 0 4px;font-size:14px;padding:10px 12px}.input-group input{border-radius:0 4px 4px 0}.toggle-slider{border-radius:34px}.constraint-card{border-radius:8px}.constraint-title{font-size:14px}.constraint-actions i:hover{color:#dc3545}.constraint-value{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.constraint-value input,.constraint-value select{border:1px solid #ced4da;border-radius:4px;font-size:14px;width:100%}.add-constraint{font-size:14px}.form-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px}@media (max-width:992px){.settings-grid{grid-template-columns:1fr}.constraint-value{gap:10px 5px;grid-template-columns:1fr 1fr}}@media (max-width:576px){.constraint-value{grid-template-columns:1fr}.card-actions{align-items:flex-start;flex-direction:column}}.optimization-settings{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-title{font-size:18px;font-weight:700}.card-actions{display:flex;gap:10px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-control,.form-select{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px 15px;width:100%}.form-select{background-color:#fff}.input-group{align-items:center;display:flex}.input-group-text{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px 0 0 5px;border-right:none;padding:10px 15px}.input-group .form-control{border-radius:0 5px 5px 0}.toggle-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.toggle-label{font-weight:500}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.toggle-slider{background-color:#4361ee}input:checked+.toggle-slider:before{transform:translateX(26px)}.constraint-card{background-color:#f8f9fa;border:1px solid #eee;border-radius:10px;margin-bottom:15px;padding:15px}.constraint-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.constraint-title{font-weight:500}.constraint-actions i{color:#6c757d;cursor:pointer;margin-left:10px}.constraint-actions i:hover{color:#212529}.constraint-value{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.constraint-value input,.constraint-value select{border:1px solid #ddd;border-radius:5px;flex:1 1;min-width:100px;padding:8px}.add-constraint{align-items:center;color:#4361ee;cursor:pointer;display:flex;gap:10px;margin-top:10px}.add-constraint i{font-size:16px}@media (max-width:992px){.settings-grid{grid-template-columns:1fr}.constraint-value{align-items:flex-start;flex-direction:column}.constraint-value .input-group,.constraint-value input,.constraint-value select{width:100%}}.scenario-analysis-container{background-color:var(--white);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.scenario-controls{display:flex;gap:12px;justify-content:flex-start;margin-bottom:24px}.btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 15px;text-decoration:none}.btn-primary{background-color:#4361ee;color:#fff}.btn-success{background-color:#4cc9f0;color:#fff}.btn-outline{background-color:initial;border:1px solid #6c757d;color:#6c757d}.scenarios-table{margin-bottom:32px;overflow-x:auto}.scenarios-table table{border-collapse:collapse;width:100%}.scenarios-table td,.scenarios-table th{border-bottom:1px solid var(--light-gray);padding:12px 16px;text-align:left}.scenarios-table th{background-color:var(--light);color:var(--dark);font-weight:600}.scenarios-table tr:hover{background-color:#00000005}.actions{display:flex;gap:8px}.btn-icon{align-items:center;background:none;border:none;border-radius:4px;color:var(--primary);cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;padding:4px}.btn-icon:hover{background-color:#0000000d}.scenario-comparison{margin-top:32px}.scenario-comparison h3{font-size:18px;font-weight:600;margin-bottom:16px}.comparison-charts{display:flex;flex-wrap:wrap}.chart{background-color:var(--white);border-radius:8px;box-shadow:0 1px 3px #0000001a;flex:1 1;min-width:300px;padding:16px}.chart h4{color:var(--dark);font-size:16px;font-weight:500;margin-bottom:16px;text-align:center}.chart-container{display:flex;flex-direction:column;height:300px}.comparison-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:992px){.comparison-charts{grid-template-columns:1fr}}.page-header{margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600;margin-bottom:4px}.page-header h2{color:var(--gray);font-size:18px;font-weight:500;margin-top:0}
/*# sourceMappingURL=main.d538a7bc.css.map*/