:root{--bg: #faf6f0;--surface: #fff;--text: #2c1810;--muted: #6b5344;--accent: #3d2914;--accent-light: #8b5a2b;--border: #e8ddd0;--success: #2d6a4f;--error: #9b2226;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100dvh}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{background:var(--accent);color:#fff;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header h1{margin:0;font-size:1.1rem}.app-nav a{color:#ffffffd9;text-decoration:none;margin-left:.75rem;font-size:.9rem}.app-nav a.active{color:#fff;font-weight:600;border-bottom:2px solid #fff}.app-main{flex:1;padding:1rem;max-width:640px;margin:0 auto;width:100%}.page h2{margin-top:0}.lead,.muted{color:var(--muted);font-size:.9rem}.product-section h2{font-size:.95rem;color:var(--accent-light);margin-bottom:.5rem}.product-list{list-style:none;padding:0;margin:0 0 1.5rem}.product-card{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin-bottom:.5rem}.product-name{display:block;font-weight:600}.product-price{font-size:.85rem;color:var(--muted)}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.5rem 1rem}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);width:100%;margin-top:.75rem;padding:.75rem}button:disabled{opacity:.5;cursor:not-allowed}.cart-panel{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--border);padding-top:1rem}.cart-line{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.cart-total{font-size:1.1rem;text-align:right}.qty-controls button{padding:.2rem .5rem;margin-left:.25rem}.qr-display{text-align:center}.qr-hint{font-size:.85rem;max-width:320px;margin:1rem auto}.qr-scanner{width:100%;margin:1rem 0}.qr-scanner__status{margin-bottom:.5rem}.qr-reader{width:100%;min-height:280px;background:#1a120c;border-radius:12px;overflow:hidden}.qr-reader video{width:100%!important;height:auto!important;display:block;object-fit:cover}.staff-menu{display:grid;gap:.75rem;margin-bottom:2rem}.staff-card{display:block;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit}.staff-card strong{display:block;font-size:1.1rem}.status-badge{display:inline-block;font-size:.75rem;padding:.2rem .5rem;border-radius:4px;background:var(--border);margin-bottom:1rem}.status-WAITING{background:#fff3cd}.status-BREWING{background:#cfe2ff}.status-READY{background:#d4edda;color:#155724;font-weight:600}.register-handoff-panel{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border)}.register-order-card--ready{border-color:var(--success)}.register-handoff-list .primary{margin-top:.75rem}.kitchen-card,.espresso-batch{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:.75rem}.payment-panel{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.payment-modes label{display:block;margin:.5rem 0}.payment-total{font-size:1.15rem;margin:1rem 0}.settings-panel input[type=url]{width:100%;padding:.5rem;margin:.5rem 0 1rem;border:1px solid var(--border);border-radius:8px}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.error{color:var(--error)}.success{color:var(--success)}.manual-entry{margin-top:1rem}.manual-entry textarea{width:100%;font-family:monospace;font-size:.8rem}.order-id{font-family:monospace;font-size:.8rem}.ticket-number{display:inline-flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.ticket-number--large{display:flex;width:100%;padding:.75rem 1rem;margin:.75rem 0;background:var(--surface);border:2px solid var(--accent);border-radius:12px}.ticket-number--large .ticket-number__value{font-size:2.5rem;font-weight:700;letter-spacing:.08em;color:var(--accent);line-height:1.1}.ticket-number--small .ticket-number__value{font-size:1.1rem;font-weight:700;color:var(--accent)}.ticket-number__label{font-size:.75rem;color:var(--muted);text-transform:none}.register-orders-panel{margin-bottom:2rem}.register-order-list{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.75rem}.register-order-card{display:block;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:inherit}.register-order-card__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.register-order-card__head .ticket-number--large{width:auto;margin:0;padding:.35rem .75rem;flex:0 0 auto}.register-order-card__lines{list-style:none;padding:0;margin:0;font-size:.9rem}.espresso-batch__tickets{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.espresso-line__ticket{font-weight:700;color:var(--accent)}.espresso-panel__hint{margin:0 0 .75rem;font-size:.85rem}.espresso-slot-label{margin:0 0 .5rem;font-size:.85rem;font-weight:600;color:var(--accent-light)}.espresso-slot-label__wait{font-weight:400;color:var(--muted)}.total-banner{display:flex;justify-content:space-between;align-items:baseline;background:var(--surface);border:2px solid var(--accent);border-radius:12px;padding:.75rem 1rem;margin:1rem 0}.total-banner--large{padding:1rem 1.25rem}.total-banner--large .total-banner__amount{font-size:1.75rem}.total-banner__label{color:var(--muted);font-size:.9rem}.total-banner__amount{font-weight:700;color:var(--accent);font-size:1.35rem}.app-header--customer h1,.app-header--kitchen h1,.app-header--register h1{font-size:1.1rem}.app-header--kitchen{display:flex;justify-content:space-between;align-items:center}.kitchen-back{color:#ffffffe6;font-size:.85rem}.app-main--wide{max-width:900px}.order-lines{list-style:none;padding:0;margin:0}.order-line{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--border)}.order-line__main{flex:1;min-width:140px}.order-line__name{font-weight:600;display:block}.order-line__meta{font-size:.85rem;color:var(--muted)}.order-line__subtotal{font-weight:600}.staff-card--primary{border-color:var(--accent)}.link-btn{background:none;border:none;color:var(--accent-light);padding:0;margin-bottom:.75rem;text-decoration:underline}.payment-note{margin-bottom:1rem}.pay-item-list{list-style:none;padding:0;margin:.5rem 0 1rem}.pay-item-list li{margin:.35rem 0}.split-input{display:block;margin:.75rem 0}.split-input input{margin-left:.5rem;width:4rem}.app-main--with-switcher{padding-bottom:4.5rem}.staff-mode-switcher{position:fixed;bottom:0;left:0;right:0;display:flex;gap:0;background:var(--accent);padding:.35rem;z-index:100;box-shadow:0 -2px 12px #00000026}.staff-mode-switcher button{flex:1;text-align:center;color:#ffffffbf;background:none;border:none;padding:.75rem;font-weight:600;border-radius:8px;font-size:1rem;cursor:pointer}.staff-mode-switcher button.active{background:#fff3;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:1.5rem}.modal{background:var(--surface);border-radius:16px;padding:1.5rem;max-width:360px;width:100%;box-shadow:0 8px 32px #0003}.modal-title{margin:0 0 .75rem;font-size:1.1rem}.modal-message{color:var(--muted);font-size:.95rem;margin:0 0 1.25rem;white-space:pre-line}.modal-actions{display:flex;gap:.5rem}.modal-actions button{flex:1;padding:.65rem}.modal-actions .primary,.modal-actions .btn-danger{margin-top:0;width:auto}.modal-close{flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;margin:0;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:1.1rem;line-height:1;cursor:pointer}.modal-close:hover{background:var(--bg);color:var(--text)}.modal--product-edit{max-width:min(480px,100%);max-height:min(90vh,720px);padding:0;display:flex;flex-direction:column;overflow:hidden}.product-edit-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0}.product-edit-modal__header .modal-title{margin:0;flex:1;min-width:0;word-break:break-word}.product-edit-modal__body{padding:0 1rem 1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.product-edit-modal-overlay{z-index:300}.product-edit-form--in-modal,.product-edit-modal__body .product-edit-form{background:transparent;border:none;border-radius:0;padding:1rem 0 0;margin:0}.product-edit-form__actions{position:sticky;bottom:0;padding:.75rem 0 .25rem;margin-top:.5rem;background:linear-gradient(to top,var(--surface) 70%,color-mix(in srgb,var(--surface) 85%,transparent))}.product-master-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.product-master-header h2{margin:0}.product-master-header__categories{flex-shrink:0;background:none;border:none;padding:0;margin:0;font:inherit;font-size:.85rem;color:var(--muted);text-decoration:underline;cursor:pointer}.product-master-header__categories:hover{color:var(--accent-light)}.product-master-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.product-master-toolbar__add{width:auto;margin-top:0}.category-manager__toolbar{margin-bottom:.75rem}.category-manager__toolbar .primary{width:auto;margin-top:0}.category-manager__list{list-style:none;padding:0;margin:0}.category-manager__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.category-manager__item:last-child{border-bottom:none}.category-manager__info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.category-manager__name{font-weight:600}.category-manager__meta{font-size:.78rem}.category-manager__actions{display:flex;gap:.35rem;flex-shrink:0}.category-manager__empty{padding:.5rem 0;font-size:.9rem}.btn-danger{background:var(--error);color:#fff;border-color:var(--error);border-radius:8px;padding:.5rem 1rem;cursor:pointer;font:inherit}.btn-danger:hover:not(:disabled){background:#8b1a1e}.customer-page-layout{display:flex;flex-direction:column;min-height:calc(100dvh - 5.5rem)}.customer-page-scroll{flex:1;padding-bottom:.5rem}.cart-bottom-bar{position:sticky;bottom:0;background:var(--bg);border-top:2px solid var(--border);box-shadow:0 -4px 16px #00000012;z-index:10;margin:0 -1rem;padding:0 1rem}.cart-bottom-bar__summary{display:flex;align-items:center;gap:.5rem;width:100%;padding:.7rem 0;background:none;border:none;border-radius:0;text-align:left;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text)}.cart-bottom-bar__label{flex:1}.cart-bottom-bar__total{color:var(--accent);font-size:1.05rem;font-weight:700}.cart-bottom-bar__chevron{font-size:.7rem;color:var(--muted)}.cart-bottom-bar__drawer{max-height:40dvh;overflow-y:auto;border-top:1px solid var(--border);padding:.5rem 0 .25rem}.cart-bottom-bar__action{padding:.5rem 0 .75rem}.cart-bottom-bar__action .primary{margin-top:0}.payment-mode-tabs{display:flex;gap:.5rem;margin:1rem 0}.mode-tab{flex:1;padding:.75rem;border:2px solid var(--border);border-radius:10px;background:var(--surface);font-weight:600;font-size:1rem;cursor:pointer;transition:opacity .15s;opacity:.45}.mode-tab--active{border-color:var(--accent);background:var(--accent);color:#fff;opacity:1}.mode-tab:not(.mode-tab--active):hover:not(:disabled){opacity:.7}.mode-tab:disabled{opacity:.25;cursor:not-allowed}.btn-cancel-payment{width:100%;margin-top:.5rem;background:none;border:1px solid var(--border);color:var(--muted);padding:.6rem;border-radius:8px;cursor:pointer;font:inherit}.product-picker-toggle{margin:1rem 0 .5rem}.btn-outline{border:1.5px solid var(--accent-light);color:var(--accent-light);background:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font:inherit;font-weight:600}.product-picker-panel{border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;background:var(--surface);max-height:50dvh;overflow-y:auto}.payment-complete-banner{text-align:center;padding:2rem 1rem}.payment-complete-banner__icon{font-size:3rem;color:var(--success);margin:0 0 .25rem}.payment-complete-banner__text{font-size:1.4rem;font-weight:700;color:var(--success);margin:0 0 1rem}.kitchen-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}@media(max-width:600px){.kitchen-page-grid{grid-template-columns:1fr}}.kitchen-section__title{font-size:.9rem;font-weight:700;color:var(--accent-light);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.kitchen-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.kitchen-ticket{font-size:1.3rem;font-weight:800;color:var(--accent);letter-spacing:.05em}.kitchen-card__lines{list-style:none;padding:0;margin:0 0 .6rem;font-size:.9rem}.kitchen-card__lines li{padding:.2rem 0;border-bottom:1px solid var(--border)}.kitchen-card__lines li:last-child{border-bottom:none}.kitchen-qty{color:var(--muted);font-size:.85rem}.btn-complete{background:var(--success);color:#fff;border-color:var(--success)}.btn-secondary{display:inline-block;padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none;font:inherit;cursor:pointer}.product-card--soldout .product-info,.product-card--soldout>button.product-add-btn{opacity:.65}.product-card--soldout .product-thumb-btn,.product-card--soldout .product-thumb{opacity:1}.product-name-btn{display:block;padding:0;border:none;background:none;font:inherit;font-weight:600;color:inherit;text-align:left;cursor:zoom-in;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px}.product-name-btn:hover{text-decoration-color:var(--accent-light)}.product-card--soldout .product-name-btn{opacity:1}.soldout-badge{display:block;font-size:.75rem;color:var(--error);margin-top:.25rem}.product-list--soldout{margin-top:.5rem}.validation-list{list-style:none;padding:0;margin:.75rem 0}.validation-list .warning{color:#856404;background:#fff3cd;padding:.5rem;border-radius:6px;margin-bottom:.35rem}.validation-list .error{color:var(--error);background:#fde8e8;padding:.5rem;border-radius:6px;margin-bottom:.35rem}.paid-unit{opacity:.6}.customer-menu-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.customer-menu-header .lead{margin:0;flex:1;min-width:12rem}.customer-menu-refresh{font-size:.82rem;padding:.35rem .75rem;white-space:nowrap}.customer-menu-header__actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.customer-sync-msg{margin:0;font-size:.78rem;max-width:14rem;text-align:right}.product-card{gap:.5rem}.product-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0}.product-thumb--loading{background:var(--border);flex-shrink:0;animation:thumb-pulse 1.2s ease-in-out infinite}@keyframes thumb-pulse{0%,to{opacity:.5}50%{opacity:1}}.product-info{flex:1;min-width:0}.product-section__title{font-size:.9rem;color:var(--accent-light);margin-bottom:.5rem}.product-master-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.5rem}.product-master-card{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem}.product-master-card--editing{border-color:var(--accent-light);box-shadow:0 0 0 2px #8b5a2b33}.product-master-card__thumb{width:52px;height:52px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--border);display:flex;align-items:center;justify-content:center}.product-master-card__thumb img{width:100%;height:100%;object-fit:cover}.no-image{font-size:.6rem;color:var(--muted);text-align:center;line-height:1.2}.product-master-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.product-avail{font-size:.72rem;padding:.15rem .4rem;border-radius:4px;width:fit-content}.product-avail--on{background:#d1fadf;color:var(--success)}.product-avail--off{background:#fde8e8;color:var(--error)}.product-queue-badge{display:inline-block;font-size:.68rem;padding:.1rem .4rem;border-radius:4px;background:#ede8e0;color:var(--accent-light);width:fit-content}.product-master-card__actions{display:flex;flex-direction:column;gap:.35rem}.product-master-card__actions button{font-size:.8rem;padding:.3rem .6rem}.product-master-card__actions .product-delete-btn{color:var(--surface);background:var(--error);border-color:var(--border)}.product-master-card__actions .product-delete-btn:hover:not(:disabled){background:#fde8e8;border-color:var(--error);color:var(--error)}.product-edit-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem}.product-edit-form h3{margin-top:0;font-size:1rem}.form-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem;font-size:.9rem;color:var(--muted)}.form-row input[type=text],.form-row input[type=number],.form-row input[type=url],.form-row select{font:inherit;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);width:100%}.form-row--checkbox{flex-direction:row;align-items:center;gap:.5rem;color:var(--text)}.form-fieldset{border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;margin:0 0 .75rem}.form-fieldset legend{font-size:.9rem;color:var(--muted);padding:0 .25rem}.form-fieldset__hint{margin:0 0 .5rem;font-size:.8rem}.form-fieldset input[type=datetime-local]{font:inherit;padding:.45rem .6rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);width:100%}.form-clear-period{font-size:.82rem;padding:.35rem .6rem;color:var(--muted);border-style:dashed}.product-period{font-size:.72rem;display:block;margin-top:.15rem}.image-upload-area{margin-top:.25rem}.image-upload-btn{width:100%;padding:.6rem;border:2px dashed var(--border);background:var(--bg);border-radius:10px;color:var(--muted)}.image-preview{display:flex;align-items:center;gap:.75rem}.image-preview__img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.image-preview__remove{font-size:.8rem;color:var(--error);border-color:var(--error)}.error-msg{color:var(--error);font-size:.9rem}.history-page{padding-bottom:2rem}.history-summary{display:flex;gap:.75rem;margin-bottom:1rem}.history-stat{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;text-align:center;display:flex;flex-direction:column;gap:.15rem}.history-stat__val{font-size:1.15rem;font-weight:700;color:var(--accent)}.history-stat__label{font-size:.72rem;color:var(--muted)}.history-tabs{display:flex;gap:.4rem;margin-bottom:1rem}.history-tab{flex:1;padding:.45rem;border-radius:8px;font-size:.85rem;border:1px solid var(--border);background:var(--surface);color:var(--muted)}.history-tab--active{background:var(--accent);border-color:var(--accent);color:#fff}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem}.history-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.history-ticket{font-size:1.1rem;font-weight:700;color:var(--accent);min-width:2.5rem}.history-time{margin-left:auto;font-size:.8rem;color:var(--muted)}.history-card__lines{list-style:none;padding:0;margin:0 0 .5rem;display:flex;flex-direction:column;gap:.2rem;font-size:.88rem}.history-card__lines li{display:flex;justify-content:space-between;align-items:center}.history-line-right{display:flex;gap:.5rem;align-items:center}.history-line-price{color:var(--muted);font-size:.82rem}.history-card__footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:.4rem;margin-top:.4rem}.history-total{font-weight:700;font-size:.95rem}.history-paid-time{font-size:.78rem}.product-thumb-btn{padding:0;border:none;background:none;border-radius:8px;cursor:zoom-in;flex-shrink:0;line-height:0;-webkit-tap-highlight-color:transparent}.product-thumb-btn:hover .product-thumb,.product-thumb-btn:focus-visible .product-thumb{opacity:.85;outline:2px solid var(--accent-light);outline-offset:2px}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.25rem;cursor:zoom-out;animation:lb-fade-in .15s ease}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:min(90vw,480px);cursor:default;animation:lb-scale-in .15s ease}@keyframes lb-scale-in{0%{transform:scale(.92)}to{transform:scale(1)}}.lightbox-img{width:100%;max-height:70vh;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px #00000080}.lightbox-caption{color:#fff;font-size:1rem;font-weight:600;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.6)}.lightbox-close{position:absolute;top:-.5rem;right:-.5rem;width:2rem;height:2rem;padding:0;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-close:hover{background:#ffffff4d}.kitchen-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.kitchen-section__header .kitchen-section__title{margin:0}.kitchen-history-link{font-size:.82rem;color:#ffffffbf;text-decoration:none;padding:.2rem .5rem;border:1px solid rgba(255,255,255,.35);border-radius:6px}.kitchen-history-link:hover{color:#fff;border-color:#ffffffb3}.status-COMPLETED{background:#d1fadf;color:var(--success)}.status-HANDED_OFF{background:#e8e8e8;color:#666}