body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#0066b2;--secondary-color:#09c;--light-blue:#e6f7ff;--border-color:#ddd;--background-color:#f9f9f9;--text-color:#333;--success-color:#4caf50;--warning-color:#ff9800;--error-color:#f44336;--highlight-color:#fffde7}body{background-color:#f9f9f9;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Roboto,Segoe UI,Arial,sans-serif;line-height:1.6;margin:0;padding:0}.app-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:1200px;padding:2rem}.header{border-bottom:2px solid #e6f7ff;border-bottom:2px solid var(--light-blue);color:#0066b2;color:var(--primary-color);margin-bottom:2rem;padding-bottom:1rem;text-align:center}.header h1{margin-bottom:.5rem}.header p{color:#666;font-size:1rem}.form-container{background-color:#e6f7ff;background-color:var(--light-blue);border-radius:6px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.form-group{flex-basis:calc(33.333% - 1.5rem);flex-grow:1;flex-shrink:1;min-width:250px}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group select:focus{border-color:#0066b2;border-color:var(--primary-color);box-shadow:0 0 0 2px #0066b233;outline:none}.reset-button{background-color:#0066b2;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;margin-top:.5rem;padding:.5rem 1rem}.reset-button:hover{background-color:#09c;background-color:var(--secondary-color)}.monthly-data-container{margin-bottom:2rem}.monthly-data-container h2{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#0066b2;color:var(--primary-color);margin-bottom:1rem;padding-bottom:.5rem}.monthly-data-header{background-color:#0066b2;background-color:var(--primary-color);border-radius:6px 6px 0 0;color:#fff;font-weight:700;padding:1rem}.monthly-data-header,.monthly-data-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.5fr 1.5fr 1.25fr 2fr 2fr 1.5fr 1.5fr}.monthly-data-row{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.monthly-data-row:nth-child(2n){background-color:#f5f5f5}.monthly-data-row:last-child{border-bottom:none}.monthly-data-row input[type=number]{text-align:right;width:80px}.monthly-data-row input[type=number],.monthly-data-row input[type=text]{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:4px;padding:.5rem}.monthly-data-row input[type=text]{width:100%}.monthly-data-row input[type=checkbox]{height:20px;width:20px}.total-column{color:#0066b2;color:var(--primary-color);font-weight:700}.summary-container{background-color:#fff;border:2px solid #0066b2;border:2px solid var(--primary-color);border-radius:6px;box-shadow:0 4px 8px #0066b21a;margin-top:1.5rem}.monthly-average,.yearly-total{align-items:center;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;padding:1rem 1.5rem}.yearly-total{background-color:#e6f7ff;background-color:var(--light-blue);border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color)}.monthly-average{background-color:#fffde7;background-color:var(--highlight-color)}.monthly-average span:first-child,.yearly-total span:first-child{color:#333;color:var(--text-color);font-size:1.2rem}.monthly-average span:last-child,.yearly-total span:last-child{color:#0066b2;color:var(--primary-color);font-size:1.4rem}.chart-container{background-color:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 2px 4px #0000000d;margin-top:2rem;padding:1.5rem}.chart-container h2{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);color:#0066b2;color:var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem}@media (max-width:768px){.app-container{padding:1rem}.header h1{font-size:1.5rem}.header p{font-size:.9rem}.form-container{flex-direction:column;padding:1rem}.form-group{margin-bottom:.75rem}.monthly-data-header,.monthly-data-row{grid-template-columns:1fr 1fr;row-gap:.5rem}.monthly-data-header div,.monthly-data-row div{padding:.25rem 0}.monthly-average,.yearly-total{align-items:flex-start;flex-direction:column}.monthly-average span:last-child,.yearly-total span:last-child{margin-top:.5rem}.chart-container{overflow-x:auto}}@media (max-width:480px){.app-container{padding:.5rem}.header h1{font-size:1.25rem}.form-group label{font-size:.9rem}.form-group input,.form-group select{font-size:.9rem;padding:.5rem}.monthly-data-container h2{font-size:1.1rem}.monthly-data-header,.monthly-data-row{grid-template-columns:1fr;padding:.5rem;text-align:left}.monthly-data-header div{background-color:#0066b2;background-color:var(--primary-color);border-radius:4px;color:#fff;font-weight:700;margin-bottom:.25rem;padding:.5rem}.monthly-data-row div{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.monthly-data-row div:before{content:attr(data-label);font-weight:700;margin-right:.5rem}.monthly-data-row input[type=checkbox],.monthly-data-row input[type=number],.monthly-data-row input[type=text]{margin-left:auto}.monthly-average,.yearly-total{padding:.75rem}.monthly-average span,.yearly-total span{font-size:1rem}.monthly-average span:last-child,.yearly-total span:last-child{font-size:1.1rem}}@media (hover:none){.form-group input,.form-group select,.monthly-data-row input[type=checkbox],.monthly-data-row input[type=number],.monthly-data-row input[type=text],.reset-button{min-height:44px}.reset-button{font-size:1rem;padding:.75rem 1rem}.monthly-data-row input[type=checkbox]{height:24px;width:24px}}
/*# sourceMappingURL=main.940615e8.css.map*/