:root{--accent-blue: #3B82F6;--accent-blue-dark: #2563EB;--accent-teal: #14B8A6;--accent-orange: #F97316;--accent-purple: #8B5CF6;--page-bg: #F0F4F8;--card-bg: #ffffff;--text-color-primary: #1E293B;--text-color-secondary: #475569;--text-color-light: #ffffff;--border-color: #E2E8F0;--green-increase: #22C55E;--red-decrease: #EF4444;--top-filters-height: 70px;--pie-color-1: var(--accent-blue);--pie-color-2: var(--accent-orange);--pie-color-3: var(--accent-teal);--pie-color-4: var(--accent-purple);--line-chart-tooltip-bg: rgba(30, 41, 59, .85);--line-chart-tooltip-text: var(--text-color-light);--table-header-bg: #F8FAFC;--table-row-hover-bg: #F1F5F9;--calendar-day-temp-start-bg: var(--accent-blue);--calendar-day-temp-start-text: var(--text-color-light);--calendar-day-temp-end-border: var(--accent-orange);--calendar-day-temp-end-text: var(--text-color-primary);--calendar-day-in-temp-range-bg: #DBEAFE;--calendar-day-today-border: var(--accent-orange);--calendar-day-hover-bg: #EFF6FF}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--page-bg);color:var(--text-color-primary);line-height:1.6;overflow-x:hidden}.dashboard-layout{display:flex;min-height:100vh}.content-area{flex-grow:1;margin-left:0;padding:0;background-color:var(--page-bg)}.top-filters{background-color:var(--card-bg);color:var(--text-color-primary);padding:1rem 1.5rem;min-height:var(--top-filters-height);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #00000012;flex-wrap:wrap;border-bottom:1px solid var(--border-color)}.filter-title-section{margin-right:auto;padding:.5rem 0}.filter-main-title{font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--text-color-secondary)}.filter-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.5rem 0}.client-filter select,.date-preset-filter select,.filter-button{background:#f8fafc;border:1px solid var(--border-color);color:var(--text-color-primary);padding:.5rem .8rem;border-radius:6px;font-size:.9rem;height:38px;display:inline-flex;align-items:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.filter-button:hover{background-color:#f1f5f9;border-color:#94a3b8}.filter-button i{margin-right:.5em;color:var(--accent-blue)}.custom-date-range-picker-container{position:relative}#customDateRangeTriggerBtn{min-width:220px;justify-content:flex-start}#customDateRangeTriggerBtn i{color:var(--text-color-secondary)}.custom-calendar-popover{position:absolute;top:calc(100% + 8px);right:0;width:320px;z-index:100;padding:1rem}.custom-calendar-popover[hidden]{display:none!important}.custom-calendar-popover .popover-arrow{position:absolute;top:-5px;right:20px;width:10px;height:10px;background-color:var(--card-bg);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);transform:rotate(45deg)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.calendar-month-year{font-size:1rem;font-weight:600;color:var(--text-color-primary)}.calendar-nav-btn{background:transparent;border:none;font-size:1.2rem;color:var(--text-color-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:4px}.calendar-nav-btn:hover{background-color:var(--page-bg);color:var(--accent-blue)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.75rem;font-weight:500;color:var(--text-color-secondary);margin-bottom:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border-color)}.calendar-weekdays span{padding:.25rem 0}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{padding:.5rem 0;text-align:center;font-size:.85rem;cursor:pointer;border-radius:4px;border:1px solid transparent;transition:background-color .1s ease,border-color .1s ease,color .1s ease;min-height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:var(--text-color-primary)}.calendar-day.disabled{color:#9ca3af;cursor:default;background-color:transparent!important;border-color:transparent!important}.calendar-day:not(.disabled):hover{background-color:var(--calendar-day-hover-bg);border-color:var(--accent-blue)}.calendar-day.today{border-color:var(--calendar-day-today-border);font-weight:700}.calendar-day.day-temp-start{background-color:var(--calendar-day-temp-start-bg)!important;color:var(--calendar-day-temp-start-text)!important;border-color:var(--accent-blue-dark)!important}.calendar-day.day-temp-end{background-color:var(--card-bg);color:var(--calendar-day-temp-end-text)!important;border:2px solid var(--calendar-day-temp-end-border)!important}.calendar-day.day-temp-start.day-temp-end{background-color:var(--calendar-day-temp-start-bg)!important;color:var(--calendar-day-temp-start-text)!important;border-color:var(--accent-blue-dark)!important}.calendar-day.day-in-temp-range{background-color:var(--calendar-day-in-temp-range-bg)!important;color:var(--text-color-primary)!important;border-radius:0;border-color:transparent!important}.calendar-day.day-temp-start.day-in-temp-range:not(.day-temp-end){border-top-right-radius:0;border-bottom-right-radius:0}.calendar-day.day-temp-end.day-in-temp-range:not(.day-temp-start){border-top-left-radius:0;border-bottom-left-radius:0}.calendar-footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.calendar-footer .button-primary,.calendar-footer .button-secondary{padding:.4rem .8rem;border-radius:4px;font-size:.85rem;cursor:pointer;border:1px solid transparent}.calendar-footer .button-primary{background-color:var(--accent-blue);color:var(--text-color-light)}.calendar-footer .button-primary:hover{background-color:var(--accent-blue-dark)}.calendar-footer .button-secondary{background-color:#e2e8f0;color:var(--text-color-primary);border-color:#cbd5e1}.calendar-footer .button-secondary:hover{background-color:#cbd5e1}.unified-media-summary{padding:.75rem 1.5rem 1rem;margin:0 1.5rem 1rem}.section-main-title{font-size:1.75rem;font-weight:600;color:var(--text-color-primary);margin-bottom:1rem;padding-bottom:.25rem;border-bottom:2px solid var(--accent-blue);display:inline-block}.subsection-title{font-size:1.25rem;font-weight:600;color:var(--text-color-primary);margin-bottom:.75rem}.global-kpi-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.25rem}.global-kpi-card{background-color:var(--card-bg);padding:1rem;border-radius:10px;box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color);text-align:center}.global-kpi-label{font-size:.9rem;color:var(--text-color-secondary);margin-bottom:.5rem;text-transform:uppercase;font-weight:500}.global-kpi-value{font-size:1.8rem;font-weight:700;color:var(--text-color-primary);line-height:1.2}.card-style{background-color:var(--card-bg);padding:1.25rem;border-radius:12px;box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color)}.summary-content-wrapper{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.summary-table-container{flex:3;min-width:300px}.summary-charts-container{flex:2;display:flex;gap:1.5rem;flex-wrap:wrap;align-content:flex-start}.summary-charts-container .pie-chart-card{flex:1 1 calc(50% - .75rem);min-width:280px;display:flex;flex-direction:column;align-items:center}.table-responsive{overflow-x:auto}.media-summary-table{width:100%;border-collapse:collapse;font-size:.9rem}.media-summary-table th,.media-summary-table td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid var(--border-color)}.media-summary-table th{background-color:var(--table-header-bg);font-weight:600;color:var(--text-color-secondary);text-transform:uppercase;font-size:.8rem}.media-summary-table th:nth-child(n+2),.media-summary-table td:nth-child(n+2){text-align:right}.media-summary-table tbody tr:hover{background-color:var(--table-row-hover-bg)}.media-summary-table .grand-total-row{font-weight:700;background-color:#f0f4f8}.media-summary-table .grand-total-row td{color:var(--text-color-primary)}.daily-platform-charts-wrapper{display:flex;gap:1.5rem;flex-wrap:wrap;width:100%;margin-top:1rem}.line-chart-section{flex:1 1 calc(50% - .75rem);min-width:250px}.line-chart-area{width:100%;height:270px;margin-bottom:.75rem;position:relative}.line-chart-area svg{display:block;width:100%;height:100%}.line-chart-area .axis line,.line-chart-area .axis path{stroke:var(--border-color);stroke-width:1;shape-rendering:crispEdges}.line-chart-area .axis text{fill:var(--text-color-secondary);font-size:.75rem}.line-chart-area .grid-line{stroke:var(--border-color);stroke-dasharray:2,2;stroke-width:.5}.line-chart-area .line-path{fill:none;stroke-width:2px}.line-chart-area .data-point{stroke-width:1.5px;stroke:var(--card-bg)}.line-chart-area .data-point:hover,.line-chart-area .data-point:focus{r:6px;opacity:.8;outline:none}.line-chart-legend{display:flex;justify-content:center;align-items:center;gap:1.5rem;font-size:.9rem;margin-top:.25rem}.line-chart-legend .legend-item{margin-bottom:0}.chart-title{font-size:1.1rem;font-weight:600;color:var(--text-color-primary);margin-bottom:.75rem;text-align:center}.pie-chart-area{width:100%;max-width:200px;height:auto;aspect-ratio:1 / 1;margin-bottom:.75rem;display:flex;justify-content:center;align-items:center}.pie-chart-area svg{display:block;max-width:100%;max-height:100%}.pie-chart-area svg path:focus,.pie-chart-area svg path:hover{opacity:.85;outline:2px solid var(--accent-blue-dark);outline-offset:1px}.pie-chart-legend{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.85rem;width:100%;padding-left:1rem}.legend-item{display:flex;align-items:center}.legend-color-box{width:12px;height:12px;border-radius:3px;margin-right:.5rem;display:inline-block}.legend-label{color:var(--text-color-secondary)}.chart-tooltip{position:fixed;background-color:var(--line-chart-tooltip-bg);color:var(--line-chart-tooltip-text);padding:8px 12px;border-radius:6px;font-size:.85rem;pointer-events:none;opacity:0;transition:opacity .2s ease-out;white-space:nowrap;z-index:1050;box-shadow:0 2px 5px #0003;transform:translate(-50%,-110%)}.chart-tooltip strong{font-weight:700;display:block;margin-bottom:2px}.review-campaigns-footer{text-align:center;padding:.75rem;margin:1rem 1.5rem;background-color:var(--card-bg);border-radius:12px;font-size:.9rem;color:var(--text-color-secondary);box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e293b66;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal.open{opacity:1;visibility:visible}.modal-content{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 5px 15px #0003;width:90%;max-width:500px;border:1px solid var(--border-color)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.3rem;color:var(--accent-blue)}.close-button{background:transparent;border:none;font-size:1.8rem;cursor:pointer;color:var(--text-color-secondary)}.close-button:hover{color:var(--text-color-primary)}.modal-body .form-group{margin-bottom:1rem}.modal-body label{display:flex;align-items:center;margin-bottom:.5rem;font-weight:500;font-size:.9rem;color:var(--text-color-primary)}.modal-body input[type=text]{width:100%;padding:.7rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;background-color:#f8fafc}.modal-body input[type=text]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}.help-link{color:var(--accent-blue);text-decoration:none;margin-left:8px;display:inline-flex;align-items:center;font-size:.85rem}.help-link:hover{color:var(--accent-blue-dark);text-decoration:underline}.help-link-text{margin-right:.3em}.help-link i{font-size:1.1em;line-height:1}.form-actions{margin-top:1.5rem;text-align:right}.form-actions .button-primary{background-color:var(--accent-blue);color:var(--text-color-light);padding:.7rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.form-actions .button-primary:hover{background-color:var(--accent-blue-dark)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 1200px){.global-kpi-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-content-wrapper{flex-direction:column}.summary-table-container,.summary-charts-container{flex:none;width:100%}.summary-charts-container{flex-direction:row}.summary-charts-container .pie-chart-card{flex:1 1 280px;min-width:250px}}@media (max-width: 992px){.unified-media-summary{padding:.75rem 1rem 1rem;margin:0 1rem 1rem}.crm-summary{padding:0 1rem}.global-kpi-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.global-kpi-value{font-size:1.5rem}.global-kpi-label{font-size:.8rem}.section-main-title{font-size:1.5rem}.subsection-title{font-size:1.15rem}.top-filters{padding:1rem;flex-direction:column;align-items:stretch}.filter-title-section{width:100%;margin-bottom:.5rem;text-align:center;margin-right:0}.filter-controls{flex-direction:column;gap:.8rem;align-items:stretch;width:100%}.filter-controls>div,.filter-controls>button,.filter-controls .custom-date-range-picker-container{width:100%;margin-left:0!important}#customDateRangeTriggerBtn{width:100%;justify-content:space-between}.custom-calendar-popover{width:calc(100% - 2rem);left:1rem;right:1rem;box-sizing:border-box}.date-preset-filter select,.client-filter select,.filter-button{width:100%;justify-content:space-between}.line-chart-area{height:250px}}@media (max-width: 768px){.global-kpi-summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.global-kpi-card{padding:1rem .75rem}.global-kpi-value{font-size:1.3rem}.media-summary-table{font-size:.85rem}.media-summary-table th,.media-summary-table td{padding:.6rem .4rem}.summary-charts-container{flex-direction:column}.summary-charts-container .pie-chart-card{width:100%;min-width:0}.pie-chart-area{max-width:180px}.daily-platform-charts-wrapper{flex-direction:column}.daily-platform-charts-wrapper .line-chart-section{width:100%;min-width:0}.line-chart-area{height:230px}.line-chart-area .axis text{font-size:.7rem}.line-chart-legend{gap:1rem;font-size:.8rem}}@media (max-width: 480px){.global-kpi-summary-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.global-kpi-value{font-size:1.2rem}.global-kpi-label{font-size:.75rem}.section-main-title{font-size:1.3rem}.subsection-title{font-size:1.05rem}.media-summary-table{font-size:.8rem}.pie-chart-area{max-width:150px}.pie-chart-legend{font-size:.8rem;padding-left:.5rem}.modal-content{padding:1.5rem}.modal-title{font-size:1.1rem}.custom-calendar-popover{width:calc(100% - 1rem);left:.5rem;right:.5rem}.calendar-day{font-size:.8rem;padding:.4rem 0}.calendar-month-year{font-size:.9rem}.line-chart-area{height:210px}.line-chart-area .axis text{font-size:.65rem}}