@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--text-main: #111827;--text-muted: #4b5563;--text-dark: #202124;--bg-main: #F8F9FA;--card-bg: #FFFFFF;--border-color: #DADCE0;--blue-box: #4A5DF9;--chart-green: #34A853;--chart-blue: #1A73E8;--brand-purple: #4A5DF9;--brand-purple-dark: #4A32EB;--brand-green: #4BFA77;--font-family: "Nunito", "Poppins", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);line-height:1.4;padding-bottom:0}.report-container{max-width:1200px;margin:40px auto;background:var(--card-bg);padding:0 0 40px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;border-radius:10px}.report-header{text-align:center;padding:40px 20px}.logo-container{width:80px;height:80px;background-color:#121212;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.logo-container svg{width:45px;height:auto;fill:#e31b23}.report-title{font-size:24px;font-weight:700;color:var(--text-dark);margin-bottom:8px;text-transform:uppercase}.report-subtitle{font-size:14px;color:var(--text-muted);font-weight:500;margin-bottom:24px}.report-date{font-size:12px;color:var(--text-main)}.main-block{margin:0 40px 40px;border:1px solid var(--border-color);border-radius:10px;padding:20px;position:relative;border-top:4px solid var(--blue-box)}.block-header{display:flex;align-items:flex-start;margin-bottom:30px}.block-header svg,.block-header img{margin-right:14px}.block-title{font-size:16px;font-weight:700;color:#111827}.block-subtitle{font-size:12px;color:var(--text-muted);margin-top:2px}.metrics-row{display:flex;flex-wrap:wrap;margin-bottom:16px;gap:16px}.metric{flex:1 1 0%;min-width:200px;text-align:center;padding:20px 10px;border:1px solid var(--border-color);border-radius:8px;height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.metric:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 16px #00000014;border-color:transparent}.metric-blue{background-color:var(--blue-box);color:#fff;border-radius:8px;border:1px solid var(--blue-box)}.metric-label{font-size:15px;font-weight:500;margin-bottom:12px}.metric-blue .metric-label{color:#fff;margin-bottom:8px}.metric-value{font-size:22px;font-weight:700;color:var(--text-dark)}.btn-pdf{position:absolute;right:5%;top:50%;transform:translateY(-50%);background-color:var(--brand-purple-dark);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease-in-out;z-index:10}.btn-pdf:hover{transform:translateY(-50%) scale(1.05)}.metric-blue .metric-value{color:#fff}.gmb-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gmb-metric-double{grid-column:span 2}.campaigns-section-title{font-size:16px;font-weight:700;color:var(--text-dark);margin:40px 40px 20px}.campaign-card{margin-bottom:45px;border:1px solid var(--border-color);border-top:4px solid var(--border-color);border-radius:8px;padding:20px}.campaign-header{margin-bottom:24px}.campaign-name{font-size:16px;font-weight:700;color:#111827}.campaign-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.chart-wrapper{margin-top:45px;text-align:center}.chart-header{font-size:16px;font-weight:700;color:#111827;margin-bottom:20px;text-align:center}.legend{display:flex;justify-content:center;gap:16px;font-size:12px;color:var(--text-muted);margin-bottom:10px}.legend-item{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.charts-split{display:flex;gap:40px;margin-top:40px}.charts-split>div{flex:1}.table-wrapper{margin-top:40px;width:100%;overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}th{color:#374151;font-weight:600;font-size:14px;text-align:center;padding:12px 8px;border-bottom:1px solid var(--border-color);background:#fafafa}th:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}td{text-align:center;padding:16px 8px;border-bottom:1px solid var(--border-color);color:#111827;font-weight:500;font-size:14px}th:first-child,td:first-child{text-align:left}.ad-info{display:flex;align-items:center;gap:12px}.ad-img{width:48px;height:48px;background-color:#eee;border-radius:4px;flex-shrink:0}.ad-text{font-weight:500;line-height:1.3}.footer-link{text-decoration:none;font-weight:600;color:#6b7280;font-size:14px;letter-spacing:1px;transition:all .2s ease-in-out}.footer-link:hover{color:var(--brand-purple);font-weight:700}.footer-logo-link{transition:transform .2s ease-in-out}.footer-logo-link:hover{transform:translateY(-50%) scale(1.1)!important}.mobile-only-br{display:none}@media (max-width: 768px){.gmb-metrics-row{display:flex;flex-wrap:wrap}.gmb-metric-double{grid-column:auto}.charts-split{flex-direction:column;gap:20px}.mobile-only-br{display:block}.report-container{margin:10px 4px}.main-block{margin:0 4px 25px;padding:15px 8px}.report-header{padding:20px 10px}}.metrics-row,.metric,.main-block,.campaign-card,.table-wrapper,tr{page-break-inside:avoid;break-inside:avoid}.recharts-wrapper,.recharts-surface,.recharts-bar-rectangle,.recharts-default-tooltip{outline:none!important}.recharts-wrapper,.recharts-wrapper *,.recharts-surface:focus,.recharts-layer:focus,path.recharts-rectangle{outline:none!important}.theme-toggle-btn{position:absolute;top:20px;right:24px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid #e5e7eb;background-color:#f9fafb;color:#374151;cursor:pointer;transition:all .2s ease;z-index:20;box-shadow:0 1px 2px #0000000d}.theme-toggle-btn:hover{background-color:#f3f4f6;transform:translateY(-1px)}.dark-theme .theme-toggle-btn{background-color:#27272a;border-color:#3f3f46;color:#f4f4f5}.dark-theme .theme-toggle-btn:hover{background-color:#3f3f46}.dark-theme .report-container{background-color:#18181b!important;color:#f4f4f5!important;box-shadow:0 10px 30px #00000080!important;border:1px solid #27272a}.dark-theme .report-title,.dark-theme .block-title,.dark-theme .campaign-name,.dark-theme .chart-header{color:#f4f4f5!important}.dark-theme .report-header div,.dark-theme .report-subtitle,.dark-theme .block-subtitle,.dark-theme .campaign-sub,.dark-theme .legend{color:#a1a1aa!important}.dark-theme .main-block{background-color:#1c1c20!important;border-color:#27272a!important;border-top:4px solid #4A5DF9!important}.dark-theme .campaign-card{background-color:#18181b!important;border-color:#27272a!important;border-top:4px solid #3f3f46!important}.dark-theme .campaign-card div[style*="font-weight: bold"]{color:#f4f4f5!important}.dark-theme .metric:not(.metric-blue){background-color:#27272a!important;border-color:#3f3f46!important}.dark-theme .metric:not(.metric-blue) .metric-label{color:#d4d4d8!important}.dark-theme .metric:not(.metric-blue) .metric-value{color:#f4f4f5!important}.dark-theme .review-card{background-color:#27272a!important;border-color:#3f3f46!important}.dark-theme .review-author{color:#f4f4f5!important}.dark-theme .review-comment{color:#d4d4d8!important}.dark-theme th{background-color:#27272a!important;color:#e4e4e7!important;border-bottom-color:#3f3f46!important}.dark-theme td{color:#f4f4f5!important;border-bottom-color:#27272a!important}.dark-theme .recharts-cartesian-grid-horizontal line,.dark-theme .recharts-cartesian-grid-vertical line{stroke:#27272a!important}.dark-theme .recharts-tooltip-cursor{fill:transparent!important;display:none!important}.dark-theme .custom-chart-tooltip{background-color:#27272a!important;border-color:#3f3f46!important;box-shadow:0 10px 15px -3px #00000080!important}.dark-theme .custom-chart-tooltip-title{color:#f4f4f5!important}.dark-theme .custom-chart-tooltip-text{color:#d4d4d8!important}.dark-theme .footer-link{color:#a1a1aa!important}.admin-container{display:flex;min-height:100vh;background-color:#f3f4f6;font-family:Inter,-apple-system,sans-serif}.admin-sidebar{width:250px;background-color:#fff;color:#111827;display:flex;flex-direction:column;border-right:1px solid #e5e7eb}.admin-logo{padding:20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e5e7eb}.admin-logo h2{font-size:16px;margin:0}.mobile-menu-btn{display:none}.admin-nav{padding:20px 0;display:flex;flex-direction:column}.admin-nav a{padding:15px 20px;color:#4b5563;text-decoration:none;display:flex;align-items:center;gap:12px;transition:all .2s;font-weight:500}.admin-nav a:hover,.admin-nav a.active{background-color:#4a5df9;color:#fff}.admin-main{flex:1;padding:40px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-header h1{font-size:24px;color:#111827;margin:0}.btn-primary{background-color:#4a5df9;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.btn-primary:hover{background-color:#4338ca}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:6px 12px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500}.btn-secondary:hover{background-color:#f9fafb}.btn-icon{color:#6b7280;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:10px}.btn-icon:hover{background-color:#f3f4f6;color:#111827}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.admin-content{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;padding:20px}.status-badge{padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:500}.status-badge.success{background-color:#d1fae5;color:#065f46}.action-buttons{display:flex;align-items:center;gap:10px;justify-content:flex-end}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:80px;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 10px 25px #0003;max-height:85vh;overflow-y:auto;position:relative}@media (max-width: 768px){.admin-container{flex-direction:column}.admin-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb}.admin-logo{justify-content:center;position:relative}.mobile-menu-btn{display:block!important;position:absolute;left:20px;background:transparent;border:none;color:#111827;padding:5px;cursor:pointer}.admin-nav{display:none}.admin-main{padding:15px;width:100%;box-sizing:border-box;overflow-x:hidden}.admin-content{padding:10px;overflow-x:hidden}.admin-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-header h1{font-size:20px}.admin-logo h2{display:none}.admin-date-filters{flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:center!important}.admin-date-filters>div{flex:unset}.admin-date-filters>div>input{width:125px}.admin-date-filters button{margin-left:0!important;width:100%;justify-content:center}.client-row{flex-direction:column;align-items:flex-start!important;gap:15px}.client-platforms{align-self:center!important;margin-top:5px}.client-actions{justify-content:flex-start!important;width:100%;flex-direction:column;align-items:stretch!important}.client-dates{flex-wrap:wrap;width:100%;justify-content:space-between}.client-dates input{flex:1;min-width:100px}.client-actions button{margin-left:0!important;width:100%;justify-content:center}.history-item{position:relative;padding-top:45px!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.history-item-title{position:absolute;top:15px;left:0;width:100%!important;justify-content:center!important;padding-right:0!important}.btn-trash{position:absolute;top:12px;right:15px}.history-item-date{width:100%!important;justify-content:center!important}.history-item-actions{width:100%!important;justify-content:space-between!important;gap:10px}.history-item-actions .btn-secondary{flex:1;justify-content:center}}.dark-admin{background-color:#121212!important;color:#f4f4f5!important}.dark-admin .admin-sidebar{background-color:#18181b!important;color:#f4f4f5!important;border-right-color:#27272a!important;border-bottom-color:#27272a!important}.dark-admin .admin-logo{border-bottom-color:#27272a!important}.dark-admin .admin-logo h2,.dark-admin .admin-header h1,.dark-admin .mobile-menu-btn{color:#f4f4f5!important}.dark-admin .admin-nav a{color:#a1a1aa}.dark-admin .admin-nav a:hover,.dark-admin .admin-nav a.active{background-color:#4a5df9;color:#fff}.dark-admin .admin-content,.dark-admin .modal-content{background-color:#18181b!important;color:#f4f4f5!important;border:1px solid #27272a}.dark-admin .clients-list-box{background-color:#18181b!important;border-color:#27272a!important;box-shadow:none!important}.dark-admin .client-card{background-color:#202024!important;border-color:#3f3f46!important}.dark-admin .client-sub-row{background-color:#1c1c20!important;border-bottom-color:#27272a!important}.dark-admin .client-name-text,.dark-admin .history-item-date,.dark-admin .history-heading{color:#f4f4f5!important}.dark-admin .history-item-title,.dark-admin .client-dates span,.dark-admin .admin-date-filters label{color:#a1a1aa!important}.dark-admin .platform-card-box,.dark-admin .admin-date-filters{background-color:#202024!important;border-color:#3f3f46!important}.dark-admin .admin-date-filters>div{background-color:#18181b!important;border-color:#3f3f46!important}.dark-admin input,.dark-admin select,.dark-admin textarea{background-color:#18181b!important;color:#f4f4f5!important;border-color:#3f3f46!important;color-scheme:dark}.dark-admin input::placeholder{color:#71717a!important}.dark-admin .client-row{background-color:#27272a!important;border-color:#3f3f46!important;color:#f4f4f5!important}.dark-admin .client-row h3,.dark-admin .modal-content h2,.dark-admin .modal-content h3,.dark-admin .modal-content label,.dark-admin .admin-content h2,.dark-admin .admin-content h3,.dark-admin .admin-content label{color:#f4f4f5!important}.dark-admin .btn-secondary{background-color:#27272a!important;color:#e4e4e7!important;border-color:#3f3f46!important}.dark-admin .btn-secondary:hover{background-color:#3f3f46!important}.dark-admin .btn-icon{color:#a1a1aa!important}.dark-admin .btn-icon:hover{background-color:#3f3f46!important;color:#f4f4f5!important}.dark-admin .history-item{background-color:#242429!important;border-color:#3f3f46!important;color:#e4e4e7!important}