.header{background:#007bff;color:#fff;text-align:center;padding:20px;font-size:24px;font-weight:700}.msg{display:none;text-align:center;font-size:18px;font-weight:700;padding:12px;border-radius:8px;width:60%;margin:15px auto;box-shadow:2px 2px 10px #0000001a;opacity:0;transform:translateY(-10px);transition:opacity 1s ease-in-out,transform 1s ease-in-out}.msg.error{color:#dc3545;background:#f8d7da;border:2px solid #dc3545}.msg.success{color:#155724;background:#d4edda;border:2px solid #155724}.msg:not(:empty){display:block;opacity:1;transform:translateY(0)}.hidden{opacity:0;transform:translateY(-10px);transition:opacity 1s ease-in-out,transform 1s ease-in-out}.container{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;margin:0 auto;width:90%;height:auto}.input-container{display:flex;flex-direction:column;width:40%;padding-right:20px;text-align:center}.input-container label{font-size:20px;margin-bottom:10px;font-weight:700}.input-container input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;width:250px;margin:10px 0}.input-container #add,.input-container #clear,.input-container #checkout{padding:10px 20px;color:#fff;border:none;cursor:pointer;border-radius:10px;font-size:16px;transition:.3s;margin:10px 0;width:250px}.input-container #add{background:#28a745}.input-container #add:hover{background:#218838}.input-container #clear{background:#dc3545}.input-container #clear:hover{background:#c82333}#checkout{background:#007bff}.separator{width:4px;background-color:#333;height:100%;margin:0 20px;border-radius:3px;opacity:1;min-height:100%;align-self:stretch}.table-container{width:55%}.table-container table{width:100%;border-collapse:collapse}.table-container th{background:#f8f9fa;border:1px solid #dee2e6;padding:10px;text-align:left;font-size:16px}.table-container td{border:1px solid #dee2e6;padding:10px;font-size:16px}.table-container tr:nth-child(2n){background:#f8f9fa}.table-container tr:nth-child(odd){background:#e9ecef}.checkout-section{margin-top:30px;text-align:center;padding:20px;border-top:2px solid #ccc}.checkout-section h2{font-size:22px;margin-bottom:10px}.checkout-section table{width:80%;margin:0 auto;border-collapse:collapse}.checkout-section th,.checkout-section td{border:1px solid #dee2e6;padding:10px;font-size:16px}.checkout-section tfoot{font-weight:700;background:#f8f9fa}#print-bill{background:#28a745;padding:10px 20px;color:#fff;border:none;cursor:pointer;border-radius:10px;font-size:16px;transition:.3s;margin-top:15px}#print-bill:hover{background:#218838}#clear-table{background:#dc3545;padding:10px 20px;color:#fff;border:none;cursor:pointer;border-radius:10px;font-size:16px;transition:.3s;margin-right:10px}#clear-table:hover{background:#c82333}.remove-item{background:#ff4d4d;color:#fff;border:none;cursor:pointer;padding:5px 10px;border-radius:50%;font-size:14px;transition:.3s}.remove-item:hover{background:#c00}.table-buttons{display:flex;justify-content:space-between;margin-top:10px}#checkout{background:#007bff;padding:10px 20px;color:#fff;border:none;cursor:pointer;border-radius:10px;font-size:16px}#checkout:hover{background:#0056b3}@media print{body *{visibility:hidden}#bill-section,#bill-section *{visibility:visible}#bill-section{position:absolute;left:0;top:0;width:100%}#print-bill{display:none}}.dark-mode{background-color:#121212;color:#fff}.dark-mode .input-container input,.dark-mode .table-container table,.dark-mode .checkout-section table{background:#1e1e1e;color:#fff;border:1px solid #444}.dark-mode .separator{background-color:#fff;opacity:.5}.dark-mode .table-container th{background:#333;color:#fff}.dark-mode .table-container tr:nth-child(2n){background:#252525}.dark-mode .table-container tr:nth-child(odd){background:#1e1e1e}.dark-mode .checkout-section{background:#1f1f1f;color:#fff;border-top:2px solid #444}.dark-mode .remove-item{background:#ff4d4d;color:#fff}.dark-mode .remove-item:hover{background:#c00}.dark-mode-toggle{background:#ff9800;color:#fff;border:none;padding:8px 15px;border-radius:10px;cursor:pointer;font-size:14px;margin-left:10px}.dark-mode .table-container tfoot{background:#222;color:#fff}.dark-mode .table-container tfoot th{border-top:2px solid #555;color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.fade-out{animation:fadeOut .3s ease-in-out forwards}.dark-mode-toggle{background:#ff9800;color:#fff;border:none;padding:8px 15px;border-radius:10px;cursor:pointer;font-size:14px;margin-left:10px;transition:.3s}.dark-mode-toggle:hover{background:#e68900}button{transition:transform .2s ease-in-out}button:hover{transform:scale(1.05)}@keyframes slideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.checkout-section{animation:slideIn .5s ease-in-out}.discount-input{width:120px;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:16px;text-align:center;margin-right:10px}.discount-input:focus{border-color:#007bff;outline:none}.dark-mode .discount-input{background:#333;color:#fff;border:1px solid #555}