:root{--header-height: 60px}.calculator-container{margin:40px auto;padding:40px 20px;background:#fff}.calculator-container h1{text-align:center;color:#2c3e50;margin:0 0 10px;font-size:28px}.calculator-container .subtitle{text-align:center;color:#7f8c8d;font-size:14px;margin-bottom:30px}.calculator-container .form-field{display:flex;align-items:center;gap:15px;margin-bottom:10px}.calculator-container label{font-weight:600;color:#2c3e50;font-size:14px;flex:0 0 auto;min-width:200px}.calculator-container input,.calculator-container select{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;flex:1;height:28px;margin-bottom:0}.calculator-container input:focus,.calculator-container select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.calculator-container .button-group{text-align:center;margin:30px 0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.calculator-container button{background:#3498db;color:#fff;border:none;padding:6px 32px;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s;height:auto}.calculator-container button:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.calculator-container button:active{transform:translateY(0)}.calculator-container .save-btn{background:#27ae60}.calculator-container .save-btn:hover{background:#229954;box-shadow:0 4px 12px #27ae604d}.calculator-container .tabs-container{margin-top:40px;padding:20px;background:#f8f9fa;border-radius:8px}.calculator-container .tabs-container .tabs-header h3{margin:0 0 15px;color:#2c3e50;font-size:16px}.calculator-container .tabs-container .tabs-list{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.calculator-container .tabs-container .tab{background:#fff;color:#2c3e50;border:2px solid #ddd;padding:0 28px 0 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;position:relative;margin-bottom:0}.calculator-container .tabs-container .tab:hover{background:#3498db;color:#fff;border-color:#3498db}.calculator-container .tabs-container .tab .tab-delete{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:inherit;padding:0 4px;font-size:20px;cursor:pointer;opacity:.6;transition:opacity .2s}.calculator-container .tabs-container .tab .tab-delete:hover{opacity:1;transform:translateY(-50%) scale(1.2)}.calculator-container .save-section{margin-top:30px;text-align:center}.calculator-container .save-dialog{margin-top:15px;padding:20px;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;display:inline-block;min-width:300px}.calculator-container .save-dialog .save-dialog-content{display:flex;flex-direction:column;gap:12px}.calculator-container .save-dialog .save-dialog-content label{font-weight:600;color:#2c3e50;text-align:left}.calculator-container .save-dialog .save-dialog-content input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;margin-bottom:0}.calculator-container .save-dialog .save-dialog-content input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.calculator-container .save-dialog .save-dialog-content .save-dialog-actions{display:flex;gap:10px}.calculator-container .save-dialog .save-dialog-content .save-dialog-actions button{margin-bottom:0}.calculator-container .cancel-btn{background:#95a5a6}.calculator-container .cancel-btn:hover{background:#7f8c8d;box-shadow:0 4px 12px #95a5a64d}.calculator-container .note{font-size:14px;color:#7f8c8d;margin-top:30px;padding:20px;background:#f8f9fa;border-left:4px solid #3498db;border-radius:4px}.calculator-container .note strong{color:#2c3e50}.calculator-container table#resultTable{color:#000;font-size:14px;width:100%;border-collapse:collapse;border:1px solid #d8d8d8}.calculator-container table#resultTable thead tr th{padding:14px;text-align:left;background:#f0f0f0;border:1px solid #d8d8d8;font-weight:600}.calculator-container table#resultTable thead tr th.amount{text-align:right}.calculator-container table#resultTable tbody tr{border:1px solid #d8d8d8}.calculator-container table#resultTable tbody tr td{padding:10px 30px;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;color:#2c3e50}.calculator-container table#resultTable tbody tr td:last-child{border-right:none;text-align:right}.calculator-container table#resultTable tbody tr td.amount{text-align:right;font-family:Courier New,Courier,monospace}.calculator-container table#resultTable tbody tr:last-child td{border-bottom:none}.calculator-container table#resultTable tbody tr:hover{background:#f8f9fa}.calculator-container table#resultTable tbody tr.total{font-weight:700;background:#3498db;color:#fff;border:1px solid rgb(33.1380753138,125.1882845188,186.8619246862)}.calculator-container table#resultTable tbody tr.total td{color:#fff}.calculator-container table#resultTable tbody tr.total td:last-child{text-align:right}.calculator-container table#resultTable tbody tr.total:hover{background:#217dbb}@media(max-width:600px){.calculator-container .form-field{flex-direction:column;align-items:flex-start;gap:6px}.calculator-container label{min-width:auto}.calculator-container h1{font-size:24px}.calculator-container .button-group{flex-direction:column;gap:10px}.calculator-container .button-group button{width:100%}.calculator-container .save-dialog{min-width:100%;margin-left:0;margin-right:0}.calculator-container .tabs-container .tabs-list{flex-direction:column}.calculator-container .tabs-container .tabs-list .tab{width:100%;text-align:left}.calculator-container table#resultTable thead tr th,.calculator-container table#resultTable thead tr td,.calculator-container table#resultTable tbody tr th,.calculator-container table#resultTable tbody tr td{padding:8px 12px;font-size:13px}}