:root{--bg-app:#f4f2ee;--text:#2b2926;--text-muted:#6b6560;--border:#d8d4cc;--shadow:#00000014 0 2px 8px;--accent:#b8720a;--sans:"Hiragino Kaku Gothic Pro", "Meiryo", system-ui, sans-serif;font:15px/1.6 var(--sans);color:var(--text);background:var(--bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{color:var(--text);margin:0}p{margin:0}button{font-family:inherit}.catalog-screen{flex:1;padding-bottom:80px}.catalog-header{border-bottom:1px solid var(--border);z-index:5;background:#fff;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.catalog-header h1{font-size:18px}.catalog-account-link{color:var(--accent);font-size:13px;font-weight:700}.catalog-delivery-selector{border-bottom:1px solid var(--border);background:#fff;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.catalog-toggle{gap:8px;display:flex}.catalog-toggle button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:10px;font-weight:600}.catalog-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.catalog-delivery-selector select{border:1px solid var(--border);border-radius:8px;padding:10px;font-size:14px}.catalog-notice{background:#fff6e0;border:1px solid #e0b84b;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:8px;margin:12px 16px 0;padding:10px 12px;font-size:13px;display:flex}.catalog-notice button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:14px;line-height:1}.catalog-hint{color:var(--text-muted);text-align:center;margin:12px 16px 0;font-size:13px}.catalog-empty{text-align:center;color:var(--text-muted);padding:40px 16px}.catalog-department{padding:16px}.catalog-department h2{border-bottom:2px solid var(--accent);margin-bottom:8px;padding-bottom:4px;font-size:16px}.catalog-category{margin-top:12px}.catalog-category h3{color:var(--text-muted);margin-bottom:8px;font-size:14px}.catalog-product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.catalog-product-card{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.catalog-product-card img,.catalog-product-noimage{object-fit:cover;background:#eee;width:100%;height:100px}.catalog-product-info{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex}.catalog-product-name{font-size:13px;font-weight:700}.catalog-lunch-badge{color:#b5730e;white-space:nowrap;border:1px solid #b5730e;border-radius:3px;margin-left:4px;padding:0 3px;font-size:9.5px;font-weight:700}.catalog-product-price{color:var(--text-muted);font-size:13px}.catalog-add-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;margin:0 8px 8px;padding:8px;font-size:12px;font-weight:700}.catalog-cart-bar{background:var(--panel-order-accent,#2f8f52);color:#fff;box-shadow:var(--shadow);cursor:pointer;background:#2f8f52;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:700;position:fixed;bottom:16px;left:16px;right:16px}.auth-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;gap:16px;padding:28px 24px;display:flex}.auth-card h1{text-align:center;font-size:20px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.auth-form input{border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:15px}.auth-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:12px;font-size:15px;font-weight:700}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-links{flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.auth-links a{color:var(--accent)}.auth-message{border-radius:8px;padding:10px 12px;font-size:13px}.auth-message-error{color:#a33;background:#fdeaea}.auth-message-success{color:#2f8f52;background:#eaf6ec}.checkout-screen{flex-direction:column;flex:1;gap:16px;max-width:600px;margin:0 auto;padding:16px 16px 100px;display:flex}.checkout-screen h1{font-size:18px}.checkout-back-link{color:var(--accent);align-self:flex-start;font-size:13px;font-weight:700}.checkout-empty{text-align:center;color:var(--text-muted);padding:60px 16px}.checkout-section{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.checkout-section h2{font-size:14px}.checkout-delivery-summary{font-size:14px;font-weight:600}.checkout-section select,.checkout-section input,.checkout-section textarea{border:1px solid var(--border);border-radius:8px;padding:10px;font-size:14px}.checkout-toggle{gap:8px;display:flex}.checkout-toggle button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:10px;font-weight:600}.checkout-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.checkout-items-table{border-collapse:collapse;width:100%;font-size:13px}.checkout-items-table td{border-bottom:1px solid var(--border);padding:6px 4px}.checkout-qty{white-space:nowrap;align-items:center;gap:6px;display:flex}.checkout-qty button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;width:24px;height:24px}.checkout-remove-btn{color:#a33;cursor:pointer;background:0 0;border:none;font-size:12px}.checkout-address-option{border:1px solid var(--border);border-radius:8px;padding:8px;font-size:13px;display:block}.checkout-secondary-btn{border:1px dashed var(--border);cursor:pointer;background:#fff;border-radius:8px;padding:10px;font-size:13px}.checkout-new-address{flex-direction:column;gap:8px;display:flex}.checkout-new-address button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px;font-weight:700}.checkout-new-address button:disabled{opacity:.5}.checkout-totals{gap:4px}.checkout-total-row{justify-content:space-between;font-size:14px;display:flex}.checkout-total-final{border-top:1px solid var(--border);margin-top:4px;padding-top:8px;font-size:18px;font-weight:700}.checkout-error{color:#a33;background:#fdeaea;border-radius:8px;padding:10px;font-size:13px}.checkout-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:16px;font-size:16px;font-weight:700}.checkout-submit-btn:disabled{opacity:.4;cursor:not-allowed}.staff-shift-auth-lead{color:var(--text-muted);font-size:13px}.staff-shift-link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.staff-shift-request{flex:1;width:100%;max-width:480px;margin:0 auto;padding:20px 16px 40px}.staff-shift-request-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.staff-shift-request-header h1{font-size:18px}.staff-shift-request-lead{color:var(--text-muted);margin-top:6px;font-size:12.5px}.staff-shift-logout-btn{border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:8px 12px;font-size:12.5px}.staff-shift-day-list{flex-direction:column;gap:14px;display:flex}.staff-shift-day-card{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.staff-shift-day-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.staff-shift-day-date{font-size:15px;font-weight:700}.staff-shift-day-confirmed{color:var(--accent);font-size:12px;font-weight:700}.staff-shift-day-toggle{gap:16px;font-size:13px;display:flex}.staff-shift-day-toggle label{align-items:center;gap:6px;display:flex}.staff-shift-day-presets{gap:6px;display:flex}.staff-shift-day-presets button{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:6px 0;font-size:12.5px;font-weight:700}.staff-shift-day-times{align-items:center;gap:8px;display:flex}.staff-shift-day-times input[type=time]{border:1px solid var(--border);border-radius:8px;flex:1;padding:8px;font-size:14px}.staff-shift-day-break{color:var(--text-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.staff-shift-day-break input[type=time]{border:1px solid var(--border);border-radius:8px;flex:1;padding:6px;font-size:13px}.staff-shift-day-note{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px}.staff-shift-day-actions{align-items:center;gap:10px;display:flex}.staff-shift-day-actions button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.staff-shift-day-actions button:disabled{opacity:.5;cursor:not-allowed}.staff-shift-day-saved{color:#2f8f52;font-size:12px}.staff-messages{flex-direction:column;flex:1;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:20px 16px 12px;display:flex}.staff-messages-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.staff-messages-header h1{font-size:18px}.staff-messages-push-banner{background:var(--panel-customer-bg,#eaf1f8);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:12.5px;display:flex}.staff-messages-push-banner button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:700}.staff-messages-push-error{color:#a13a2c;margin-bottom:12px;font-size:12px}.staff-messages-list{flex-direction:column;flex:1;gap:10px;padding-bottom:12px;display:flex;overflow-y:auto}.staff-messages-bubble{border-radius:12px;max-width:80%;padding:10px 12px;font-size:14px}.staff-messages-bubble p{white-space:pre-wrap;word-break:break-word;margin:0}.staff-messages-bubble-time{color:var(--text-muted);margin-top:4px;font-size:10.5px;display:block}.staff-messages-bubble-staff{background:var(--accent);color:#fff;align-self:flex-end}.staff-messages-bubble-staff .staff-messages-bubble-time{color:#ffffffbf}.staff-messages-bubble-manager{border:1px solid var(--border);background:#fff;align-self:flex-start}.staff-messages-form{background:var(--bg-app);gap:8px;padding-top:8px;display:flex;position:sticky;bottom:0}.staff-messages-form input{border:1px solid var(--border);border-radius:20px;flex:1;padding:10px 12px;font-size:14px}.staff-messages-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:10px 18px;font-size:13px;font-weight:700}.staff-messages-form button:disabled{opacity:.5;cursor:not-allowed}