*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-brown: #6B3F1B;--color-amber: #D4A853;--color-cream: #FDF6EC;--color-surface: #FFFFFF;--color-text: #1A1109;--color-text-muted: #6B5E50;--color-border: #E8DDD0;--color-success: #3B6D11;--color-success-bg: #EEF5E8;--color-warning: #BA7517;--color-warning-bg: #FDF3DC;--color-danger: #A32D2D;--color-danger-bg: #FAECEC;--color-info: #185FA5;--color-info-bg: #E8F0FA;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--nav-height: 60px;--tab-bar-height: 64px;--font: system-ui, -apple-system, "Segoe UI", sans-serif}html,body,#root{height:100%;font-family:var(--font);font-size:15px;color:var(--color-text);background:var(--color-cream);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:1rem;color:var(--color-text-muted)}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--color-cream)}.login-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:40px 36px;width:100%;max-width:380px;text-align:center}.login-logo{font-size:2.5rem;margin-bottom:12px}.login-title{font-size:1.4rem;font-weight:700;color:var(--color-brown);margin-bottom:4px}.login-subtitle{font-size:.9rem;color:var(--color-text-muted);margin-bottom:28px}.login-form{text-align:left}.login-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #f0b8b8;border-radius:var(--radius-sm);padding:10px 12px;font-size:.875rem;margin-bottom:16px}.layout{display:flex;flex-direction:column;min-height:100%}.top-nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background:var(--color-brown);display:flex;align-items:center;padding:0 24px;gap:0;box-shadow:var(--shadow-sm)}.top-nav-brand{font-weight:700;font-size:1rem;color:#fff;margin-right:32px;white-space:nowrap}.top-nav-tabs{display:flex;gap:2px;flex:1}.top-nav-tab{background:none;border:none;color:#ffffffb3;font-size:.875rem;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s}.top-nav-tab:hover{background:#ffffff1f;color:#fff}.top-nav-tab.active{background:#ffffff2e;color:#fff}.top-nav-user{margin-left:auto;display:flex;align-items:center;gap:10px}.top-nav-email{font-size:.8rem;color:#ffffffb3}.top-nav-signout{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:.8rem;padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.top-nav-signout:hover{background:#ffffff40}.page-content{flex:1;padding:24px;max-width:1200px;width:100%;margin:0 auto}.bottom-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--tab-bar-height);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100}.bottom-tab-bar-inner{display:flex;height:100%}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:.65rem;font-weight:500;transition:color .15s;padding:0}.bottom-tab.active{color:var(--color-brown)}.bottom-tab-icon{font-size:1.3rem;line-height:1}@media(max-width:768px){.top-nav-tabs,.top-nav-email{display:none}.top-nav{padding:0 16px}.bottom-tab-bar{display:block}.page-content{padding:16px 16px calc(16px + var(--tab-bar-height))}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-title{font-size:1.3rem;font-weight:700;color:var(--color-brown)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:opacity .15s,background .15s;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-brown);color:#fff}.btn-primary:hover:not(:disabled){background:#5a3416}.btn-secondary{background:var(--color-cream);color:var(--color-brown);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #f0b8b8}.btn-danger:hover:not(:disabled){background:#f5d0d0}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--color-cream);border-color:var(--color-border)}.btn-sm{padding:5px 10px;font-size:.8rem}.btn-block{width:100%;justify-content:center}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.field label{font-size:.85rem;font-weight:600;color:var(--color-text)}.field input,.field select,.field textarea{padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font);color:var(--color-text);background:var(--color-surface);transition:border-color .15s;width:100%}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-brown)}.field textarea{resize:vertical;min-height:80px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.field-row{grid-template-columns:1fr}}.field-hint{font-size:.78rem;color:var(--color-text-muted)}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);background:var(--color-surface)}table{width:100%;border-collapse:collapse}thead{background:var(--color-cream)}th{text-align:left;padding:11px 14px;font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--color-border);white-space:nowrap}td{padding:12px 14px;font-size:.9rem;border-bottom:1px solid var(--color-border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#fdfaf6}.td-actions{display:flex;gap:6px;align-items:center}.badge{display:inline-block;padding:3px 9px;border-radius:99px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-muted{background:#f0ebe4;color:var(--color-text-muted)}.badge-brown{background:var(--color-brown);color:#fff}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:20px}.stat-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px}.stat-value{font-size:1.8rem;font-weight:700;color:var(--color-brown);line-height:1}.stat-value.danger{color:var(--color-danger)}.stat-value.warning{color:var(--color-warning)}.alert{border-radius:var(--radius-md);padding:12px 16px;margin-bottom:10px;font-size:.875rem;display:flex;align-items:flex-start;gap:10px}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #f0b8b8}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid #e8c97a}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #b2d98a}.alert-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.alert-body strong{font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.05rem;font-weight:700;color:var(--color-brown)}.modal-close{background:none;border:none;font-size:1.4rem;color:var(--color-text-muted);cursor:pointer;line-height:1;padding:2px 6px}.modal-close:hover{color:var(--color-text)}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.modal-footer{padding:14px 24px;border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end}.spinner-wrap{display:flex;justify-content:center;align-items:center;padding:48px}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-brown);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 24px;color:var(--color-text-muted)}.empty-state-icon{font-size:2.5rem;margin-bottom:12px}.empty-state-text{font-size:.95rem}.ingredient-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.ingredient-row{display:grid;grid-template-columns:1fr 100px 40px 40px;gap:8px;align-items:center}.ingredient-row select,.ingredient-row input{padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font);color:var(--color-text);background:var(--color-surface)}.ingredient-row select:focus,.ingredient-row input:focus{outline:none;border-color:var(--color-brown)}.ingredient-row-unit{font-size:.8rem;color:var(--color-text-muted)}.overhead-rate-card{display:flex;align-items:stretch;gap:0;background:var(--color-surface);border:2px solid var(--color-amber);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.overhead-rate-left,.overhead-rate-right{flex:1;padding:20px 24px}.overhead-rate-divider{width:1px;background:var(--color-border);margin:16px 0}.overhead-rate-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:10px}.overhead-hours-display{display:flex;align-items:center;gap:10px;margin-bottom:6px}.overhead-hours-value{font-size:1.6rem;font-weight:700;color:var(--color-brown)}.overhead-hours-edit{display:flex;align-items:center;gap:8px;margin-bottom:6px}.overhead-hours-input{width:80px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font);color:var(--color-text)}.overhead-hours-input:focus{outline:none;border-color:var(--color-brown)}.overhead-rate-value{font-size:1.6rem;font-weight:700;color:var(--color-brown);margin-bottom:6px}.overhead-rate-unit{font-size:1rem;font-weight:500;color:var(--color-text-muted)}.overhead-rate-hint{font-size:.78rem;color:var(--color-text-muted);line-height:1.4}@media(max-width:560px){.overhead-rate-card{flex-direction:column}.overhead-rate-divider{width:auto;height:1px;margin:0 16px}}.more-nav-list{display:flex;flex-direction:column;gap:10px;max-width:480px}.more-nav-item{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;transition:background .15s;width:100%}.more-nav-item:hover{background:var(--color-cream)}.more-nav-icon{font-size:1.6rem;flex-shrink:0}.more-nav-label{flex:1;font-size:1rem;font-weight:600;color:var(--color-text)}.more-nav-arrow{font-size:1.4rem;color:var(--color-text-muted)}.line-item-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.line-item-row{display:grid;grid-template-columns:1fr 90px 40px;gap:8px;align-items:center}.line-item-row select,.line-item-row input{padding:7px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font);color:var(--color-text);background:var(--color-surface)}.line-item-row select:focus,.line-item-row input:focus{outline:none;border-color:var(--color-brown)}.preview-box{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;font-size:.875rem;margin-top:4px;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.preview-box dt{color:var(--color-text-muted);font-size:.8rem}.preview-box dd{font-weight:600}.pill-tabs{display:flex;gap:8px;margin-bottom:20px}.pill-tab{padding:7px 18px;border-radius:99px;font-size:.875rem;font-weight:500;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s}.pill-tab.active{background:var(--color-brown);color:#fff;border-color:var(--color-brown)}.section-title{font-size:1rem;font-weight:700;color:var(--color-text);margin:24px 0 12px}.delete-confirm{display:flex;gap:6px;align-items:center;font-size:.8rem;color:var(--color-danger)}.field-error{display:block;font-size:.78rem;color:var(--color-danger);margin-top:4px}.btn--wa{background:#25d366;color:#fff;border:none;border-radius:var(--radius-sm);padding:4px 8px;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.btn--wa:hover{background:#1ebe5a;color:#fff}.settings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;max-width:560px;box-shadow:var(--shadow-sm)}.settings-section-title{font-size:1rem;font-weight:700;color:var(--color-brown);margin-bottom:6px}.settings-section-desc{font-size:.875rem;color:var(--color-text-muted);margin-bottom:20px}.settings-url-row{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:20px}.settings-url-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);display:block;margin-bottom:6px}.settings-url-value{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.settings-url-value a{font-size:.875rem;color:var(--color-info);text-decoration:underline;word-break:break-all}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:14px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.settings-toggle-label{display:flex;flex-direction:column;gap:3px;font-weight:600;font-size:.9rem;cursor:pointer}.settings-toggle-desc{font-size:.8rem;font-weight:400;color:var(--color-text-muted)}.toggle-btn{position:relative;width:48px;height:28px;border-radius:99px;background:var(--color-border);border:none;cursor:pointer;flex-shrink:0;transition:background .2s;padding:0}.toggle-btn--on{background:var(--color-success)}.toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}.toggle-btn--on .toggle-knob{left:23px}.order-form-page{min-height:100vh;background:var(--color-cream);display:flex;flex-direction:column;align-items:center;padding:0 0 80px}.order-form-header{width:100%;background:var(--color-brown);color:#fff;text-align:center;padding:24px 16px 20px}.order-form-header h1{font-size:22px;font-weight:600}.order-form-header p{font-size:13px;opacity:.8;margin-top:4px}.order-form-body{width:100%;max-width:480px;padding:20px 16px}.menu-item-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;transition:border-color .15s}.menu-item-card--selected{border-color:var(--color-amber);background:#fffbf2}.qty-stepper{display:flex;align-items:center;gap:10px}.qty-stepper button{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-surface);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-brown);transition:background .1s}.qty-stepper button:disabled{opacity:.35;cursor:default}.qty-stepper button:not(:disabled):active{background:var(--color-cream)}.qty-stepper span{min-width:20px;text-align:center;font-weight:600}.order-summary-bar{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1.5px solid var(--color-border);padding:12px 16px;box-shadow:0 -4px 12px #00000014;z-index:50}@media(min-width:480px){.order-summary-bar{left:50%;transform:translate(-50%);width:480px;border-left:1.5px solid var(--color-border);border-right:1.5px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0}}.window-banner{border-radius:var(--radius-md);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;margin-bottom:16px}.window-banner--closed{background:#fff3cd;border:1.5px solid #F0C040;color:#7a5000}.window-banner--open{background:#eaf5e0;border:1.5px solid #7DB85A;color:#2e5e0e;align-items:center}.success-screen{text-align:center;padding:40px 20px}.success-screen .success-icon{font-size:56px;margin-bottom:16px}.success-screen h2{font-size:20px;font-weight:600;margin-bottom:8px}.success-screen p{color:var(--color-text-muted);font-size:14px}.margin-red{color:var(--color-danger);font-weight:600}.margin-amber{color:var(--color-warning);font-weight:600}.margin-green{color:var(--color-success);font-weight:600}.order-cards{display:flex;flex-direction:column;gap:12px}.order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.order-card-client{font-weight:700;font-size:.95rem}.order-card-meta{font-size:.82rem;color:var(--color-text-muted);margin-bottom:6px}.order-card-total{font-weight:700;color:var(--color-brown);font-size:.95rem}.delivery-info-card{display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.delivery-info-icon{font-size:24px;flex-shrink:0}.delivery-info-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.delivery-info-date{font-weight:700;font-size:.95rem;color:var(--color-text)}.quota-badge{display:inline-block;font-size:.7rem;font-weight:600;border-radius:4px;padding:1px 6px;margin-top:4px}.quota-badge--low{background:#fff3cd;color:#856404}.quota-badge--soldout{background:#f8d7da;color:#721c24}.menu-item-card--soldout{opacity:.55;pointer-events:none}.menu-item-card--soldout .qty-stepper button{pointer-events:none}.quota-list{display:flex;flex-direction:column;gap:10px}.quota-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px}.quota-row-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.quota-row-name{font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quota-row-input{display:flex;align-items:center;gap:6px;flex-shrink:0}.quota-row-input input{width:72px;text-align:center;padding:6px 8px}.quota-row-unit{font-size:.78rem;color:var(--color-text-muted);white-space:nowrap}.baking-checklist{display:flex;flex-direction:column;gap:16px}.baking-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.baking-group--done{opacity:.6}.baking-group-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-bg);border-bottom:1px solid var(--color-border);gap:12px}.baking-group-name{font-weight:700;font-size:.95rem;flex:1;min-width:0}.baking-group-total{font-size:.82rem;color:var(--color-text-muted);white-space:nowrap}.baking-group-rows{display:flex;flex-direction:column}.baking-row{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .1s;border-bottom:1px solid var(--color-border)}.baking-row:last-child{border-bottom:none}.baking-row:hover{background:var(--color-bg)}.baking-row input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--color-brown);cursor:pointer}.baking-row--done .baking-row-client,.baking-row--done .baking-row-qty{text-decoration:line-through;color:var(--color-text-muted)}.baking-row-client{flex:1;font-weight:500;font-size:.9rem}.baking-row-qty{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap}.baking-row-date{font-size:.78rem;color:var(--color-text-muted);white-space:nowrap}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{padding:4px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.8rem;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-chip:hover{border-color:var(--color-brown);color:var(--color-brown)}.filter-chip--active{background:var(--color-brown);border-color:var(--color-brown);color:#fff;font-weight:600}.filter-chip--sub{font-size:.75rem;padding:3px 10px;opacity:.85}.filter-chip--sub.filter-chip--active{opacity:1}.subcategory-add-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.subcategory-add-row input{flex:1;min-width:140px}.subcategory-add-row select{width:auto}.subcategory-chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:3px 10px 3px 12px;font-size:.82rem;font-weight:500}.subcategory-chip button{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:.75rem;padding:0;line-height:1}.subcategory-chip button:hover{color:var(--color-danger)}