body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #e67e22;--primary-dark: #d35400;--secondary: #34495e;--secondary-light: #7f8c8d;--background: #ecf0f1;--card-bg: #ffffff;--text: #2c3e50;--text-light: #7f8c8d;--border: #bdc3c7;--success: #27ae60;--warning: #f39c12;--danger: #e74c3c;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15)}html,body{overflow-x:hidden;width:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%;max-width:100vw}.header{background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-light) 100%);color:#fff;padding:1.5rem 0;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo-section{display:flex;align-items:center;gap:1rem}.logo-icon{width:48px;height:48px;color:var(--primary)}.header h1{font-size:1.8rem;font-weight:700;margin:0}.tagline{font-size:.9rem;opacity:.9;margin:0}.header-actions{display:flex;gap:1rem}.btn-export{display:flex;align-items:center;gap:.5rem;background-color:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}.btn-export:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.container{max-width:1400px;margin:2rem auto;padding:0 2rem;flex:1}.card{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem}.card h2{font-size:1.5rem;color:var(--secondary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.card h3{font-size:1.2rem;color:var(--secondary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary)}.input-card{position:sticky;top:120px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--secondary)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}input[type=number],select{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;transition:all .3s ease}input[type=number]:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e67e221a}.input-salary{width:100%;padding:.875rem 1rem;font-size:1.1rem;font-weight:600;border:2px solid var(--border);border-radius:8px;background-color:var(--card-bg);color:var(--text);transition:all .2s;-moz-appearance:textfield}.input-salary::-webkit-outer-spin-button,.input-salary::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-salary:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e67e221a}.input-salary::placeholder{color:var(--text-light);font-weight:400}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.toggle-buttons{display:flex;gap:1rem;flex-wrap:wrap}.toggle-btn{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid var(--border);background:#fff;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.toggle-btn:hover{border-color:var(--primary);background-color:#e67e220d}.toggle-btn.active{border-color:var(--primary);background-color:var(--primary);color:#fff}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);border-left:4px solid var(--secondary);transition:all .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.summary-card.primary{border-left-color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.summary-label{font-size:.9rem;font-weight:600;opacity:.9;margin-bottom:.5rem}.summary-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.summary-sub{font-size:.85rem;opacity:.8}.breakdown-section{margin-bottom:2.5rem}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.breakdown-item{background:var(--background);padding:1rem;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.breakdown-item span{font-size:.9rem;color:var(--text-light)}.breakdown-item strong{font-size:1.2rem;color:var(--secondary)}.breakdown-table,.summary-table{width:100%;border-collapse:collapse;margin-top:1rem;background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:1rem;border-radius:8px;box-shadow:var(--shadow)}.breakdown-table thead,.summary-table thead{background:var(--secondary);color:#fff}.breakdown-table th,.breakdown-table td,.summary-table th,.summary-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.breakdown-table th,.summary-table th{font-weight:600}.breakdown-table tbody tr:hover,.summary-table tbody tr:hover{background-color:#e67e220d}.breakdown-table td:last-child,.summary-table td:last-child{font-weight:600;color:var(--secondary)}.total-row{background-color:var(--background);font-weight:700}.total-row td{padding:1rem;font-size:1.1rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-light)}.empty-state svg{color:var(--border);margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--secondary)}.disclaimer{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1rem;align-items:flex-start}.disclaimer svg{flex-shrink:0;color:#ff9800}.disclaimer p{margin:0;font-size:.9rem;line-height:1.6}.branding-footer{background:var(--secondary);color:#fff;text-align:center;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.branding-footer p{margin:.25rem 0;font-size:.95rem}.branding-footer strong{color:var(--primary)}@media(max-width:768px){.header-content{flex-direction:column;text-align:center;padding:0 1rem}.logo-section{flex-direction:column}.header h1{font-size:1.3rem}.tagline{font-size:.8rem}.container{padding:0 1rem;margin:1rem auto}.card{padding:1rem}.input-card{position:static}.summary-cards{grid-template-columns:1fr}.summary-value{font-size:1.5rem}.form-row{grid-template-columns:1fr}.toggle-buttons{flex-direction:column}.toggle-btn{min-width:100%}.btn-export{padding:.6rem 1rem;font-size:.9rem}input[type=number],select{padding:.6rem;font-size:.95rem}.input-salary{padding:.75rem .875rem;font-size:1rem}.table-wrapper{position:relative}.table-wrapper:after{content:'← Scroll for more →';display:block;text-align:center;font-size:.75rem;color:var(--text-light);margin-top:.5rem;font-style:italic}.breakdown-table,.summary-table{font-size:.85rem;min-width:600px}.breakdown-table th,.breakdown-table td,.summary-table th,.summary-table td{padding:.5rem;white-space:nowrap}}@media print{.header,.input-card,.btn-export{display:none}.card{box-shadow:none;page-break-inside:avoid}.summary-cards{page-break-inside:avoid}}