body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:calc(10px + 2vmin);color:#ccc}button{background-color:#282c34;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .2s ease}button:hover{background-color:#333}.app-container{display:flex;flex-direction:column;height:100vh;width:100%}.app-header{background-color:#282c34;width:100%;color:#fff;display:flex;justify-content:space-between;gap:20px;padding:10px 20px}.app-menu{margin-left:15px;width:100%;display:flex;flex-direction:column;gap:20px}.cafe-title{font-size:36px;font-weight:700}.cafe-strapline{font-size:16px;font-style:italic;text-align:right}.menu-item{display:flex;align-items:flex-end;background-color:#f0f0f0;border:1px solid #ddd;margin-bottom:8px;padding:16px;border-radius:4px;flex-direction:row;text-align:left;transition:all .2s ease;cursor:pointer}.menu-item-title{font-size:20px;font-weight:700;margin-right:15px}.menu-item-description{font-size:16px;color:#666;font-style:italic;margin-right:15px}.menu-item-price{font-size:20px;font-weight:700;color:#333}.table-number{display:flex;flex-direction:row;font-size:16px;color:#ccc;gap:10px}.show-order{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid #333}.show-order>div{display:flex;align-items:right}.remove-item{margin-left:10px;border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;cursor:pointer}.product-menu{display:none;font-size:16px;top:200px;flex-direction:column;background-color:#ccc;gap:20px;padding:20px;margin-top:20px;border:1px solid #333;overflow-y:auto}.menu-category-title{font-size:24px;font-weight:700;margin-top:20px;color:#ccc}.edit-menu{display:flex;flex-direction:column;gap:20px;padding:20px;border:1px solid #333;overflow-y:auto}.menu-item{display:flex;align-items:flex-start;background-color:#f0f0f0;border:1px solid #ddd;margin-bottom:8px;padding:16px;gap:20px;border-radius:4px;flex-direction:row;text-align:left;transition:all .2s ease;cursor:pointer}.add-item-button{display:flex;top:-25px;margin-bottom:20px;gap:500px;justify-content:space-around}.black-text{color:#000}.not-available{color:#d3d3d3;background-color:gray}.admin-button{display:flex;gap:30px}.open-orders{display:none;font-size:16px;color:#000;top:200px;flex-direction:column;background-color:#ccc;gap:20px;padding:20px;margin-top:20px;border:1px solid #333;overflow-y:auto}.large-display{margin-bottom:20px;font-style:bold;font-size:30px}.time-placed{font-style:bold;font-size:25px}table{border-collapse:collapse;width:100%}th,td{padding:8px;text-align:left;border-bottom:1px solid #282c34;vertical-align:top}th{background-color:#282c34;color:#fff}.complete-me{padding:10px;border:1px solid #333;cursor:pointer;margin-bottom:10px;border-radius:8px}.notes-border{border:1px solid #333;border-radius:8px;padding:10px;font-size:small;height:100%;background-color:#ddd;margin-bottom:10px}.upload-image{color:#000;padding:10px}.image-preview{width:100px;height:100px;margin-top:10px;object-fit:cover;border-radius:8px;margin-bottom:10px}.black-text{color:#000;padding:5px}.black-text:hover{color:red}.mod-button{background-color:#fff;color:#282c34;border:3px solid #282c34;font-size:medium;text-align:center;padding:8px;margin-top:20px;border-radius:10px;cursor:pointer;vertical-align:bottom;transition:all .2s ease}.mod-button:hover{background-color:#282c34;color:#fff}.mod-title{font-size:20px;font-weight:700;color:#ccc}.mod-container{display:flex;flex-direction:row;gap:10px}.product-mods{border:1px solid #333;border-radius:8px;padding:10px;margin-top:10px;margin-bottom:10px}.add-mod-name{background-color:#fff;color:#282c34;padding:5px}.add-mod-cost{background-color:#fff;color:#282c34;padding:5px;width:25%}.mod-list{border:1px solid #333;display:flex;flex-direction:column;gap:10px}.mod-item{color:#282c34;display:flex;justify-content:space-between;background-color:#f0f0f0;border:1px solid #ddd;gap:20px;border-radius:4px;text-align:left;transition:all .2s ease;cursor:pointer}.mod-item>div{display:flex;align-items:center}.mod-item>div:last-child{margin-left:auto}@media (max-width: 768px){body{font-size:calc(12px + 1vmin)}button{padding:8px 12px;font-size:14px}.app-header{flex-direction:column;align-items:center;text-align:center;padding:15px 10px;gap:10px}.cafe-title{font-size:22px}.cafe-strapline{font-size:12px;text-align:center}.admin-button{flex-direction:column;gap:10px;width:100%}.admin-button button{width:100%}.product-menu,.open-orders{padding:10px;margin-top:10px;font-size:14px}.menu-item{flex-direction:column;gap:10px;padding:12px}.menu-item input[type=text],.menu-item textarea{width:100%;font-size:14px}.add-item-button{flex-direction:column;gap:10px}.upload-image{font-size:14px}.image-preview{width:80px;height:80px}.mod-container{flex-direction:column;gap:8px}.add-mod-name,.add-mod-cost{width:100%}.mod-item{flex-direction:column;gap:8px;padding:10px}table{font-size:12px}th,td{padding:6px 4px}.large-display{font-size:22px}.time-placed{font-size:18px}.notes-border{font-size:12px}.complete-me{padding:8px;font-size:14px}}@media (min-width: 769px) and (max-width: 1024px){body{font-size:calc(11px + 1.5vmin)}.app-header{padding:15px 20px;gap:15px}.cafe-title{font-size:30px}.cafe-strapline{font-size:14px}.admin-button{gap:20px}.product-menu,.open-orders{padding:15px;font-size:15px}.menu-item{flex-wrap:wrap;gap:15px;padding:14px}.add-item-button{gap:200px}.mod-container{flex-direction:row;flex-wrap:wrap}.add-mod-name{flex:1;min-width:200px}.add-mod-cost{width:30%;min-width:100px}table{font-size:14px}.large-display{font-size:26px}.time-placed{font-size:20px}}@media (min-width: 1025px){.app-header{padding:20px 30px}.product-menu,.open-orders{padding:20px}.menu-item{gap:20px;padding:16px}.add-item-button{gap:500px}.mod-container{flex-direction:row}table{font-size:16px}.large-display{font-size:30px}.time-placed{font-size:25px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}