#app{font-family:Arial,sans-serif;max-width:1400px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #007bff}.header h1{margin:0;color:#333}.header-right{display:flex;align-items:center;gap:12px}.header p{margin:0;color:#666;font-size:14px}.print-btn{width:auto;padding:6px 14px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;margin:0;font-weight:600;white-space:nowrap}.print-btn:hover{background:#0056b3}@media print{.print-btn{display:none!important}.header p{display:none}#app{padding:10px}.calculator,.history{border:1px solid #999}}.container{display:flex;gap:20px;align-items:flex-start}.calculator-section,.history-section{flex:1;min-width:400px}.calculator{background:#f5f5f5;padding:20px;border-radius:8px;border:2px solid #007bff}.calculator h2{margin-top:0;color:#333;font-size:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input,.form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group small{display:block;margin-top:3px;color:#666;font-size:12px}button{width:100%;padding:12px;background:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;margin-top:10px;font-weight:700}button:hover:not(:disabled){background:#0056b3}button:disabled{background:#ccc;cursor:not-allowed}.error{background:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-top:15px}.result{background:#e8f5e9;padding:15px;border-radius:4px;margin-top:20px}.result h3{margin-top:0;color:#2e7d32;font-size:18px}.result-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #c8e6c9}.result-row:last-child{border-bottom:none}.result-row.highlight{font-weight:700;font-size:18px;padding:12px 0;margin-top:10px;border-top:2px solid #2e7d32;color:#1b5e20}.history{background:#fff;padding:20px;border-radius:8px;border:2px solid #28a745;min-height:500px}.history h2{margin-top:0;color:#2e7d32;font-size:20px}.empty-history{color:#999;text-align:center;padding:40px 20px;font-style:italic}.history-list{max-height:600px;overflow-y:auto}.history-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:12px;margin-bottom:10px;transition:all .2s}.history-item:hover{box-shadow:0 2px 8px #0000001a}.history-item.latest{border:2px solid #28a745;background:#e8f5e9}.history-header{display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #c8e6c9}.history-tank{font-weight:700;color:#2e7d32}.history-time{color:#666;font-size:12px}.history-details{font-size:14px}.history-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-weight:500}.history-row .corrected{color:#28a745;font-weight:700;font-size:16px}.history-meta{color:#666;font-size:12px}.clear-btn{width:100%;padding:10px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;margin-top:15px}.clear-btn:hover{background:#c82333}@media (max-width: 900px){.container{flex-direction:column}.calculator-section,.history-section{min-width:100%}}