.header h1{margin:0;font-size:32px;line-height:1}.back-button-header{color:#fff;background:#111827;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;position:absolute;top:16px;left:20px}.back-button-header:hover{background:#b91c1c}.projects-card{border-top-color:#111827}.section-title{text-align:center;margin:0 0 16px;font-size:28px}.date-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.date-controls button,.apply-button{color:#fff;background:#b91c1c;border:none;border-radius:8px;padding:11px 18px;font-weight:700}.date-controls button:hover,.apply-button:hover{background:#111827}.clear-button{color:#b91c1c!important;background:#fff!important;border:2px solid #b91c1c!important}.clear-button:hover{color:#fff!important;background:#b91c1c!important}.card{background:#fff;border-top:10px solid #ccc;border-radius:22px;padding:24px;box-shadow:0 10px 30px #00000014}.card.roofing{border-top-color:#b91c1c}.card.siding{border-top-color:#4b5563}.card.combo{border-top-color:#111827}.card>h3{text-align:center;margin:0 0 20px;font-size:24px}.row{border-top:1px solid #d1d5db;grid-template-columns:1fr 92px 150px;align-items:center;gap:12px;padding:14px 0;display:grid}.row strong{font-size:18px}.sub-label{color:#666;margin-top:4px;font-size:14px;font-weight:500}input{text-align:center;background:#fff;border:2px solid #9ca3af;border-radius:6px;outline:none;width:92px;padding:10px;font-size:15px}.return{text-align:right;font-size:16px;font-weight:700;line-height:1.25}.profit{color:#16a34a;margin-top:4px;font-size:15px;font-weight:700}.company-profit{color:#b91c1c;margin-top:4px;font-size:16px;font-weight:700}.lead-control-grid{grid-template-columns:1fr 2fr;gap:16px;margin-top:22px;display:grid}.unknown-leads-panel h3{margin:0 0 10px;font-size:20px}.projects-controls{justify-content:center;margin-bottom:20px;display:flex}.apply-button{background:#111827;border-radius:10px;padding:11px 22px;font-size:15px}.section-summary-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.section-total{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:120px;padding:22px;display:flex}.section-total strong{font-size:34px;line-height:1}.section-total span{text-transform:uppercase;letter-spacing:1px;margin-top:7px;font-size:13px}.section-total.red{color:#fff;background:#b91c1c}.section-total.white strong{color:#b91c1c}.profit-total{min-height:155px}.profit-breakdown{text-align:center;margin-top:10px;font-size:13px;font-weight:600;line-height:1.45}.expense-line{color:#b91c1c;font-weight:700}@media (width<=900px){.page{padding:18px}.grid,.section-summary-grid,.lead-control-grid{grid-template-columns:1fr}.header-top{flex-direction:column;gap:10px}.logo{max-height:70px}.header h1{text-align:center;font-size:28px}.row{grid-template-columns:1fr}.return{text-align:left}}@media (width<=768px){.page{padding:18px}.header{padding:54px 20px 20px}.back-button-header{padding:7px 12px;font-size:12px;top:12px;left:12px}.logo{max-height:60px}.header h1{font-size:24px}.home-card{text-align:center;padding:30px 22px}.home-card span{font-size:28px}.date-controls{flex-direction:column;align-items:stretch}.date-controls input,.date-controls button{width:100%;min-height:48px;font-size:16px}.row{flex-direction:column;gap:10px;padding:16px 0;display:flex}.row>div:first-child{text-align:center}.row input{width:100%;min-height:48px;font-size:16px}.row .return{text-align:center;width:100%;font-size:16px}.section-total{width:100%}input,select,textarea,button{font-size:16px}*{-webkit-tap-highlight-color:transparent}}.return{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.metric{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.metric span{color:#6b7280;font-size:12px;font-weight:600}.metric strong{font-size:16px;font-weight:700}.card-logo{opacity:.12;justify-content:center;margin-top:20px;display:flex}.card-logo img{width:60%;max-width:200px}.project-date-panel{width:100%}@media (width<=900px){.project-top-row{grid-template-columns:1fr}}.project-top-row{grid-template-columns:1fr 420px;align-items:stretch;gap:24px;display:grid}.project-date-panel,.project-count-panel{min-height:138px}.project-date-panel{justify-content:center;align-items:center;width:100%;display:flex}.project-count-panel{flex-direction:column;justify-content:center;margin:0;display:flex}@media (width<=900px){.project-top-row{grid-template-columns:1fr}.reload-file-button{margin-left:0}}.date-controls button{margin-left:6px}.project-date-panel,.project-count-panel{height:100%}.project-date-panel{align-items:center;display:flex}.project-date-panel .date-controls{width:100%}.category-total{border-top:2px solid #e5e7eb;margin-top:18px;padding-top:16px}.category-total h4{text-align:center;color:#111827;margin:0 0 12px;font-size:17px;font-weight:800}.category-total div{background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:9px 10px;display:flex}.category-total span{color:#6b7280;letter-spacing:.45px;text-transform:uppercase;font-size:12px;font-weight:800}.category-total strong{color:#111827;text-align:right;font-size:15px;font-weight:800}.category-total .total-green{color:#16a34a}.category-total .total-red{color:#b91c1c}*{box-sizing:border-box}html,body{-webkit-text-size-adjust:100%;width:100%;margin:0;overflow-x:hidden}body{color:#374151;background:#f4f4f4;font-family:Inter,system-ui,-apple-system,sans-serif}button,input{touch-action:manipulation;font-family:inherit}button{cursor:pointer}.page{max-width:1400px;margin:0 auto;padding:24px 32px 32px}.header{background:#fff;border-radius:20px;margin-bottom:24px;padding:22px 28px 18px;position:relative;box-shadow:0 10px 30px #00000014}.header-top{justify-content:center;align-items:center;gap:20px;display:flex}.logo{width:auto;max-height:85px}.header h1{color:#111827;margin:0;font-size:32px;line-height:1}.back-button-header,.header-action-button{color:#fff;background:#b91c1c;border:none;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;position:absolute;top:16px}.back-button-header{left:20px}.header-action-button{right:20px}.back-button-header:hover,.header-action-button:hover{background:#7f1d1d}.home-grid{grid-template-columns:1fr;gap:22px;display:grid}.home-card{text-align:left;background:#fff;border:none;border-top:10px solid #b91c1c;border-radius:22px;min-height:170px;padding:40px;box-shadow:0 10px 30px #b91c1c29}.home-card:hover{transform:translateY(-2px)}.projects-card{border-top-color:#111827;box-shadow:0 10px 30px #1118272e}.home-card span{color:#111827;margin-bottom:14px;font-size:32px;font-weight:800;display:block}.home-card strong{color:#b91c1c;margin-bottom:10px;font-size:18px;display:block}.home-card p{color:#374151;margin:0;font-size:16px}.calculator-section{margin-bottom:34px}.data-panel,.close-rate-panel,.unknown-leads-panel{background:#fff;border:1px solid #d1d5db;border-radius:18px;padding:22px}.unknown-leads-panel,.close-rate-panel{height:fit-content}.data-panel{text-align:center;margin-bottom:22px;box-shadow:0 10px 30px #0000000f}.date-controls{flex-wrap:wrap;justify-content:center;align-items:end;gap:12px;display:flex}.date-controls label{color:#111827;flex-direction:column;gap:6px;font-weight:700;display:flex}.date-controls input{width:170px}.date-controls button,.apply-button,.clear-button{color:#fff;background:#b91c1c;border:none;border-radius:8px;padding:11px 18px;font-weight:700}.date-controls button:hover,.apply-button:hover,.clear-button:hover{background:#111827}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.card{box-shadow:none;background:#fff;border-top:10px solid #ccc;border-radius:22px;padding:22px}.grid>.card:nth-child(3n+1){border-top-color:#b91c1c;box-shadow:0 10px 30px #b91c1c29}.grid>.card:nth-child(3n+2){border-top-color:#4b5563;box-shadow:0 10px 30px #4b556329}.grid>.card:nth-child(3n+3){border-top-color:#111827;box-shadow:0 10px 30px #1118272e}.grid>.card:nth-child(3n+1):hover{box-shadow:0 14px 38px #b91c1c38}.grid>.card:nth-child(3n+2):hover{box-shadow:0 14px 38px #4b556338}.grid>.card:nth-child(3n+3):hover{box-shadow:0 14px 38px #11182742}.card>h3{text-align:center;color:#111827;margin:0 0 20px;font-size:24px}.row{background:#fafafa;border:1px solid #e5e7eb;border-radius:14px;margin-top:14px;padding:18px 18px 22px;display:block;box-shadow:0 4px 12px #00000008}.row:first-of-type{margin-top:0}.row:hover{background:#fff;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 8px 20px #0000000f}.row-label{text-align:center;color:#111827;border-bottom:1px solid #e5e7eb;width:100%;margin-bottom:10px;padding-bottom:10px;font-size:18px;font-weight:800;display:block}.row-content{grid-template-columns:1fr 110px 1fr;align-items:center;gap:16px;width:100%;display:grid}.row-left{text-align:left}.row-middle{justify-content:center;align-items:center;display:flex}.row-middle input{width:90px}.row-right,.return,.metric{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.row-right{gap:8px}.sub-label,.metric span{color:#969696;letter-spacing:.45px;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.15}.sub-label{margin-top:8px}.sub-label strong,.metric strong{color:#111827;letter-spacing:-.15px;text-transform:none;margin-top:2px;font-size:16px;font-weight:800;display:block}.metric.true strong{color:#16a34a}.metric.company strong{color:#b91c1c}input{text-align:center;background:#fff;border:2px solid #9ca3af;border-radius:6px;outline:none;width:92px;padding:10px;font-size:15px;transition:all .2s}input:focus{border-color:#b91c1c;box-shadow:0 0 0 2px #b91c1c26}input::placeholder{color:#9ca3af;font-weight:500}.lead-control-grid{grid-template-columns:440px 1fr;align-items:start;gap:18px;display:grid}.unknown-leads-panel{text-align:center}.unknown-leads-panel h3{color:#111827;margin:0 0 10px;font-size:20px}.unknown-leads-panel strong{color:#b91c1c;margin-bottom:8px;font-size:42px;display:block}.unknown-leads-panel p{color:#4b5563;margin:4px 0;font-size:14px}.unknown-divider{background:#d1d5db;height:1px;margin:22px 0}.close-rate-panel{text-align:center}.rate-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.rate-button{color:#b91c1c;background:#fff;border:2px solid #b91c1c;border-radius:999px;padding:10px 18px;font-weight:700}.rate-button.active{color:#fff;background:#b91c1c}.other-rate{align-items:center;gap:8px;display:flex}.active-rate{color:#111827;margin-top:22px;font-size:16px;font-weight:700}.section-summary-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;margin-top:24px;display:grid}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px;display:grid}.section-summary-grid>div{width:100%}.section-summary-grid .red{grid-column:span 1}.section-summary-grid .profit-total{grid-column:span 2}.section-total{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;height:auto;min-height:120px;padding:22px;display:flex}.section-total.red{color:#fff;background:#b91c1c;align-items:center}.section-total.red strong{font-size:34px;line-height:1}.section-total.red span{text-transform:uppercase;letter-spacing:1px;margin-top:7px;font-size:16px}.section-total.white{color:#111827;background:#fff;border:2px solid #b91c1c}.finance-total{justify-content:center;align-items:stretch;gap:10px;min-height:150px;padding:24px 34px}.finance-main-row,.finance-row{grid-template-columns:1fr auto;align-items:center;column-gap:24px;width:100%;display:grid}.finance-main-row span,.finance-row span{text-align:left;letter-spacing:1px;text-transform:uppercase;color:#374151;margin:0;font-size:16px;font-weight:800}.finance-main-row strong{text-align:right;font-size:34px;line-height:1}.finance-row strong{text-align:right;font-size:22px;line-height:1.1}.finance-divider{background:#e5e7eb;width:100%;height:1px;margin:4px 0}.finance-total .true-profit-number{color:#16a34a!important}.finance-total .company-number,.finance-total .finance-row.company strong{color:#111827!important}.finance-total .expense-number,.finance-total .finance-row.expense strong{color:#b91c1c!important}.profit{color:#16a34a;font-weight:700}.company-profit{color:#b91c1c;font-weight:700}.glow{transform:translateY(-1px);box-shadow:0 0 0 4px #b91c1c26,0 14px 35px #b91c1c38}@media (width<=1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-summary-grid{grid-template-columns:1fr 1fr}.section-summary-grid .red,.section-summary-grid .profit-total{grid-column:span 1}}@media (width<=768px){.page{padding:18px}.grid,.section-summary-grid,.lead-control-grid{grid-template-columns:1fr}.section-summary-grid .red,.section-summary-grid .profit-total{grid-column:span 1}.header{padding:54px 20px 20px}.header-top{flex-direction:column;gap:10px}.logo{max-height:60px}.header h1{text-align:center;font-size:24px}.back-button-header{padding:7px 12px;font-size:12px;top:12px;left:12px}.header-action-button{padding:7px 12px;font-size:12px;top:12px;right:12px}.home-card{text-align:center;padding:30px 22px}.home-card span{font-size:28px}.date-controls{align-items:center}.date-controls label{align-items:center;width:100%}.date-controls input{text-align:center}}.row{padding:18px}.row-content{grid-template-columns:1fr;gap:14px}.row-left,.row-right,.return,.metric{text-align:center;align-items:center}.row-middle input{width:100%;min-height:48px;font-size:16px}.finance-total{padding:22px}.finance-main-row,.finance-row{text-align:center;grid-template-columns:1fr;row-gap:4px}.finance-main-row span,.finance-row span,.finance-main-row strong,.finance-row strong{text-align:center}.finance-main-row strong{font-size:30px}.finance-row strong{font-size:20px}input,select,textarea,button{font-size:16px}*{-webkit-tap-highlight-color:transparent}.lead-kpi-row{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;margin-bottom:24px;display:grid}.lead-kpi-card{height:fit-content}@media (width<=768px){.lead-kpi-row{grid-template-columns:1fr}}.lead-control-grid{align-items:stretch}.lead-control-grid>.unknown-leads-panel,.lead-control-grid>.close-rate-panel{height:100%}.unknown-leads-panel{text-align:center;flex-direction:column;justify-content:center;display:flex}.card{flex-direction:column;display:flex}.category-total{margin-top:auto}.login-screen{background:#f4f4f4;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-box{text-align:center;background:#fff;border-radius:22px;width:100%;max-width:420px;padding:36px;box-shadow:0 14px 38px #11182729}.login-logo{width:auto;max-height:90px;margin-bottom:16px}.login-box h1{color:#111827;margin:0 0 8px;font-size:28px}.login-box p{color:#4b5563;margin:0 0 22px}.login-box input{width:100%;min-height:48px;margin-bottom:14px;font-size:16px}.login-box button{color:#fff;background:#b91c1c;border:none;border-radius:8px;width:100%;min-height:48px;font-weight:800}.login-box button:hover{background:#111827}.login-error{color:#b91c1c;margin-bottom:14px;font-size:14px;font-weight:800}.marketing-card{border-top-color:#4b5563;box-shadow:0 10px 30px #4b556329}.marketing-panel{background:#fff;border:1px solid #d1d5db;border-radius:18px;padding:22px;box-shadow:0 10px 30px #0000000f}.marketing-controls{flex-wrap:wrap;justify-content:center;align-items:end;gap:12px;display:flex}.marketing-controls label{color:#111827;flex-direction:column;gap:6px;font-weight:800;display:flex}.marketing-controls input,.marketing-controls select{text-align:center;background:#fff;border:2px solid #9ca3af;border-radius:6px;outline:none;min-width:220px;padding:10px;font-size:15px}.marketing-note{text-align:center;color:#4b5563;margin:16px 0 0;font-weight:700}.marketing-benchmark-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.marketing-benchmark-card{text-align:center;background:#fff;border:1px solid #d1d5db;border-radius:16px;padding:20px}.marketing-benchmark-card span{color:#6b7280;letter-spacing:.45px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.marketing-benchmark-card strong{color:#111827;font-size:24px}.marketing-scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px;display:grid}.marketing-scenario-card{background:#fff;border-top:10px solid #4b5563;border-radius:22px;padding:24px;box-shadow:0 10px 30px #4b556329}.marketing-scenario-card.conservative{border-top-color:#4b5563}.marketing-scenario-card.expected{border-top-color:#b91c1c;box-shadow:0 10px 30px #b91c1c29}.marketing-scenario-card.aggressive{border-top-color:#111827;box-shadow:0 10px 30px #1118272e}.marketing-scenario-card h3{text-align:center;color:#111827;margin:0 0 18px;font-size:24px}.scenario-main-number{text-align:center;background:#f9fafb;border-radius:14px;margin-bottom:14px;padding:18px}.scenario-main-number span{color:#6b7280;letter-spacing:.45px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.scenario-main-number strong{color:#b91c1c;font-size:30px}.scenario-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.scenario-row span{color:#6b7280;letter-spacing:.45px;text-transform:uppercase;font-size:12px;font-weight:900}.scenario-row strong{color:#111827;font-weight:900}.scenario-row.true strong{color:#16a34a}.scenario-row.company strong{color:#b91c1c}@media (width<=768px){.marketing-controls{flex-direction:column;align-items:stretch}.marketing-controls input,.marketing-controls select{width:100%;min-height:48px}.marketing-benchmark-grid,.marketing-scenario-grid{grid-template-columns:1fr}}.marketing-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.marketing-channel-card{background:#fff;border-top:10px solid #4b5563;border-radius:22px;padding:24px;box-shadow:0 10px 30px #4b556329}.marketing-channel-card h3{text-align:center;color:#111827;margin:0 0 18px;font-size:24px}.marketing-channel-card label{color:#111827;text-align:center;flex-direction:column;gap:8px;margin-bottom:18px;font-weight:800;display:flex}.marketing-channel-card input{width:100%;min-height:48px;font-size:18px}.mini-scenario-list{gap:12px;margin-top:18px;display:grid}.mini-scenario{background:#f9fafb;border-radius:14px;padding:14px}.mini-scenario h4{color:#111827;text-align:center;margin:0 0 8px}.mini-scenario p{justify-content:space-between;margin:6px 0;font-size:14px;display:flex}.mini-scenario.expected strong{color:#b91c1c}.mini-scenario.aggressive strong{color:#111827}.marketing-total-section{margin-top:28px}.marketing-total-section h2{text-align:center;color:#111827;margin-bottom:20px}@media (width<=900px){.marketing-channel-grid{grid-template-columns:1fr}}.roi-target-section{margin-top:28px}.roi-target-section h2{text-align:center;color:#111827;margin-bottom:20px}.roi-target-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.roi-target-card{text-align:center;background:#fff;border-top:8px solid #b91c1c;border-radius:16px;padding:20px;box-shadow:0 10px 24px #b91c1c1f}.roi-target-card span{color:#6b7280;letter-spacing:.45px;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.roi-target-card strong{color:#111827;font-size:24px}@media (width<=900px){.roi-target-grid{grid-template-columns:1fr}}.marketing-total-spend-panel{background:#fff;border:1px solid #d1d5db;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:end;gap:18px;margin-bottom:24px;padding:22px;display:flex;box-shadow:0 10px 30px #0000000f}.marketing-total-spend-panel label{color:#111827;text-align:center;flex-direction:column;gap:8px;font-weight:800;display:flex}.marketing-total-spend-panel input{width:240px;min-height:48px;font-size:18px}.marketing-total-spend-panel button{color:#fff;background:#b91c1c;border:none;border-radius:8px;padding:14px 22px;font-weight:800}.marketing-total-spend-display{text-align:center;background:#f9fafb;border-radius:14px;padding:14px 20px}.marketing-total-spend-display span{color:#6b7280;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:900;display:block}.marketing-total-spend-display strong{color:#111827;font-size:24px}@media (width<=768px){.marketing-total-spend-panel{flex-direction:column;align-items:stretch}.marketing-total-spend-panel input,.marketing-total-spend-panel button{width:100%}}.marketing-total-section{margin-bottom:32px}.historical-marketing-section{margin-top:36px}.historical-marketing-section h2{text-align:center;color:#111827;margin-bottom:20px}.historical-marketing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.historical-marketing-card{background:#fff;border-top:10px solid #4b5563;border-radius:22px;padding:24px;box-shadow:0 10px 30px #4b556329}.historical-marketing-card h3{text-align:center;color:#111827;margin:0 0 18px;font-size:22px}.historical-row{grid-template-columns:110px 1fr 1fr;align-items:center;column-gap:16px;display:grid}.historical-header-row{border-bottom:2px solid #d1d5db;margin-bottom:6px;padding-bottom:10px}.historical-header-row span{text-transform:uppercase;color:#6b7280;text-align:center;font-size:12px;font-weight:900}.historical-row{border-bottom:1px solid #e5e7eb;padding:10px 0}.historical-spend,.historical-revenue{text-align:right;min-width:0}.historical-row span{color:#6b7280;font-weight:800}.historical-row strong{color:#111827;text-align:right;font-weight:900}@media (width<=900px){.historical-marketing-grid{grid-template-columns:1fr}}.historical-header-row{border-bottom:2px solid #d1d5db;grid-template-columns:1fr 120px 140px;align-items:center;gap:14px;margin-bottom:6px;padding-bottom:10px;display:grid}.historical-header-row span{text-transform:uppercase;color:#6b7280;font-size:12px;font-weight:900}.historical-spend{text-align:right;min-width:110px}.historical-revenue{text-align:right;min-width:130px}
