:root{font-family:Arial,Helvetica,sans-serif;color:#20372e;background:#f5f4ef}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:240px;min-height:100vh;background:#20372e;color:white;padding:32px 22px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}h1{font-size:30px;margin:0 0 48px}h1 span{display:block;font-size:10px;letter-spacing:1.4px;margin-top:10px;color:#b4c9ba}nav{display:grid;gap:10px}button,input,select{font:inherit;padding:14px;border-radius:10px;border:1px solid #d6ded5}button{cursor:pointer}nav button{color:#d7e7db;background:transparent;border:0;text-align:left}nav button.active{background:#38624e;color:white}footer{margin-top:auto;font-size:12px;line-height:1.8;color:#b4c9ba}main{margin-left:240px;padding:24px 36px;width:calc(100% - 240px)}.notice{background:#fff0d2;padding:13px 18px;border-radius:8px;font-size:13px;color:#654812}header{display:flex;justify-content:space-between;align-items:center;margin:30px 0}h2{font-size:32px;margin:8px 0}small{letter-spacing:1.5px;color:#728078;font-size:10px}.badge{background:#eaf1e9;border-radius:20px;padding:9px 15px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.card{background:white;padding:24px;border:1px solid #e1e5dc;border-radius:14px}.number{display:block;font-size:30px;font-weight:bold;margin:8px 0}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{flex:1}table{width:100%;border-collapse:collapse;background:white;font-size:14px}th,td{text-align:left;padding:16px;border-bottom:1px solid #edf0e9}th{font-size:11px;color:#708076;text-transform:uppercase}.missing{color:#9c651c;background:#fff5e3;border-radius:6px;padding:6px 9px;display:inline-block;font-size:12px}.tables{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.table{min-height:130px}.muted{color:#758176;font-size:13px;line-height:1.7}li{margin:14px 0;line-height:1.5}@media(max-width:850px){aside{width:170px;padding:24px 12px}main{margin-left:170px;width:calc(100% - 170px);padding:20px}.stats,.tables{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column}td,th{padding:10px}}@media(max-width:560px){body{display:block}aside{position:static;width:100%;min-height:0}h1{margin-bottom:15px}nav{grid-template-columns:1fr 1fr}footer{display:none}main{margin:0;width:100%}.stats{grid-template-columns:1fr}.badge{display:none}}
.counter-heading{display:flex;gap:20px;align-items:center;margin-bottom:22px}.save-status{font-size:13px;color:#536a58}.sell-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.product-tile{background:white;border:1px solid #e1e5dc;padding:18px;border-radius:12px;display:flex;flex-direction:column;gap:12px;min-height:185px}.product-tile h3{font-size:16px;margin:0;line-height:1.4}.primary{background:#2f6650;color:white;border:0}.product-tile button{margin-top:auto;font-size:13px;padding:12px}.product-tile select{width:100%;padding:8px;font-size:12px}.cart{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}.cart h3{font-size:24px;margin:10px 0 24px}.cart-line{padding:16px 0;border-bottom:1px solid #e6ebe3}.quantity-controls{display:flex;align-items:center;gap:16px;margin:12px 0}.quantity-controls button{padding:5px 12px;font-size:20px}.cart label{display:block;margin:20px 0 8px;font-size:13px}.cart textarea{width:100%;min-height:70px;padding:10px;font:inherit;border:1px solid #d6ded5;border-radius:8px;resize:vertical}.cart>button{width:100%;margin-top:12px}.total{font-weight:bold;line-height:1.5;font-size:15px}button:disabled{cursor:not-allowed;opacity:.5}.notice button{margin:0 8px 8px 0}.table button{margin-top:12px}.products-panel{min-width:0}.products-panel .toolbar{flex-wrap:wrap}.products-panel .toolbar input{min-width:100px}@media(min-width:1450px){.sell-layout{grid-template-columns:minmax(0,1fr) 360px}}@media(max-width:1100px){.sell-layout{grid-template-columns:1fr}.cart{position:static;max-height:none}.counter-heading{flex-wrap:wrap}}
.account-panel{max-width:560px}.account-panel label,dialog label{display:block;font-size:13px;margin:18px 0 8px}.account-panel input,.account-panel select,dialog input:not([type=checkbox]){width:100%}.account-panel button{margin-top:16px;width:100%}#account{margin-top:32px;font-size:13px}#account button{padding:9px 12px;background:#38624e;color:white;border:0}#account+footer{padding-top:24px}dialog{border:1px solid #d6ded5;border-radius:16px;padding:28px;max-width:510px;width:90%;color:#20372e}dialog::backdrop{background:#14231cc2}dialog button{margin:12px 12px 0 0}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #668c71;outline-offset:3px}
#content>.card,.recipe-row{margin-top:18px}.card form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.account-panel form,dialog form{display:block}.recipe-row{display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:#f5f4ef;border-radius:10px}.recipe-row input{width:110px}.recipe-row select{max-width:190px}.recipe-row+button{margin-top:14px}

.menu-controls{flex-wrap:wrap}.menu-controls input{min-width:160px}.menu-table td{overflow-wrap:anywhere}.menu-actions button{margin:4px 6px 4px 0}

h1{margin-bottom:20px}.cafe-brand{color:#d7e7db;font-size:14px;line-height:1.5;margin-bottom:24px;overflow-wrap:anywhere}

aside{overflow-y:auto}
.inventory-scroll{overflow-x:auto;margin-top:16px}.inventory-scroll table{min-width:880px}

.product-tile .favorite-toggle{align-self:flex-start;margin:0;padding:8px 10px;background:#eaf1e9;color:#20372e}.favorite-toggle[aria-pressed=true]{background:#d7e7db}.favorite-status{margin-bottom:14px}.favorite-status p:empty{display:none}.favorite-status button{padding:8px 12px;font-size:12px}

dialog textarea{width:100%;padding:12px;font:inherit;border:1px solid #d6ded5;border-radius:10px;resize:vertical}

.order-workspace-controls{margin-bottom:18px}.order-workspace-controls button{margin:0 10px 8px 0}.order-workspace-controls p:empty{display:none}

.product-photo{width:100%;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#eaf1e9;display:grid;place-items:center;color:#758176;font-size:12px}.product-photo img{width:100%;height:100%;object-fit:cover}.menu-table .product-photo{width:72px;margin-bottom:8px}.product-photo-large{max-width:230px;margin:12px 0}.photo-crop{width:min(100%,320px);height:auto;display:block;margin:12px 0;background:#eaf1e9}.photo-crop-controls label{display:block}.photo-crop-controls input[type=range]{display:block;width:100%}