.online-applications-page{min-height:calc(100vh - 100px);padding:20px}.online-applications-container{max-width:1920px;margin:0 auto}.applications-tabs{display:flex;gap:15px;margin-bottom:30px;background:#fff;padding:10px 10px 0;border-radius:8px 8px 0 0}.applications-tab{padding:10px 15px;background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all .3s}.applications-tab.active{color:#6b4c2e;border-bottom-color:#6b4c2e}.applications-tab:hover{color:#6b4c2e}.filter-search-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.filter-tabs{background-color:#fff;border:1px solid white;border-radius:30px;display:flex;gap:15px}.filter-tab{padding:10px 15px;background:transparent;border:none;cursor:pointer;font-size:15px;color:#666;border-radius:4px;transition:all .3s}.filter-tab.active{background:#6b4c2e;color:#fff}.search-bar-container{display:flex;align-items:center;position:relative}.search-icon{position:absolute;left:15px;color:#666;pointer-events:none}.online-applications-search-input{border:1px solid #6b4c2e;background-color:#fff!important;width:400px;padding:10px 15px 10px 40px;border-radius:20px;font-size:14px;background:transparent}.online-applications-search-input:focus{outline:none;border-color:#6b4c2e}.online-order-list-selector{display:flex;align-items:center}.online-order-list-select{padding:10px 35px 10px 15px;border:1px solid #6b4c2e;border-radius:20px;font-size:14px;background-color:#fff;color:#333;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b4c2e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:180px}.online-order-list-select:focus{outline:none;border-color:#4a3320;box-shadow:0 0 0 2px #6b4c2e1a}.online-order-list-select:hover{border-color:#4a3320}.applications-layout{display:flex;gap:24px}.applications-main{flex:1}.applications-sidebar{width:300px;flex-shrink:0}.supplier-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px;align-items:stretch}@media (max-width: 1400px){.supplier-cards-grid{grid-template-columns:1fr}}.supplier-card{background:#fff;border-radius:4px;padding:16px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%}.supplier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.supplier-name{font-size:18px;font-weight:600;color:#333}.continue-link{font-size:13px;color:#6b4c2e;text-decoration:underline;cursor:pointer;background:none;border:none}.continue-link:hover{color:#4a3320}.product-table{width:100%;border-collapse:collapse}.product-table thead{background:#fff!important}.product-table th{padding:8px 12px;text-align:left;font-size:13px;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.product-table th:first-child{width:70%}.product-table th:nth-child(2),.product-table th:nth-child(3),.product-table th:nth-child(4){width:10%;text-align:center}.product-table td{padding:0;font-size:14px;color:#333;border:2px solid #fff}.product-table td:nth-child(2),.product-table td:nth-child(3),.product-table td:nth-child(4){text-align:center}.product-table tbody tr:hover{background:#fff}.quantity-input{width:100%;padding:4px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px}.quantity-input:focus{outline:none;border-color:#6b4c2e}.expand-toggle{display:flex;align-items:center;gap:10px;padding:2px;background:none;border:none;cursor:pointer;color:#666;font-size:13px;min-width:32px!important}.expand-toggle:hover{color:#333}.expand-icon{width:32px;height:32px;padding:8px;background-color:#ede9e4;font-size:0;display:inline-block}.expand-icon:before{font-size:11px;font-family:"Font Awesome 5 Free";font-weight:900;font-style:normal;content:"";color:#000!important}.expand-icon.expanded:before{content:""}.card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:auto;padding:16px 0 0;background-color:#fff}.total-amount{margin-right:10px;font-size:16px;font-weight:600;color:#333}.send-button{padding:12px 16px;background:#6b4c2e;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s}.send-button:hover{background:#4a3320}.send-button:disabled{background:#ccc;cursor:not-allowed}.sidebar-card{background:#fff;border-radius:8px;padding:12px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sidebar-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#333}.sidebar-divider{border:none;border-top:1px solid #e0e0e0;margin:12px 0}.sidebar-content{font-size:13px;color:#666;line-height:1.6}.edit-notes-button{border:none;background:none;cursor:pointer;font-size:18px}.notes-loading,.notes-empty{color:#999;font-style:italic}.suggestions-list{list-style:none;padding:0;margin:0}.suggestions-section{margin-bottom:16px}.suggestions-section:last-child{margin-bottom:0}.suggestions-section-title{text-align:center;font-size:12px;font-weight:600;color:#000;margin-bottom:8px;letter-spacing:.5px}.suggestions-item{padding:4px 0;font-size:13px;color:#333}.menu-category{margin-bottom:8px}.menu-category-title{font-size:11px;font-weight:600;color:#666;margin-top:8px;margin-bottom:4px}.menu-loading{color:#999;font-style:italic;padding:10px 0}.menu-empty{color:#999;font-style:italic;font-size:12px}.loading-container,.empty-state{text-align:center;padding:60px 20px;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #6b4c2e;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.single-application-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.supplier-selector{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.supplier-label{font-size:15px;font-weight:600;color:#333;min-width:100px}.supplier-dropdown{flex:1;max-width:400px;padding:10px 15px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;color:#333;cursor:pointer}.supplier-dropdown:focus{outline:none;border-color:#6b4c2e;box-shadow:0 0 0 2px #6b4c2e1a}.supplier-selector-vertical{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.supplier-label-vertical{font-size:15px;font-weight:600;color:#333}.supplier-react-select{width:100%}.supplier-select__control{border:1px solid #e0e0e0!important;border-radius:6px!important;padding:4px 8px!important;min-height:42px!important;cursor:pointer!important;box-shadow:none!important}.supplier-select__control:hover{border-color:#6b4c2e!important}.supplier-select__control--is-focused{border-color:#6b4c2e!important;box-shadow:0 0 0 2px #6b4c2e1a!important}.supplier-select__value-container{padding:2px 8px!important}.supplier-select__input-container{margin:0!important;padding:0!important}.supplier-select__placeholder{color:#999!important;font-size:14px!important}.supplier-select__single-value{color:#333!important;font-size:14px!important;font-weight:500!important}.supplier-select__indicator-separator{display:none!important}.supplier-select__dropdown-indicator{color:#666!important;padding:8px!important}.supplier-select__dropdown-indicator:hover{color:#6b4c2e!important}.supplier-select__menu{border:1px solid #e0e0e0!important;border-radius:6px!important;box-shadow:0 4px 12px #00000026!important;margin-top:4px!important;z-index:10!important}.supplier-select__menu-list{padding:4px!important}.supplier-select__option{padding:10px 12px!important;font-size:14px!important;cursor:pointer!important;border-radius:4px!important}.supplier-select__option--is-selected{background-color:#6b4c2e!important;color:#fff!important}.supplier-select__option--is-focused{background-color:#f8f8f5!important;color:#333!important}.supplier-select__option--is-focused.supplier-select__option--is-selected{background-color:#4a3320!important;color:#fff!important}.single-table-wrapper{overflow-x:auto;margin-bottom:20px}.single-table{width:100%;border-collapse:collapse}.single-table thead{background:#f8f9fa}.single-table th{padding:12px 16px;text-align:left;font-size:14px;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0}.single-table th:nth-child(1){width:70%}.single-table th:nth-child(2){width:10%;text-align:center}.single-table th:nth-child(3){width:10%;text-align:center}.single-table th:nth-child(4){width:10%;text-align:center}.single-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s}.single-table tbody tr:nth-child(odd){background:#ede9e4;border:1px solid #fff}tr:nth-child(2n){border:1px solid #fff;background:#ede9e480}tr:hover{background:#f0f0e8!important}.product-table tr{border:1px solid #fff!important}.product-table td:nth-child(1){padding:0 15px}.pagination-container{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px 0}.pagination-btn{width:40px;height:40px;border:1px solid #ccc;background:#fff;border-radius:4px;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.pagination-info{font-size:16px;font-weight:500;color:#333;min-width:60px;text-align:center}.single-table td{border:2px solid #fff;padding:0;font-size:14px;color:#333}.single-table td:nth-child(1){padding:0 15px;width:70%}.single-table td:nth-child(2){width:10%;text-align:center}.single-table td:nth-child(3){width:10%;text-align:center}.single-table td:nth-child(4){width:10%;text-align:center}.product-name-cell{font-weight:500}.quantity-cell,.unit-cell,.price-cell{text-align:center}.single-table-footer{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding-top:20px;border-top:1px solid #e0e0e0}.single-table-footer .total-amount{font-size:18px;font-weight:600;color:#333}thead tr{background-color:#fff!important}tr{background-color:#ede9e4}.single-table-footer .send-button{padding:12px 32px;background:#6b4c2e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;transition:background .3s}.single-table-footer .send-button:hover{background:#4a3320}.single-table-footer .send-button:disabled{background:#ccc;cursor:not-allowed}.notes-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.notes-modal-container{background:#fff;border-radius:5px;padding:24px;width:90%;max-width:600px;box-shadow:0 4px 20px #00000026}.notes-modal-content{display:flex;flex-direction:column;gap:24px}.notes-textarea-wrapper{display:flex;flex-direction:column;gap:12px}.notes-textarea-label{font-size:12px;color:#30303080;font-family:Source Sans Pro,sans-serif}.notes-textarea{width:100%;min-height:150px;padding:12px;border:1px solid #ede9e4;border-radius:4px;font-size:16px;font-family:Source Sans Pro,sans-serif;color:#303030;resize:vertical;line-height:1.5}.notes-textarea:focus{outline:none;border-color:#66523c;box-shadow:0 0 0 2px #66523c1a}.notes-textarea::placeholder{color:#3030304d}.notes-modal-actions{display:flex;gap:8px}.notes-btn{padding:12px 24px;border:none;border-radius:5px;font-size:20px;font-family:Source Sans Pro,sans-serif;cursor:pointer;transition:all .2s}.notes-btn:disabled{opacity:.6;cursor:not-allowed}.notes-btn-cancel{background:#ede9e4;color:#303030;min-width:100px}.notes-btn-cancel:hover:not(:disabled){background:#ddd5cc}.notes-btn-clear{flex:1;background:#ede9e4;color:#303030}.notes-btn-clear:hover:not(:disabled){background:#ddd5cc}.notes-btn-save{flex:1;background:#66523c;color:#fff}.notes-btn-save:hover:not(:disabled){background:#4a3320}.order-history-container{display:flex;flex-direction:column;gap:24px}.order-history-filters{background:#fff;padding:16px;border-radius:30px;display:inline-flex;align-self:flex-start}.filter-pills{display:flex;gap:15px;align-items:center}.filter-select-wrapper,.supplier-react-select-filter{min-width:250px}.filter-pill{background:#fff;border:1px solid #ede9e4;border-radius:30px;padding:10px 24px;font-size:16px;font-family:Source Sans Pro,sans-serif;color:#303030;cursor:pointer;transition:all .3s;height:40px}.filter-pill:hover{border-color:#66523c}.filter-pill:focus{outline:none;border-color:#66523c;box-shadow:0 0 0 2px #66523c1a}.filter-pill option{padding:10px}.filter-reset-btn{background:#fff;border:1px solid #ede9e4;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;padding:0}.filter-reset-btn:hover{border-color:#66523c;background:#f8f8f5}.filter-reset-btn svg{width:16px;height:16px}.orders-list{display:flex;flex-direction:column;gap:8px}.order-card{background:#fff;border-radius:4px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .3s}.order-card:hover{box-shadow:0 2px 6px #00000026}.order-card-header{display:flex;justify-content:space-between;align-items:center}.order-card-info{flex:1}.order-title{font-size:18px;font-weight:400;color:#303030;margin:0 0 4px;font-family:Source Sans Pro,sans-serif}.order-date{font-size:16px;color:#30303080;margin:0;font-family:Source Sans Pro,sans-serif}.order-card-actions{display:flex;gap:24px;align-items:center}.pdf-export-btn{display:flex;align-items:center;gap:10px;background:#ede9e4;border:none;border-radius:5px;padding:10px 16px;height:40px;cursor:pointer;transition:all .3s;text-decoration:none;color:#303030;font-size:12px;font-weight:700;font-family:Source Sans Pro,sans-serif}.pdf-export-btn:hover{background:#ddd5cc}.pdf-export-btn svg{width:16px;height:16px}.expand-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .3s}.expand-btn:hover{opacity:.7}.expand-btn svg{transition:transform .3s}.expand-btn svg.expanded{transform:rotate(180deg)}.order-card-details{margin-top:24px;padding-top:24px;border-top:1px solid #ede9e4}.order-card-details .products-table{width:100%;border-collapse:collapse;margin-bottom:16px}.order-card-details .products-table thead{background:#fff}.order-card-details .products-table th{padding:8px 16px;text-align:left;font-size:16px;font-weight:600;color:#303030;font-family:Source Sans Pro,sans-serif;border:none}.order-card-details .products-table th:first-child{width:65%;padding-left:12px}.order-card-details .products-table th:nth-child(2),.order-card-details .products-table th:nth-child(3),.order-card-details .products-table th:nth-child(4){text-align:center;width:auto}.order-card-details .products-table tbody tr{transition:background .2s}.order-card-details .products-table tbody tr.even{background:#ede9e4}.order-card-details .products-table tbody tr.odd{background:#ede9e480}.order-card-details .products-table tbody tr:hover{background:#f0f0e8!important}.order-card-details .products-table td{padding:8px 16px;font-size:16px;color:#303030;font-family:Source Sans Pro,sans-serif;border:none}.order-card-details .products-table td:first-child{padding-left:12px}.order-card-details .products-table td:nth-child(2),.order-card-details .products-table td:nth-child(3),.order-card-details .products-table td:nth-child(4){text-align:center}.order-total{text-align:right;font-size:16px;font-weight:600;color:#303030;font-family:Source Sans Pro,sans-serif;padding-top:8px}.supplier-react-select-filter .supplier-select__control{border:1px solid #ede9e4!important;border-radius:30px!important;padding:0 16px!important;min-height:40px!important;cursor:pointer!important;box-shadow:none!important;background:#fff!important}.supplier-react-select-filter .supplier-select__control:hover{border-color:#66523c!important}.supplier-react-select-filter .supplier-select__control--is-focused{border-color:#66523c!important;box-shadow:0 0 0 2px #66523c1a!important}.supplier-react-select-filter .supplier-select__value-container{padding:2px 0!important}.supplier-react-select-filter .supplier-select__placeholder{color:#303030!important;font-size:16px!important;font-family:Source Sans Pro,sans-serif!important}.supplier-react-select-filter .supplier-select__single-value{color:#303030!important;font-size:16px!important;font-weight:400!important;font-family:Source Sans Pro,sans-serif!important}.supplier-react-select-filter .supplier-select__indicator-separator{display:none!important}.supplier-react-select-filter .supplier-select__dropdown-indicator{color:#303030!important;padding:8px 0!important}.supplier-react-select-filter .supplier-select__dropdown-indicator:hover{color:#66523c!important}.supplier-react-select-filter .supplier-select__menu{border:1px solid #ede9e4!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;margin-top:4px!important;z-index:10!important}.supplier-react-select-filter .supplier-select__menu-list{padding:4px!important}.supplier-react-select-filter .supplier-select__option{padding:10px 12px!important;font-size:16px!important;cursor:pointer!important;border-radius:4px!important;font-family:Source Sans Pro,sans-serif!important}.supplier-react-select-filter .supplier-select__option--is-selected{background-color:#66523c!important;color:#fff!important}.supplier-react-select-filter .supplier-select__option--is-focused{background-color:#f8f8f5!important;color:#303030!important}.supplier-react-select-filter .supplier-select__option--is-focused.supplier-select__option--is-selected{background-color:#4a3320!important;color:#fff!important}.online-applications-collapsible-day{border-bottom:1px solid #f0f0f0;padding-bottom:8px}.online-applications-collapsible-day:last-of-type{border-bottom:none}.online-applications-day-header{cursor:pointer;display:flex;align-items:center;gap:6px;-webkit-user-select:none;user-select:none;transition:color .2s}.online-applications-day-header:hover{color:#6b4c2e}.online-applications-collapse-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;font-size:8px;color:#666}.online-applications-collapse-icon.expanded{transform:rotate(90deg)}.online-applications-day-content{padding-left:14px;margin-top:4px}.online-applications-category-bold{font-weight:700!important;color:#333!important;font-size:12px!important}.online-applications-category-divider{margin:4px 0 6px;border:none;border-top:1px solid #e0e0e0}.online-applications-add-note-btn{background:none;border:none;cursor:pointer;padding:4px 8px;color:#6b4c2e;font-size:14px;transition:all .2s;border-radius:4px}.online-applications-add-note-btn:hover{background:#f8f8f5;color:#4a3320}.online-applications-notes-list{display:flex;flex-direction:column;gap:8px}.online-applications-note-item{display:flex;align-items:flex-start;gap:8px;padding:6px 0}.online-applications-note-item.completed{opacity:.6}.online-applications-note-checkbox{flex-shrink:0;width:18px;height:18px;border:2px solid #ccc;border-radius:50%;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;margin-top:2px}.online-applications-note-checkbox:hover{border-color:#6b4c2e}.online-applications-note-checkbox.checked{background:#6b4c2e;border-color:#6b4c2e}.online-applications-note-checkbox.checked i{color:#fff;font-size:10px}.online-applications-note-content{flex:1;font-size:13px;color:#333;cursor:pointer;word-break:break-word;line-height:1.4}.online-applications-note-content:hover{color:#6b4c2e}.online-applications-note-item.completed .online-applications-note-content{text-decoration:line-through;color:#999}.notes-btn-delete{flex:1;background:#dc3545;color:#fff}.notes-btn-delete:hover:not(:disabled){background:#c82333}.add-product-row-container{margin-top:16px;padding:12px;background:#f8f8f5;border-radius:6px}.add-product-row-expanded{background:#fff;border:1px solid #e0e0e0}.add-product-button{display:flex;align-items:center;gap:8px;background:#6b4c2e;color:#fff;border:none;border-radius:4px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.add-product-button:hover{background:#4a3320}.add-product-button i{font-size:12px}.search-product-wrapper{display:flex;align-items:center;gap:12px}.search-product-wrapper .product-search-select{flex:1}.search-product-wrapper .cancel-btn{flex-shrink:0}.create-product-form{display:flex;flex-direction:column;gap:16px}.create-product-form .form-row{display:flex;gap:16px}.create-product-form .form-group{flex:1}.create-product-form .form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#666}.create-product-form .form-control{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.create-product-form .form-control:focus{outline:none;border-color:#6b4c2e}.create-product-form .form-actions{display:flex;justify-content:flex-end;gap:12px}.create-product-form .btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.create-product-form .btn-secondary{background:#e0e0e0;color:#333}.create-product-form .btn-secondary:hover{background:#ccc}.create-product-form .btn-primary{background:#6b4c2e;color:#fff}.create-product-form .btn-primary:hover{background:#4a3320}.create-product-form .btn:disabled{opacity:.6;cursor:not-allowed}.product-search-select .react-select__control{border:1px solid #e0e0e0!important;border-radius:4px!important;min-height:42px!important}.product-search-select .react-select__control:hover{border-color:#6b4c2e!important}.product-search-select .react-select__control--is-focused{border-color:#6b4c2e!important;box-shadow:0 0 0 2px #6b4c2e1a!important}.product-search-select .react-select__menu{z-index:9999!important;position:absolute!important}.product-search-select .react-select__option--is-selected{background-color:#6b4c2e!important}.product-search-select .react-select__option--is-focused{background-color:#f8f8f5!important}.search-bar-wrapper{position:relative;width:100%}.search-bar-input{width:100%;padding:10px 40px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-bar-input:focus{outline:none;border-color:#6b4c2e;box-shadow:0 0 0 2px #6b4c2e1a}.search-bar-input::placeholder{color:#999}.search-bar-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none;font-size:14px}.search-bar-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:4px;font-size:16px;transition:color .2s;display:flex;align-items:center;justify-content:center}.search-bar-clear:hover{color:#333}.product-search-toolbar-container{margin-bottom:20px}.product-search-toolbar{display:flex;gap:16px;align-items:flex-start;padding:16px;background:#f8f8f5;border-radius:6px;border:1px solid #e8e8e3}.product-search-toolbar-search{flex:1}.product-search-toolbar-sort{width:200px}.product-search-toolbar-label{display:block;font-size:12px;font-weight:600;color:#666;margin-bottom:6px}.product-search-results-count{font-size:13px;color:#666;padding:8px 16px 0}.product-search-results-count strong{color:#6b4c2e;font-weight:600}.sort-dropdown{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}.sort-dropdown:focus{outline:none;border-color:#6b4c2e;box-shadow:0 0 0 2px #6b4c2e1a}.sort-dropdown:hover{border-color:#6b4c2e}.highlight-match{background-color:#fff3cd;font-weight:700;padding:2px 0;border-radius:2px}.search-empty-state{text-align:center;padding:60px 20px;color:#999}.search-empty-state-icon{font-size:48px;margin-bottom:16px;color:#ddd}.search-empty-state-text{font-size:16px;margin-bottom:8px;color:#666;font-weight:500}.search-empty-state-hint{font-size:13px;color:#bbb}.search-results-counter{background:#f8f8f5;padding:8px 16px;border-radius:4px;font-size:14px;color:#666;margin-bottom:16px;border:1px solid #e8e8e3}.order-history-search-bar{margin-bottom:16px}.order-history-search-bar .search-bar-wrapper{max-width:500px}@media (max-width: 768px){.product-search-toolbar{flex-direction:column}.product-search-toolbar-sort{width:100%}.product-search-results-count{padding:8px 0 0}.order-history-search-bar .search-bar-wrapper{max-width:100%}.search-bar-input{font-size:16px}.search-results-counter{font-size:13px}}.single-table tbody tr{transition:opacity .2s ease,transform .2s ease}.single-table tbody tr.filtering-out{opacity:0;transform:translate(-10px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.single-table tbody tr,.orders-list .order-card{animation:fadeIn .3s ease}.search-bar-input:focus-visible,.sort-dropdown:focus-visible{outline:2px solid #6b4c2e;outline-offset:2px}.search-bar-clear:focus-visible{outline:2px solid #6b4c2e;outline-offset:1px;border-radius:2px}@media (prefers-contrast: high){.highlight-match{background-color:#ff0;color:#000;font-weight:900}.search-bar-input,.sort-dropdown{border-width:2px}}@media (prefers-reduced-motion: reduce){.single-table tbody tr,.orders-list .order-card,.search-bar-input,.sort-dropdown,.search-bar-clear{animation:none;transition:none}}.order-notes-section{margin-bottom:20px;padding-bottom:16px}.order-notes-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.order-notes-input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:Source Sans Pro,sans-serif;color:#303030;resize:vertical;line-height:1.5;transition:border-color .2s,box-shadow .2s}.order-notes-input:focus{outline:none;border-color:#6b4c2e;box-shadow:0 0 0 2px #6b4c2e1a}.order-notes-input::placeholder{color:#30303066}