*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#f5f6fa;color:#333;padding:40px}.container{max-width:1200px;margin:auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px #00000014}.header{display:flex;align-items:center;gap:20px;margin-bottom:25px}.logo{max-height:100px}.header h1{margin-bottom:0}h1{margin-bottom:25px;color:#2c3e50}h2{margin-bottom:20px;color:#2c3e50}.section{margin-bottom:30px}.divider{margin:25px 0;border:none;border-top:1px solid #ddd}.margin-top{margin-top:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;align-items:end}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:end}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:end}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:end}label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}input,select{width:100%;padding:10px 12px;border:1px solid #dcdde1;border-radius:6px;font-size:14px;background:#fff}input:focus,select:focus{outline:none;border-color:#3498db}.checkbox-group{display:flex;flex-direction:column;gap:10px;margin-top:8px}.checkbox-item{display:flex;align-items:center;gap:10px;font-weight:400;cursor:pointer}.checkbox-item input{width:auto}.checkbox-group-horizontal{display:flex;flex-wrap:wrap;gap:24px;margin-top:10px}.button-container{display:flex;align-items:flex-end}button{border:none;border-radius:6px;padding:12px 18px;cursor:pointer;font-size:15px;transition:.2s}button:hover{opacity:.9}.add-btn{background:#2ecc71;color:#fff}.remove-btn{background:#e74c3c;color:#fff;padding:5px 10px;font-size:12px}.pdf-btn{width:100%;padding:14px;background:#2e8b57;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.pdf-btn:hover{background:#246b45}table{width:100%;border-collapse:collapse;margin-top:30px}table th{background:#34495e;color:#fff;padding:14px}table td{border:1px solid #ddd;padding:14px;text-align:center}tbody tr:nth-child(2n){background:#fafafa}.total{margin-top:25px;text-align:right;font-size:28px;font-weight:700;color:#2c3e50}.actions{display:flex;justify-content:flex-end;margin-top:25px}@media(max-width:900px){body,.container{padding:20px}.grid,.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:10px}.button-container{justify-content:stretch}.button-container button,.actions button{width:100%}.total{text-align:center;font-size:24px}}@media(max-width:768px){.delivery-section,.special-section{flex-direction:column;align-items:stretch}#invoice-table{display:block;overflow-x:auto}}.category-tabs{display:flex;gap:12px;margin:25px 0;border-bottom:2px solid #e5e7eb;padding-bottom:12px}.tab{background:#f3f4f6;color:#555;border:none;border-radius:8px;padding:12px 24px;cursor:pointer;font-weight:600;transition:.2s}.tab:hover{background:#e5e7eb}.tab.active{background:#3498db;color:#fff}.category-content{margin-top:20px}.hidden{display:none}.invoice-section,.summary-section{background:#fff;border-radius:10px;padding:24px;margin-top:25px;box-shadow:0 2px 8px #00000014}#invoice-table{width:100%;border-collapse:collapse;margin-top:15px}#invoice-table th,#invoice-table td{padding:12px;border-bottom:1px solid #e5e5e5;text-align:left}#invoice-table th{background:#3498db;font-weight:600}#invoice-table tbody tr:hover{background:#fafafa}.delivery-section{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:20px 0}.delivery-distance-group{display:flex;align-items:center;gap:10px}.delivery-distance-group label{margin-bottom:0;white-space:nowrap}.input-with-unit{display:flex;align-items:center;gap:6px}.input-with-unit input{width:90px}.voucher-section{margin:15px 0 20px}.special-discount-section{display:flex;align-items:center;gap:10px}.special-discount-section label{margin-bottom:0;white-space:nowrap}.summary-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0;font-size:16px}.grand-total{font-size:22px;font-weight:700;color:#2e8b57}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.invoice-header{display:flex;justify-content:space-between;align-items:center;width:100%}.invoice-header h2{margin:0}.clear-invoice-btn{background:#ef4444;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600}.clear-invoice-btn:hover{background:#dc2626}.free-delivery-price{text-decoration:line-through}.free-delivery-label{font-weight:700;color:#16a34a;margin-left:6px}.login-container{width:min(400px,calc(100% - 40px));margin:80px auto;padding:32px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.login-container h1{text-align:center;margin-bottom:28px}.login-container form{display:flex;flex-direction:column;gap:18px}.login-container label{display:block;margin-bottom:6px;font-weight:600}.login-container input{width:100%;box-sizing:border-box}.login-container button{width:100%;padding:12px;cursor:pointer;border:none;border-radius:6px;background:#3890b4;color:#fff;font-weight:600}.login-container button:hover{background:#2f7792}.login-error{margin:0;text-align:center;min-height:20px}.login-logo{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto 16px}#logout-btn{margin-left:auto;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;background:#f47c6c;color:#fff;font-weight:600}#logout-btn:hover{opacity:.9}