*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:20px}@media (max-width:768px){.container{padding:15px}}@media (max-width:480px){.container{padding:10px}}.password-form{max-width:400px;margin:100px auto;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.password-form h1{margin-bottom:20px;font-size:24px}.password-form input{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;font-size:16px}.password-form button{width:100%;padding:12px;background:#06c;color:#fff;border:0;border-radius:4px;font-size:16px;cursor:pointer}.password-form button:hover{background:#0052a3}.password-form .error{color:#d32f2f;margin-top:10px;font-size:14px}.dashboard{display:none}.dashboard.active{display:block}.header{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}@media (max-width:768px){.header{padding:15px;gap:10px}}.header h1{font-size:28px;color:#06c;margin:0}@media (max-width:768px){.header h1{font-size:24px;flex:1 1 100%}}@media (max-width:480px){.header h1{font-size:20px}}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media (max-width:768px){.controls{flex:1 1 100%;justify-content:space-between;gap:8px}}.period-selector{display:flex;gap:5px;flex-wrap:wrap}.period-selector button{padding:8px 16px;border:1px solid #ddd;background:#fff;cursor:pointer;border-radius:4px;font-size:14px;white-space:nowrap;transition:all .2s}@media (max-width:480px){.period-selector button{padding:6px 12px;font-size:13px}}.period-selector button.active{background:#06c;color:#fff;border-color:#06c}.export-controls{display:flex;gap:5px;flex-wrap:wrap}.export-btn{padding:8px 16px;border:1px solid #10b981;background:#fff;color:#10b981;cursor:pointer;border-radius:4px;font-size:14px;white-space:nowrap;transition:all .2s;font-weight:500}.export-btn:hover{background:#10b981;color:#fff}.export-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.export-btn{padding:6px 12px;font-size:13px}}.refresh-status{font-size:14px;color:#666;white-space:nowrap}@media (max-width:480px){.refresh-status{font-size:12px;flex:1 1 100%;text-align:right}}.checkpoint-selector{display:flex;gap:12px;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;flex-wrap:wrap}@media (max-width:768px){.checkpoint-selector{gap:8px}}@media (max-width:480px){.checkpoint-selector{flex-direction:column;align-items:flex-start;gap:10px}.checkpoint-selector label{font-size:13px!important}.checkpoint-selector select,.checkpoint-selector button{font-size:13px!important;padding:6px 12px!important;width:100%}}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}@media (max-width:768px){.summary-cards{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:480px){.summary-cards{grid-template-columns:1fr;gap:10px}}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}@media (max-width:768px){.card{padding:15px}}@media (max-width:480px){.card{padding:12px}}.card-label{font-size:14px;color:#666;margin-bottom:8px;font-weight:600}@media (max-width:480px){.card-label{font-size:12px;margin-bottom:4px}}.card-value{font-size:32px;font-weight:700;color:#06c;line-height:1.2}@media (max-width:768px){.card-value{font-size:28px}}@media (max-width:480px){.card-value{font-size:24px}}.card-subtext{font-size:12px;color:#999;margin-top:4px}@media (max-width:480px){.card-subtext{font-size:11px}}.source-breakdown{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.05)}@media (max-width:768px){.source-breakdown{padding:15px;margin-bottom:15px}}@media (max-width:480px){.source-breakdown{padding:12px;margin-bottom:12px;border-radius:6px}}.source-breakdown h2{font-size:20px;margin-bottom:15px;margin-top:0}@media (max-width:768px){.source-breakdown h2{font-size:18px;margin-bottom:12px}}@media (max-width:480px){.source-breakdown h2{font-size:16px;margin-bottom:10px}}.source-breakdown p{margin-bottom:12px}@media (max-width:480px){.source-breakdown p{font-size:13px;line-height:1.5;margin-bottom:10px}}.source-item{border-bottom:1px solid #eee;padding:15px 0}.source-item:last-child{border-bottom:none}.source-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:6px;transition:background-color .2s;gap:10px}@media (max-width:768px){.source-header{flex-direction:column;align-items:stretch;padding:12px;gap:8px}}.source-header.clickable{cursor:pointer}.source-header.clickable:hover{background-color:#f9f9f9}@media (max-width:768px){.source-header.clickable{-webkit-tap-highlight-color:rgba(0,102,204,.1)}}.source-name{font-weight:700;font-size:16px;display:flex;align-items:center;flex-wrap:wrap}@media (max-width:480px){.source-name{font-size:15px}}.expand-indicator{transition:transform .2s;user-select:none}.source-stats{display:flex;gap:20px;font-size:14px;color:#666;flex-wrap:wrap}@media (max-width:768px){.source-stats{gap:12px;font-size:13px;justify-content:space-between}}@media (max-width:480px){.source-stats{gap:8px;font-size:12px}}.campaigns{margin-top:15px;padding-left:20px;display:none}@media (max-width:768px){.campaigns{padding-left:10px;margin-top:10px}}@media (max-width:480px){.campaigns{padding-left:5px;margin-top:8px}}.campaigns.expanded{display:block}.campaign-item{padding:10px;background:#f9f9f9;margin-bottom:8px;border-radius:4px}@media (max-width:480px){.campaign-item{padding:8px;margin-bottom:6px}}.campaign-name{font-weight:600;margin-bottom:4px}@media (max-width:480px){.campaign-name{font-size:14px}}.ad-item{padding:5px 10px;margin-left:15px;font-size:13px;color:#666}@media (max-width:768px){.ad-item{margin-left:10px;padding:6px 8px}}@media (max-width:480px){.ad-item{margin-left:5px;padding:6px;font-size:12px}}.recent-conversions{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px rgba(0,0,0,.05)}@media (max-width:768px){.recent-conversions{padding:15px}}@media (max-width:480px){.recent-conversions{padding:12px}}.recent-conversions h2{font-size:20px;margin-bottom:15px}@media (max-width:480px){.recent-conversions h2{font-size:16px;margin-bottom:10px}}.conversion-item{border-bottom:1px solid #eee;padding:12px 0}@media (max-width:480px){.conversion-item{padding:10px 0}}.conversion-item:last-child{border-bottom:none}.conversion-name{font-weight:700;font-size:15px}@media (max-width:480px){.conversion-name{font-size:14px}}.conversion-email{color:#666;font-size:13px;word-break:break-word}@media (max-width:480px){.conversion-email{font-size:12px}}.conversion-source{margin-top:4px;font-size:13px;color:#06c}@media (max-width:480px){.conversion-source{font-size:12px}}.conversion-meta{margin-top:4px;font-size:12px;color:#999}@media (max-width:480px){.conversion-meta{font-size:11px}}.loading{text-align:center;padding:40px;color:#999}.error{background:#ffebee;color:#d32f2f;padding:15px;border-radius:4px;margin-bottom:20px}.card-comparison{font-size:14px;margin-top:4px;min-height:18px}@media (max-width:480px){.card-comparison{font-size:12px}}.view-toggle{display:flex;justify-content:center;gap:10px;margin:20px 0;flex-wrap:wrap}@media (max-width:480px){.view-toggle{gap:6px;margin:15px 0}}.view-btn{padding:10px 20px;border:2px solid #ddd;background:#fff;cursor:pointer;border-radius:6px;font-size:14px;font-weight:600;white-space:nowrap;transition:all .2s}@media (max-width:480px){.view-btn{padding:8px 14px;font-size:13px}}.view-btn:hover{background:#f5f5f5}.view-btn.active{background:#06c;color:#fff;border-color:#06c}.view-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.health-cards{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}@media (max-width:768px){.health-cards{gap:10px}}@media (max-width:600px){.health-cards{flex-direction:column}}.health-cards .card{flex:1;min-width:150px}@media (max-width:600px){.health-cards .card{min-width:100%}}.issue-item{padding:12px;margin-bottom:8px;border-radius:6px;font-size:14px;line-height:1.5}@media (max-width:480px){.issue-item{padding:10px;font-size:13px}}.issue-item.error{background:#fee;border-left:4px solid #ef4444}.issue-item.warning{background:#fffbeb;border-left:4px solid #f59e0b}@media (max-width:768px){.source-stats{width:100%}.source-stats>span{flex:1 1 45%;text-align:center;padding:4px}}@media (max-width:480px){.source-stats>span{flex:1 1 100%;text-align:left;padding:2px 0}}.insight-item,.action-item{padding:12px;margin-bottom:10px;border-radius:6px;background:#f0f9ff;border-left:4px solid #06c;font-size:14px;line-height:1.6}@media (max-width:480px){.insight-item,.action-item{padding:10px;font-size:13px;margin-bottom:8px}}.warning-item{background:#fffbeb;border-left-color:#f59e0b}.critical-item{background:#fee;border-left-color:#ef4444}@media (max-width:768px){button,.clickable{min-height:44px;min-width:44px}input,select{font-size:16px}}@media (max-width:768px){.campaigns{max-height:300px;overflow-y:auto}#recentErrors{max-height:300px!important}}@media (max-width:480px){h2{font-size:18px;margin-bottom:10px}h3{font-size:16px;margin-bottom:8px}p{font-size:14px;line-height:1.5}}#platformCostsForm>div{background:#f9f9f9;padding:15px;border-radius:6px}@media (max-width:600px){#platformCostsForm>div>div:last-child{grid-template-columns:1fr!important}}@media (max-width:480px){#platformCostsForm>div{padding:12px}}#saveCostsBtn{transition:background-color .2s,transform .1s}#saveCostsBtn:hover{background:#059669}#saveCostsBtn:active{transform:scale(.98)}@media (max-width:480px){#saveCostsBtn{width:100%;padding:12px 20px;font-size:16px}}#toggleCostsBtn{transition:background-color .2s}#toggleCostsBtn:hover{background:#f5f5f5}@media (max-width:480px){#toggleCostsBtn{font-size:13px;padding:6px 12px}}.collapsible-section{position:relative}.section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:10px 0;user-select:none;transition:background-color .2s}.section-header:hover{opacity:.8}.collapse-btn{background:0 0;border:0;font-size:16px;cursor:pointer;padding:4px 8px;color:#666;transition:transform .2s,color .2s}.collapse-btn:hover{color:#333}.section-content{overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;max-height:10000px;opacity:1}.section-content.collapsed{max-height:0;opacity:0;transition:max-height .3s ease-in,opacity .2s ease-in}@media (max-width:768px){.section-header h2{font-size:18px}.collapse-btn{font-size:14px}}