.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(to right,#141e30,#243b55)}.login-card{width:380px;padding:20px;text-align:center;border-radius:12px;box-shadow:0 8px 16px #0003}.login-title{color:#007bff;font-weight:600}.login-button{background:#007bff;border-color:#007bff}.login-button:hover{background:#0056b3!important;border-color:#0056b3!important}.inventory-container{padding:20px;max-width:100%;margin:auto}.search-bar{display:flex;gap:10px;margin-bottom:20px}.search-bar input{flex:1}.inventory-card{margin-bottom:20px;border-radius:10px}.searched-item{margin-bottom:20px;background:#f9f9f9;padding:15px;border-radius:8px;position:relative}.search-bar button:last-child{background:#ff4d4f;color:#fff}.logo{height:64px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700}.flavors-container{padding:20px;max-width:1400px;margin:auto}.flavors-container h2{color:#1890ff;margin-bottom:8px}.flavors-container p{color:#666;margin-bottom:24px;font-size:14px}.flavor-list{display:flex;flex-direction:column;gap:8px;max-width:450px}.flavor-unit-item{display:flex;align-items:center;gap:10px;background:#fafafa;padding:8px 12px;border-radius:6px;border:1px solid #f0f0f0;transition:all .2s ease}.flavor-unit-item:hover{background:#f5f5f5;border-color:#d9d9d9}.ant-card-small>.ant-card-head{min-height:38px;padding:0 12px;font-size:14px}.ant-card-small>.ant-card-body{padding:12px}.par-input{width:80px}.ant-tag{font-size:11px;padding:2px 8px;border-radius:12px;font-weight:500;min-width:80px;text-align:center;border:none}.ant-tag-green{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.ant-tag-blue{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.ant-tag-orange{background-color:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.ant-tag-purple{background-color:#f9f0ff;color:#722ed1;border:1px solid #d3adf7}.add-flavor-select .ant-select-selector{border-radius:6px;border:1px solid #d9d9d9;transition:all .2s ease}.add-flavor-select .ant-select-selector:hover{border-color:#40a9ff}.add-flavor-select .ant-select-selection-placeholder{font-size:12px;color:#999}.remove-btn{background-color:#ff4d4f;color:#fff;font-weight:700;border:none;cursor:pointer;transition:background .3s ease;border-radius:4px;padding:4px 8px}.remove-btn:hover{background-color:#ff7875}.add-flavor-btn{width:100%;margin-top:8px}.ant-form-item{margin-bottom:16px}.ant-table-thead>tr>th{background-color:#fafafa;font-weight:600}.ant-table-tbody>tr:hover>td{background-color:#f5f5f5}@media (max-width: 768px){.flavors-container{padding:10px}.flavor-list{max-width:100%}.flavor-unit-item{flex-direction:column;align-items:flex-start;padding:12px}.ant-space{width:100%!important;flex-direction:column!important}.par-input,.unit-select{width:100%}.ant-table{font-size:12px}.ant-card-small{margin-bottom:12px}}@media (max-width: 480px){.ant-table .ant-table-thead>tr>th,.ant-table .ant-table-tbody>tr>td{padding:8px 4px;font-size:11px}.ant-btn{font-size:12px;padding:2px 6px}}.flavor-status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.flavor-status.configured{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.flavor-status.not-configured{background-color:#fff2e8;color:#fa8c16;border:1px solid #ffd591}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-state{text-align:center;padding:40px 20px;color:#8c8c8c}.empty-state .ant-empty-description{margin-top:12px}.flavor-summary{background:#f0f2f5;border-radius:6px;padding:12px;margin-bottom:16px}.flavor-summary-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #e8e8e8}.flavor-summary-item:last-child{border-bottom:none}.flavor-list .ant-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.flavor-list .ant-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.flavor-list::-webkit-scrollbar{width:6px}.flavor-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.flavor-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.flavor-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.gallonage-history-container{padding:20px;max-width:100%;margin:auto;background-color:#f0f2f5;min-height:calc(100vh - 64px)}.gallonage-history-container h2{color:#1890ff;margin-bottom:24px;font-size:28px;font-weight:600}.control-panel{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a}.summary-cards{margin-bottom:24px}.summary-cards .ant-card{border-radius:8px;box-shadow:0 1px 2px #0000001a;transition:all .3s ease}.summary-cards .ant-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.status-tax_paid{background-color:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.status-in_bond{background-color:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.ant-table{background:#fff;border-radius:8px;overflow:hidden}.ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#1890ff}.ant-table-tbody>tr:hover>td{background:#f0f8ff}.ant-tabs-content{background:#fff;padding:20px;border-radius:8px;margin-top:16px}.ant-btn-primary{background:#1890ff;border-color:#1890ff;box-shadow:0 2px 4px #1890ff33}.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff;box-shadow:0 4px 8px #1890ff4d}@media (max-width: 768px){.gallonage-history-container{padding:10px}.control-panel .ant-col{margin-bottom:10px}.summary-cards .ant-col{margin-bottom:16px}.ant-table{font-size:12px}}.ant-spin-nested-loading>div>.ant-spin{max-height:unset}.ant-table-body::-webkit-scrollbar{height:8px;width:8px}.ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.ant-table-body::-webkit-scrollbar-thumb:hover{background:#555}@media print{.control-panel,.ant-tabs-nav,.ant-table-pagination,button{display:none!important}.gallonage-history-container{padding:0;background:#fff}.ant-table{box-shadow:none;border:1px solid #ddd}}