@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:50px}.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}.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}.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}}