:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}body.dark-mode{background:#1a1a2e;color:#e0e0e0}@media (prefers-color-scheme: dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}#root{width:100vw;max-width:none;margin:0;text-align:center;border-inline:none;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box}body{margin:0}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}.app{min-height:100vh;width:100vw;max-width:none}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media (max-width: 1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media (max-width: 1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}.landing-page{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;background:#f5f7fa;transition:background-color .3s ease;position:relative}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 10px #0000001a;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 6px 15px #00000026}.landing-header{text-align:center;margin-bottom:3rem;padding-top:1rem}.landing-header h1{font-size:3.5rem;margin-bottom:.5rem;margin-top:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;padding:.2rem 0;line-height:55px}.tagline{font-size:1.3rem;color:#666;font-weight:500}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem;border-radius:20px;margin-bottom:3rem;box-shadow:0 10px 30px #0000001a}.hero-content h2{font-size:2.5rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;line-height:1.8;opacity:.95}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 15px #00000014;transition:all .3s ease;cursor:pointer;border-top:4px solid transparent;position:relative}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.feature-icon{font-size:3.5rem;margin-bottom:1rem;display:block}.feature-card h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.feature-description{color:#666;font-size:1.1rem;margin-bottom:1rem}.feature-details{list-style:none;padding:0;margin:1.5rem 0}.feature-details li{padding:.5rem 0;color:#555;font-size:.95rem}.feature-details li:before{content:"✓ ";color:#4caf50;font-weight:700;margin-right:.5rem}.feature-button{width:100%;padding:.9rem;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.feature-button:hover{opacity:.9;transform:scale(1.02)}.landing-footer{text-align:center;padding:2rem;color:#888;font-size:1rem}body.dark-mode .landing-page,.landing-page.dark-mode{background:#1a1a2e;color:#e0e0e0}.landing-page.dark-mode .theme-toggle{background:#2a2a3e;border-color:#444}.landing-page.dark-mode .tagline{color:#b0b0b0}.landing-page.dark-mode .hero-section{background:linear-gradient(135deg,#4a5568,#5a4b6e)}.landing-page.dark-mode .feature-card{background:#2a2a3e;box-shadow:0 4px 15px #0000004d}.landing-page.dark-mode .feature-card:hover{box-shadow:0 12px 30px #00000080}.landing-page.dark-mode .feature-card h3{color:#e0e0e0}.landing-page.dark-mode .feature-description{color:#b0b0b0}.landing-page.dark-mode .feature-details li{color:silver}.landing-page.dark-mode .landing-footer{color:#888}@media (max-width: 768px){.landing-header h1{font-size:2.5rem}.hero-content h2{font-size:1.8rem}.hero-content p{font-size:1rem}.features-grid{grid-template-columns:1fr}.theme-toggle{top:1rem;right:1rem;width:45px;height:45px;font-size:1.3rem}}.job-decision{width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;box-sizing:border-box}.calculator-header{text-align:center;margin-bottom:2rem;position:relative;padding-top:1rem}.back-button{position:absolute;left:0;top:0;padding:.7rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s ease}.back-button:hover{background:#5568d3;transform:translate(-2px)}.calculator-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#333}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 1200px){.calculator-layout{grid-template-columns:1fr}}.input-section{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 4px 15px #00000014;max-height:85vh;overflow-y:auto}.input-group{margin-bottom:0}.input-group label{display:block;margin-bottom:.7rem;color:#333;font-weight:600;font-size:1rem}.input-group input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1.05rem;transition:border-color .2s ease;box-sizing:border-box}.input-group input:focus{outline:none;border-color:#667eea}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.input-row .input-group{margin-bottom:0}.results-section{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 4px 15px #00000014;max-height:85vh;overflow-y:auto}.decision-banner{padding:2rem;border-radius:12px;text-align:center;margin-bottom:2rem;position:relative}.decision-banner.low{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.decision-banner.medium{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.decision-banner.high{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.decision-banner h2{font-size:1.5rem;margin:0}.risk-indicator{margin-top:.5rem;font-size:.9rem;opacity:.9;font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.metric-card{background:#f8f9fa;padding:1.5rem;border-radius:12px;text-align:center}.metric-label{font-size:.9rem;color:#666;margin-bottom:.5rem;font-weight:600}.metric-value{font-size:2rem;font-weight:700}.metric-value.positive{color:#4caf50}.metric-value.negative{color:#f44336}.metric-value.warning{color:#ff9800}.cost-breakdown{background:#fff;color:#222;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1.5px solid #b0b0b0;font-weight:500}.dark-mode .cost-breakdown{background:#23243a;color:#f3f4f6;border:1.5px solid #44455a}.dark-mode.job-decision{background:#1a1a2e;color:#e0e0e0}.dark-mode .calculator-header h1{color:#f3f4f6}.dark-mode .calculator-header p{color:#b0b0b0}.dark-mode .input-section,.dark-mode .results-section{background:#2a2a3e;color:#e0e0e0;box-shadow:0 4px 15px #00000080}.dark-mode .input-group label{color:#f3f4f6}.dark-mode .input-group input{background:#1a1a2e;color:#f3f4f6;border-color:#44455a}.dark-mode .metric-card{background:#1a1a2e;color:#e0e0e0}.dark-mode .metric-label{color:#b0b0b0}.dark-mode .cost-breakdown h3,.dark-mode .insights h3{color:#f3f4f6}.dark-mode .insights{background:#1e3a5f;border-left-color:#3b82f6}.dark-mode .insights li{color:#e0e0e0}.profitability-targets{background:#fff3cd;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:2px solid #ffc107}.profitability-targets h3{margin-top:0;margin-bottom:1rem;color:#856404}.target-item{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid #e0a800;font-size:1rem}.target-item:last-of-type{border-bottom:none}.target-value{font-weight:700;color:#333}.target-value.highlight{color:#28a745;font-size:1.1rem}.target-recommendation{margin-top:1rem;padding:1rem;background:#d4edda;border-left:4px solid #28a745;border-radius:6px;color:#155724;line-height:1.6}.target-recommendation.warning{background:#f8d7da;border-left-color:#dc3545;color:#721c24}.dark-mode .profitability-targets{background:#3a3000;border-color:#ffc107}.dark-mode .profitability-targets h3{color:#ffd54f}.dark-mode .target-item{border-bottom-color:#665200}.dark-mode .target-value{color:#f3f4f6}.dark-mode .target-recommendation{background:#1e4620;color:#a3d9a5}.dark-mode .target-recommendation.warning{background:#4a1e1e;color:#f8b4b4}.cost-breakdown h3{margin-top:0;margin-bottom:1rem;color:#333}.breakdown-item{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid #e0e0e0;width:100%}.breakdown-item.total{border-bottom:none;border-top:2px solid #333;margin-top:.5rem;font-weight:700;font-size:1.1rem}.insights{background:#e3f2fd;padding:1.5rem;border-radius:12px;border-left:4px solid #2196F3}.insights h3{margin-top:0;margin-bottom:1rem;color:#1976d2}.insights ul{list-style:none;padding:0;margin:0}.insights li{padding:.7rem 0;color:#333;line-height:1.6;font-size:.95rem}@media (max-width: 768px){.job-decision{padding:1rem}.calculator-header h1{font-size:2rem}.calculator-header p{font-size:1rem}.back-button{position:relative;margin-bottom:1.5rem;width:100%}.calculator-header{padding-top:0}.input-section,.results-section{padding:1.5rem}.input-section{display:block}.input-group{margin-bottom:1.5rem}.input-row{grid-template-columns:1fr;gap:0}.input-row .input-group{margin-bottom:1.5rem}.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-card{padding:1.25rem}.metric-value{font-size:1.75rem}}@media (max-width: 480px){.job-decision{padding:.5rem}.input-section,.results-section{padding:1rem;border-radius:12px}.calculator-header h1{font-size:1.75rem}.input-group input{padding:.875rem;font-size:1rem}.metric-value{font-size:1.5rem}}.profit-tracker{width:100%;min-height:100vh;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;box-sizing:border-box}.tracker-header{text-align:center;margin-bottom:2rem;position:relative;padding-top:1rem}.tracker-header h1{font-size:2.5rem;margin-bottom:.5rem;color:#333}.tracker-content{max-width:1400px;margin:0 auto}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #00000014;text-align:center}.summary-label{font-size:.9rem;color:#666;margin-bottom:.5rem;font-weight:600}.summary-value{font-size:2rem;font-weight:700;color:#333}.summary-value.positive{color:#4caf50}.summary-value.negative{color:#f44336}.analysis-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-bottom:2rem}.analysis-section h2{margin-top:0;margin-bottom:1rem;color:#333}.loss-summary{color:#333}.loss-list{list-style:none;padding:0;margin-top:1rem}.loss-list li{padding:.75rem;margin-bottom:.5rem;background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px}.job-notes{font-size:.9rem;color:#666;margin-top:.25rem;font-style:italic}.job-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.job-type-card{background:#f8f9fa;padding:1.5rem;border-radius:12px;position:relative}.job-type-rank{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 10px #0003}.job-type-name{font-size:1.3rem;font-weight:700;color:#333;margin-bottom:.75rem}.job-type-stats{font-size:.95rem;color:#666}.job-type-stats div{margin-bottom:.5rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.insight-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #00000026;display:flex;flex-direction:column}.insight-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.insight-title{font-size:1rem;opacity:.9;margin-bottom:.75rem;font-weight:600;display:block}.insight-stat{font-size:2rem;font-weight:700;margin-bottom:1rem;display:block}.insight-detail{font-size:.9rem;line-height:1.6;opacity:.95;display:block;margin-top:.5rem}.insight-detail strong{font-weight:700;text-decoration:underline}.add-job-section{margin-bottom:2rem}.add-job-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s ease}.add-job-button:hover{transform:translateY(-2px)}.add-job-form{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 15px #00000014;margin-top:1rem}.add-job-form h3{margin-top:0;margin-bottom:1.5rem;color:#333}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;color:#333;font-weight:600;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:80px}.save-job-button{width:100%;padding:1rem;background:#28a745;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s ease}.save-job-button:hover{background:#218838}.jobs-list-section{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 15px #00000014}.jobs-list-section h2{margin-top:0;margin-bottom:1.5rem;color:#333}.jobs-list{display:flex;flex-direction:column;gap:1rem}.job-item{background:#f8f9fa;padding:1.5rem;border-radius:12px;border:2px solid #e0e0e0;position:relative}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.job-type-badge{display:inline-block;background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;margin-left:.75rem}.job-date{color:#666;font-size:.9rem}.job-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;font-size:.95rem;color:#333}.delete-job-button{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .2s ease}.delete-job-button:hover{background:#c82333}.positive{color:#4caf50;font-weight:600}.negative{color:#f44336;font-weight:600}.dark-mode.profit-tracker{background:#1a1a2e;color:#e0e0e0}.dark-mode .tracker-header h1{color:#f3f4f6}.dark-mode .tracker-header p{color:#b0b0b0}.dark-mode .summary-card,.dark-mode .analysis-section,.dark-mode .add-job-form,.dark-mode .jobs-list-section{background:#2a2a3e;color:#e0e0e0}.dark-mode .summary-label,.dark-mode .analysis-section h2,.dark-mode .add-job-form h3,.dark-mode .jobs-list-section h2,.dark-mode .summary-value{color:#f3f4f6}.dark-mode .loss-summary{color:#e0e0e0}.dark-mode .loss-list li{background:#3a3000;border-left-color:#ffc107;color:#e0e0e0}.dark-mode .job-notes{color:#b0b0b0}.dark-mode .job-type-card{background:#1a1a2e;color:#e0e0e0}.dark-mode .job-type-name{color:#f3f4f6}.dark-mode .job-type-stats{color:#b0b0b0}.dark-mode .insight-card{background:linear-gradient(135deg,#4a5568,#5a4b6e)}.dark-mode .form-group label{color:#f3f4f6}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea{background:#1a1a2e;color:#f3f4f6;border-color:#44455a}.dark-mode .job-item{background:#1a1a2e;border-color:#44455a}.dark-mode .job-date,.dark-mode .job-stats{color:#e0e0e0}.dark-mode .empty-state{color:#b0b0b0}.dark-mode .empty-state h2{color:#f3f4f6}@media (max-width: 768px){.profit-tracker{padding:1rem}.tracker-header h1{font-size:2rem}.form-row,.job-stats{grid-template-columns:1fr}}.follow-up-tracker{max-width:1400px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.tracker-header{text-align:center;margin-bottom:2rem;position:relative}.tracker-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.tracker-header p{color:#666;font-size:1.1rem}.tracker-content{width:100%}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.summary-card.urgent{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff}.summary-card.warning{background:linear-gradient(135deg,#ffd93d,#ffb03b);color:#333}.summary-label{font-size:.9rem;opacity:.9;margin-bottom:.5rem}.summary-value{font-size:2.5rem;font-weight:700;margin-bottom:.3rem}.summary-value.highlight{color:#27ae60}.summary-detail{font-size:.85rem;opacity:.8}.alert-section{background:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000001a}.alert-section h2{margin-top:0;font-size:1.5rem}.urgent-alert{border-left:5px solid #ff5252}.upcoming-alert{border-left:5px solid #ffb03b}.urgent-list,.upcoming-list{display:flex;flex-direction:column;gap:1rem}.urgent-item{background:#fff5f5;padding:1rem;border-radius:8px;border:2px solid #ff5252}.urgent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.urgent-badge{background:#ff5252;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:700}.urgent-details{font-size:.9rem;color:#666;margin-bottom:.5rem}.urgent-notes{font-size:.85rem;color:#555;font-style:italic;margin-top:.5rem;padding:.5rem;background:#fff;border-radius:4px}.upcoming-item{display:flex;justify-content:space-between;align-items:center;background:#fffef0;padding:1rem;border-radius:8px;border:2px solid #ffb03b}.upcoming-date{color:#ff9800;font-weight:700}.upcoming-amount{color:#27ae60;font-weight:700;font-size:1.1rem}.add-quote-section{margin-bottom:2rem}.add-quote-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.add-quote-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.add-quote-form{background:#fff;padding:2rem;border-radius:12px;margin-top:1rem;box-shadow:0 2px 8px #0000001a}.add-quote-form h3{margin-top:0;color:#333}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:.5rem;color:#333}.form-group input,.form-group select,.form-group textarea{padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{min-height:80px;resize:vertical}.save-quote-button{width:100%;padding:1rem;background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.save-quote-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #27ae6066}.quotes-list-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.quotes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.quotes-header h2{margin:0}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-buttons button{padding:.5rem 1rem;background:#f0f0f0;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.filter-buttons button:hover{background:#e8e8e8}.filter-buttons button.active{background:#667eea;color:#fff;border-color:#667eea}.quotes-list{display:flex;flex-direction:column;gap:1rem}.quote-item{background:#f9f9f9;padding:1.5rem;border-radius:8px;border:2px solid #e0e0e0;transition:all .2s ease}.quote-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.quote-item.overdue{border-color:#ff5252;background:#fff5f5}.quote-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.quote-type-badge{background:#e0e0e0;color:#333;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;margin-left:.5rem}.quote-status-badge{padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:700;margin-left:.5rem}.quote-status-badge.pending{background:#ffd93d;color:#333}.quote-status-badge.needs-call{background:#ff5252;color:#fff}.quote-status-badge.won{background:#27ae60;color:#fff}.quote-status-badge.lost{background:#95a5a6;color:#fff}.quote-amount{font-size:1.5rem;font-weight:700;color:#27ae60}.quote-details{display:flex;gap:1.5rem;margin-bottom:.8rem;font-size:.9rem;color:#666;flex-wrap:wrap}.quote-notes{background:#fff;padding:.8rem;border-radius:6px;font-size:.9rem;color:#555;margin-bottom:.8rem;font-style:italic}.quote-actions{display:flex;gap:.5rem;flex-wrap:wrap}.quote-actions button{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:700;transition:all .2s ease}.action-won{background:#27ae60;color:#fff}.action-won:hover{background:#229954}.action-lost{background:#95a5a6;color:#fff}.action-lost:hover{background:#7f8c8d}.action-call{background:#ff9800;color:#fff}.action-call:hover{background:#f57c00}.action-delete{background:#e74c3c;color:#fff}.action-delete:hover{background:#c0392b}.empty-state{text-align:center;padding:4rem 2rem;color:#666}.empty-icon{font-size:5rem;margin-bottom:1rem}.empty-state h2{color:#333;margin-bottom:.5rem}body.dark-mode .follow-up-tracker,.follow-up-tracker.dark-mode{background:#1a1a2e;color:#eee}.dark-mode .tracker-header h1{color:#eee}.dark-mode .tracker-header p{color:#aaa}.dark-mode .summary-card{background:#2a2a3e;color:#eee}.dark-mode .summary-value.highlight{color:#3cd070}.dark-mode .alert-section{background:#2a2a3e}.dark-mode .urgent-item{background:#3a2a2a;color:#eee}.dark-mode .upcoming-item{background:#3a3a2a;color:#eee}.dark-mode .alert-section{background:#2a2a3e;color:#eee}.dark-mode .alert-section h2{color:#eee}.dark-mode .upcoming-date{color:#ffb03b}.dark-mode .upcoming-amount{color:#3cd070}.dark-mode .add-quote-form{background:#2a2a3e}.dark-mode .add-quote-form h3,.dark-mode .form-group label{color:#eee}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea{background:#1a1a2e;color:#eee;border-color:#444}.dark-mode .quotes-list-section{background:#2a2a3e}.dark-mode .quote-item{background:#1a1a2e;border-color:#444}.dark-mode .quote-item:hover{border-color:#667eea}.dark-mode .quote-item.overdue{background:#3a2a2a}.dark-mode .urgent-notes,.dark-mode .quote-notes{background:#252538}.dark-mode .filter-buttons button{background:#1a1a2e;border-color:#444;color:#eee}.dark-mode .filter-buttons button:hover{background:#333}.dark-mode .empty-state{color:#aaa}.dark-mode .empty-state h2{color:#eee}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.quotes-header{flex-direction:column;align-items:flex-start}.quote-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.quote-details{flex-direction:column;gap:.3rem}.upcoming-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.follow-up-tracker{padding:1rem}.tracker-header h1{font-size:1.8rem}.summary-cards{grid-template-columns:1fr}.filter-buttons{width:100%}.filter-buttons button{flex:1;min-width:0}}.cost-calculator{max-width:1400px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.main-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.result-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;transition:all .3s ease}.result-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026}.result-card.critical{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff}.result-card.success{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.result-label{font-size:1rem;opacity:.9;margin-bottom:.8rem;font-weight:600}.result-value{font-size:2.8rem;font-weight:700;margin-bottom:.5rem}.result-detail{font-size:.9rem;opacity:.85}.cost-breakdown{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.cost-breakdown h2{margin-top:0;color:#333;margin-bottom:1.5rem}.breakdown-item{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid #e0e0e0}.breakdown-item:last-child{border-bottom:none}.breakdown-label{color:#555;font-size:.95rem}.breakdown-value{font-weight:700;color:#333;font-size:1.1rem}.breakdown-percent{background:#f0f0f0;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:700;color:#666;min-width:50px;text-align:center}.breakdown-total{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.5rem 1rem 0;margin-top:1rem;border-top:3px solid #667eea;font-size:1.2rem}.projections{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.projections h2{margin-top:0;color:#333;margin-bottom:1.5rem}.projection-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.projection-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:10px;text-align:center}.projection-label{font-size:.9rem;opacity:.9;margin-bottom:.5rem}.projection-value{font-size:2rem;font-weight:700}.scenario-analysis{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.scenario-analysis h2{margin-top:0;color:#333;margin-bottom:1.5rem}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.scenario-card{padding:1.5rem;border-radius:10px;text-align:center;border:3px solid #e0e0e0;background:#f9f9f9;transition:all .3s ease}.scenario-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.scenario-card.good{border-color:#27ae60;background:#f0fff4}.scenario-card.okay{border-color:#ff9800;background:#fffef0}.scenario-card.bad{border-color:#ff5252;background:#fff5f5}.scenario-rate{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:.5rem}.scenario-profit{font-size:1.2rem;color:#555;margin-bottom:.3rem}.scenario-margin{font-size:1rem;color:#666;margin-bottom:.5rem}.scenario-success{background:#27ae60;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:700;display:inline-block}.scenario-warning{background:#ff5252;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:700;display:inline-block}.insights-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.insights-section h2{margin-top:0;color:#333;margin-bottom:1.5rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.insight-card{display:flex;gap:1rem;padding:1.5rem;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.insight-icon{font-size:2.5rem;line-height:1}.insight-content{flex:1}.insight-title{font-size:.9rem;opacity:.9;margin-bottom:.5rem;font-weight:600}.insight-stat{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.insight-detail{font-size:.85rem;opacity:.9;line-height:1.4}.input-group input{padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease}.input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dark-mode .cost-calculator{background:#1a1a2e;color:#eee}.dark-mode .result-card{background:#2a2a3e;color:#eee}.dark-mode .cost-breakdown,.dark-mode .projections,.dark-mode .scenario-analysis,.dark-mode .insights-section,.dark-mode .input-section{background:#2a2a3e}.dark-mode .cost-breakdown h2,.dark-mode .projections h2,.dark-mode .scenario-analysis h2,.dark-mode .insights-section h2,.dark-mode .input-section h2{color:#eee}.dark-mode .breakdown-label{color:#aaa}.dark-mode .breakdown-value{color:#eee}.dark-mode .breakdown-percent{background:#1a1a2e;color:#aaa}.dark-mode .breakdown-total{border-top-color:#667eea}.dark-mode .scenario-card{background:#1a1a2e;border-color:#444}.dark-mode .scenario-card.good{background:#1a2a1a}.dark-mode .scenario-card.bad{background:#2a1a1a}.dark-mode .scenario-card.okay{background:#2a2a1a}.dark-mode .scenario-rate{color:#eee}.dark-mode .scenario-profit,.dark-mode .scenario-margin{color:#aaa}.dark-mode .input-group input{background:#1a1a2e;color:#eee;border-color:#444}.dark-mode .input-hint{color:#888}@media (max-width: 768px){.cost-calculator{padding:1rem}.calculator-header h1{font-size:2rem}.main-results{grid-template-columns:1fr}.result-value{font-size:2.2rem}.breakdown-item{grid-template-columns:1fr;gap:.5rem}.breakdown-percent{justify-self:start}.projection-cards,.scenario-grid,.insights-grid,.input-row{grid-template-columns:1fr}}@media (max-width: 480px){.calculator-header h1{font-size:1.6rem}.result-value{font-size:1.8rem}.insight-card{flex-direction:column;text-align:center}.insight-icon{font-size:3rem}}.drywall-calculator{max-width:1400px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.calculator-header{text-align:center;margin-bottom:2rem;position:relative}.back-button{position:absolute;left:0;top:0;padding:.7rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.back-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.calculator-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.calculator-header p{color:#666;font-size:1.1rem}.calculator-content{width:100%}.results-section{margin-bottom:2rem}.bid-summary{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 20px #27ae604d;margin-bottom:2rem;display:flex;flex-direction:column}.bid-summary h2{margin:0 0 1rem;font-size:1.3rem;opacity:.9;display:block}.bid-amount{font-size:3.5rem;font-weight:700;margin-bottom:1rem;display:block}.bid-details{font-size:1.1rem;opacity:.9;display:block;margin-top:.5rem}.breakdown-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.breakdown-section h3{margin-top:0;color:#333;margin-bottom:1.5rem}.breakdown-grid{display:flex;flex-direction:column;gap:.75rem}.breakdown-item{display:flex;justify-content:space-between;padding:.75rem;background:#f9f9f9;border-radius:6px}.breakdown-item.profit{background:#e8f5e9;font-weight:600}.breakdown-item.total{background:#667eea;color:#fff;font-size:1.2rem;padding:1rem}.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.material-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:all .3s ease}.material-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.material-icon{font-size:2.5rem;margin-bottom:.5rem}.material-name{font-size:.9rem;color:#666;margin-bottom:.5rem;font-weight:600}.material-qty{font-size:2rem;font-weight:700;color:#333;margin-bottom:.25rem}.material-detail{font-size:.85rem;color:#888;margin-bottom:.75rem}.material-cost{font-size:1.1rem;color:#27ae60;font-weight:700}.project-stats{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.project-stats h3{margin-top:0;color:#333;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-item{text-align:center;padding:1rem;background:#f9f9f9;border-radius:8px}.stat-label{font-size:.9rem;color:#666;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:700;color:#667eea}.input-section{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.input-section h2{margin-top:0;color:#333;margin-bottom:1.5rem}.input-category{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid #f0f0f0}.input-category:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.input-category h3{color:#667eea;margin-top:0;margin-bottom:1.5rem;font-size:1.3rem}.input-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.input-row:last-child{margin-bottom:0}.input-group{display:flex;flex-direction:column}.input-group label{font-weight:700;margin-bottom:.5rem;color:#333;font-size:.95rem}.input-group input,.input-group select{padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease}.input-group input:focus,.input-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-hint{font-size:.8rem;color:#888;margin-top:.3rem;font-style:italic}body.dark-mode .drywall-calculator,.drywall-calculator.dark-mode{background:#1a1a2e;color:#eee}.dark-mode .calculator-header h1{color:#eee}.dark-mode .calculator-header p{color:#aaa}.dark-mode .breakdown-section,.dark-mode .material-card,.dark-mode .project-stats,.dark-mode .input-section{background:#2a2a3e}.dark-mode .breakdown-section h3,.dark-mode .project-stats h3,.dark-mode .input-section h2{color:#eee}.dark-mode .breakdown-item{background:#1a1a2e;color:#eee}.dark-mode .breakdown-item.profit{background:#1a3a1a}.dark-mode .material-name{color:#aaa}.dark-mode .material-qty{color:#eee}.dark-mode .material-detail{color:#888}.dark-mode .material-cost{color:#3cd070}.dark-mode .stat-item{background:#1a1a2e}.dark-mode .stat-label{color:#aaa}.dark-mode .stat-value{color:#89f}.dark-mode .input-category{border-bottom-color:#444}.dark-mode .input-category h3{color:#89f}.dark-mode .input-group label{color:#eee}.dark-mode .input-group input,.dark-mode .input-group select{background:#1a1a2e;color:#eee;border-color:#444}@media (max-width: 768px){.drywall-calculator{padding:1rem}.calculator-header h1{font-size:2rem}.bid-amount{font-size:2.5rem}.materials-grid,.input-row{grid-template-columns:1fr}}@media (max-width: 480px){.calculator-header h1{font-size:1.6rem}.bid-amount{font-size:2rem}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:2rem}.theme-toggle-login{position:fixed;top:2rem;right:2rem;padding:.8rem 1.2rem;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;font-size:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:1000}.theme-toggle-login:hover{background:#ffffff4d;transform:scale(1.05)}.login-card{background:#fff;padding:3rem 2.5rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%;text-align:center}.login-header h1{margin:0 0 .5rem;color:#333;font-size:2.5rem}.login-header p{margin:0 0 2rem;color:#666;font-size:1rem}.code-display{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.code-dot{width:60px;height:60px;border:3px solid #e0e0e0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#667eea;transition:all .3s ease;background:#f9f9f9}.code-dot.filled{border-color:#667eea;background:#f0f4ff;animation:fillPop .2s ease}.code-dot.error{border-color:#ff5252;background:#fff5f5;animation:shake .4s ease}@keyframes fillPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-message{color:#ff5252;font-weight:700;margin-bottom:1.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.number-pad{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.number-row{display:flex;gap:1rem;justify-content:center}.number-button{width:80px;height:80px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d;position:relative}.number-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.number-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.number-button:disabled{opacity:.5;cursor:not-allowed}.number-button.action-button{background:linear-gradient(135deg,#95a5a6,#7f8c8d);font-size:1.2rem}.number-button.action-button:hover{background:linear-gradient(135deg,#7f8c8d,#6c7a7b)}.login-footer{margin-top:1rem}.hint-text{color:#999;font-size:.9rem;font-style:italic}.dark-mode .login-container{background:linear-gradient(135deg,#1a1a2e,#2a2a3e)}.dark-mode .login-card{background:#2a2a3e}.dark-mode .login-header h1{color:#eee}.dark-mode .login-header p{color:#aaa}.dark-mode .code-dot{background:#1a1a2e;border-color:#444}.dark-mode .code-dot.filled{border-color:#667eea;background:#2a2a4e}.dark-mode .hint-text{color:#888}@media (max-width: 480px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem}.login-header h1{font-size:2rem}.code-dot{width:50px;height:50px;font-size:1.5rem}.code-display{gap:1rem}.number-button{width:70px;height:70px;font-size:1.3rem}.number-row{gap:.75rem}}