@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;600&display=swap);body{align-items:center;color:#3d3d3d;display:flex;justify-content:center;margin:auto}body,input{font-family:Work Sans,sans-serif}input:focus{outline:none}#root{display:flex;flex-direction:column;justify-content:center;width:60%}.add-customer{display:flex;gap:10px;width:100%}.add-customer input{border:1px solid #ccc;border-radius:12px;flex:1 1;padding:10px}.add-customer button{background:#007bff;border:1px solid #ccc;border-radius:12px;font-family:Work Sans,sans-serif;padding:10px 15px;white-space:nowrap}.add-customer button:hover{background:#0056b3;cursor:pointer}.add-customer button:active{background:#004494}.customer-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .3fr;padding:0 10px}.filter-sort-container{align-items:center;display:flex;justify-content:space-between;width:100%}.customer-list{background-color:#f9f9f9;border-radius:10px;display:flex;flex-direction:column;margin-top:10px;padding:10px}.customer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .3fr;margin-top:0;padding:10px;transition:background .3s}.customer,.no-orders{align-items:center;border-top:1px solid #ccc}.no-orders{color:#919191;display:flex;font-size:20px;height:100px;justify-content:center;margin:0}.customer:hover{background:#f0f0f0}.customer-info{display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:100%;overflow:hidden}.customer-info p{margin:0;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-info h6{color:#919191;margin:0}.Ready{background:#28a745}.Pending,.Ready{border-radius:15px;color:#fff;display:flex;justify-content:center;padding:5px 10px;width:100px}.Pending{background:#ffc107}.Completed{background:#007bff;border-radius:15px;color:#fff;display:flex;justify-content:center;padding:5px 10px;width:100px}.options-container{gap:15px;justify-content:center;position:relative}.options-button,.options-container{border-radius:10px;display:flex;padding:6px}.options-button{transition:background .3s}.options-button:hover{background:#ccc;cursor:pointer}.delete-completed-button{align-items:center;border-radius:10px;display:flex;justify-content:center;margin:15px;padding:10px;transition:background .3s}.delete-completed-button:hover{background:#ccc;cursor:pointer}.options{background:#f9f9f9;border-radius:10px;bottom:70%;box-shadow:0 4px 8px #0003;height:auto;padding:0;position:absolute;right:70%;transition:opacity .2s ease-out,transform .2s ease-out;width:150px;z-index:1}.option{border-bottom:1px solid #ccc;cursor:pointer;padding:10px;transition:background .3s}.option:hover{background:#f0f0f0}.status-options{background:#f9f9f9;border-radius:10px;bottom:70%;box-shadow:0 4px 8px #0003;height:auto;padding:0;position:absolute;right:70%;width:150px;z-index:1}.status-options>div{border-bottom:1px solid #ccc;cursor:pointer;display:flex;justify-content:center;padding:5px 0;transition:background .3s}.status-options .Completed:hover{background:#0056b3}.status-options .Ready:hover{background:#1e7e34}.status-options .Pending:hover{background:#d39e00}.ReactModal__Overlay{align-items:center;background-color:#00000080!important;display:flex;justify-content:center}.ReactModal__Content{background:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px #0003;height:90%;inset:auto;margin:auto;max-height:none;max-width:none;outline:none;overflow:auto;padding:20px;position:relative;width:80%}.modal-content{display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between}.close-button{background:#f9f9f9;border:none;border-radius:12px;cursor:pointer;height:20px;padding:5px;transition:background .3s;width:20px}.close-button:hover{background:#f0f0f0}.close-button:active{background:#e7e7e7}.order-info{margin-bottom:15px}.order-info span{display:block;font-weight:700;margin-bottom:5px}.order-info input{border:none;border-bottom:1px solid #ddd;padding:8px;width:99%}.order-info input:focus{outline:none}.add-column{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.add-column img{cursor:pointer;transition:transform .3s}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}button:hover{background-color:#0056b3}button:active{background-color:#004494}.table-header{background:#f9f9f9;border-bottom:1px solid #ccc;border-radius:10px 10px 0 0;display:grid;grid-template-columns:1fr 1fr 1fr .3fr;margin-top:10px;overflow-x:auto;padding:10px}.table-header p{color:#919191;font-weight:700;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.table-row{border-bottom:1px solid #ccc;display:grid;grid-template-columns:1fr 1fr 1fr .3fr;overflow-x:auto;padding:10px}.table-row:hover{background:#f0f0f0}.table-row div{margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.table-row div:last-child{display:flex;gap:10px;justify-content:center}.input-row{display:grid;grid-template-columns:1fr 1fr 1fr .3fr;padding:10px}.input-row div{align-items:center;display:flex;gap:10px;justify-content:center}.input-row input{border:none;border-bottom:1px solid #ccc;padding:8px;width:80%}.input-row button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px}.input-row button:hover{background-color:#0056b3}.input-row button:active{background-color:#004494}.delete-button{background-size:contain;border:none;cursor:pointer}.delete-button:hover{filter:brightness(.8)}.delete-button:active{filter:brightness(.6)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){#root{margin:0;width:90%}.customer-header h4{display:none}.customer-header{display:flex;flex-direction:row-reverse}.filter-sort-container{justify-content:space-around}.filter-sort-container>div{flex:1 1}.customer{grid-gap:10px;border-top:1px solid #ccc;display:grid;gap:10px;grid-template-columns:1fr;margin-top:0;padding:10px;transition:background .3s}.customer-info{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow:hidden;text-align:center;width:auto}.customer-info p{max-width:100%}.options-container{background-color:#f9f9f9;padding:0}.options{border-radius:0;bottom:0;right:0;width:100%}.option{padding:10px}.status-options{border-radius:0;bottom:0;right:0;width:100%}.status-options>div{padding:10px}.Completed,.Pending,.Ready{align-items:center;width:90%}.table-header{display:none}.delete-column img{width:14px}.add-column img{width:18px}.input-row,.input-row div{display:flex;flex-direction:column;gap:10px}.input-row input{width:100%}}@media (max-width:1024px){#root{margin:0;width:90%}}
/*# sourceMappingURL=main.8255fd5c.css.map*/