:root{--color-bg:#f8f5ee;--color-surface:#fff;--color-primary:#5c3a21;--color-primary-hover:#472d19;--color-accent:#c48b52;--color-warm-gold:#e5ad6b;--color-text-main:#2d1e15;--color-text-muted:#746457;--color-border:#e3d8c8;--color-border-light:#f0eae0;--color-success:#1b6838;--color-success-bg:#eaf5ed;--color-danger:#a32222;--color-danger-bg:#fdeeee;--color-info:#0d6394;--color-info-bg:#e8f4fc;--color-warning:#b45309;--color-warning-bg:#fef3c7;--shadow-sm:0 1px 3px #5c3a210f;--shadow-md:0 4px 12px #5c3a2114;--shadow-lg:0 10px 24px #5c3a211f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang TC,Noto Sans TC,sans-serif;line-height:1.5;display:flex}.mrp-header{border-bottom:1.5px solid var(--color-border);z-index:100;height:64px;box-shadow:var(--shadow-sm);background-color:#fffdfa;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:12px;display:flex}.brand-logo{font-size:28px}.brand-title{color:var(--color-primary);font-size:18px;font-weight:700;line-height:1.2}.brand-sub{color:var(--color-accent);letter-spacing:.5px;font-size:11px;font-weight:600}.desktop-nav{gap:8px;display:flex}.nav-tab{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.nav-tab:hover{color:var(--color-primary);background-color:#f3ece1}.nav-tab.active{background-color:var(--color-primary);color:#fff}.header-tools{align-items:center;gap:12px;display:flex}.cost-mode-selector{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#f7f1e7;align-items:center;gap:6px;padding:4px 10px;display:flex}.cost-mode-label{color:var(--color-primary);font-size:12px;font-weight:700}.cost-select{color:var(--color-primary);cursor:pointer;background:0 0;border:none;outline:none;font-size:13px;font-weight:600}.badge{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-guest{color:#666;background:#eee}.badge-admin{color:#854d0e;background:#fef08a}.badge-reader{color:#0369a1;background:#e0f2fe}.badge-stock{color:#15803d;background:#dcfce7}.btn-auth{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 14px;font-size:13px;font-weight:600}.btn-auth:hover{background-color:var(--color-primary-hover)}.mrp-app-container{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:24px}.mrp-view-panel{display:none}.mrp-view-panel.active{display:block}.card{background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1px solid var(--color-border-light);background-color:#fffdf9;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.card-title{color:var(--color-primary);font-size:16px;font-weight:700}.ops-layout{grid-template-columns:220px 1fr 340px;align-items:start;gap:20px;display:grid}.ops-sidebar .sidebar-title{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:10px;padding-left:4px;font-size:13px;font-weight:700}.ops-action-grid{flex-direction:column;gap:8px;display:flex}.action-btn{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.action-btn .btn-icon{font-size:18px}.action-btn:hover{border-color:var(--color-accent);background:#fbf7f0}.action-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.ops-center .form-panel{display:none}.ops-center .form-panel.active{display:block}.form-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{color:var(--color-text-muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.form-control{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-main);background-color:#fffcf8;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-control:focus{border-color:var(--color-accent);background-color:#fff}.stepper-box{align-items:center;gap:8px;display:flex}.stepper-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-primary);cursor:pointer;background:#f5eedf;font-size:20px;font-weight:700}.stepper-btn:active{background:#e6dcce}.stepper-input{text-align:center;font-size:16px;font-weight:700}.btn-submit{border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;min-height:48px;padding:13px;font-size:15px;font-weight:700;transition:opacity .2s}.btn-submit:hover{opacity:.92}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-success{background-color:var(--color-success);color:#fff}.btn-info{background-color:var(--color-info);color:#fff}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-warm{color:#fff;background-color:#92400e}.ops-right{flex-direction:column;gap:16px;display:flex}.preview-body{padding:16px 20px}.preview-row{color:var(--color-text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.preview-row strong{color:var(--color-text-main);font-size:14px}.preview-divider{border-top:1px dashed var(--color-border);margin:10px 0}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-info{color:var(--color-info)!important}.text-main{color:var(--color-primary)!important}.ledger-body{max-height:380px;padding:12px;overflow-y:auto}.ledger-item{border-bottom:1px solid var(--color-border-light);padding:8px 6px;font-size:12px}.ledger-item:last-child{border-bottom:none}.ledger-item-top{justify-content:space-between;margin-bottom:2px;display:flex}.ledger-detail{color:var(--color-text-main);font-weight:600}.ledger-amt{font-weight:700}.ledger-meta{color:var(--color-text-muted);font-size:11px}.prep-header-bar{background:var(--color-surface);border-radius:var(--radius-md);border:1.5px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 20px;display:flex}.prep-date-box{align-items:center;gap:10px;display:flex}.prep-date-picker{width:auto;min-width:150px}.btn-icon-action{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:#f5eedf;padding:8px 12px;font-size:13px;font-weight:600}.btn-action-bake{background-color:var(--color-warm-gold);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);background-image:linear-gradient(135deg,#d97706,#b45309);border:none;padding:10px 18px;font-size:14px;font-weight:700}.prep-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.pill{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.pill-success{background:var(--color-success-bg);color:var(--color-success)}.pill-danger{background:var(--color-danger-bg);color:var(--color-danger)}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{color:var(--color-primary);text-align:left;border-bottom:1.5px solid var(--color-border);background-color:#faf4ea;padding:10px 14px;font-weight:700}.data-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-main);padding:10px 14px}.data-table tr:hover{background-color:#fdfaf4}.empty-cell{text-align:center;color:var(--color-text-muted);padding:24px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.kpi-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px 20px}.kpi-card.highlight-card{border-color:var(--color-accent);background:#fffdf9}.kpi-title{color:var(--color-text-muted);margin-bottom:6px;font-size:13px;font-weight:700}.kpi-val{font-size:24px;font-weight:800;line-height:1.2}.kpi-sub{color:var(--color-text-muted);margin-top:4px;font-size:11px}.chart-grid{grid-template-columns:1.2fr .8fr;gap:20px;margin-bottom:20px;display:grid}.chart-wrapper{height:280px;padding:16px;position:relative}.bom-grid,.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.channel-rates-box{flex-direction:column;gap:8px;display:flex}.rate-item{border-radius:var(--radius-sm);background:#fbf8f2;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;display:flex}.rate-item input{text-align:right;width:80px}.mobile-bottom-nav{display:none}.modal-backdrop{z-index:1000;background:#2d1e1599;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-backdrop.active{display:flex}.modal-card{border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);background:#fff;overflow:hidden}.modal-header{border-bottom:1.5px solid var(--color-border);background:#faf4eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;font-size:24px}.modal-body{padding:20px}.alert-banner{border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fca5a5;margin-bottom:14px;padding:10px 14px;font-size:13px}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background:#2d1e15;padding:10px 18px;font-size:13px;font-weight:600;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.mrp-header{height:56px;padding:0 14px}.desktop-nav{display:none}.brand-title{font-size:16px}.brand-sub,.cost-mode-label{display:none}.mrp-app-container{padding:14px 14px 84px}.ops-layout{grid-template-columns:1fr}.ops-sidebar{order:1}.ops-action-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.action-btn{text-align:center;flex-direction:column;justify-content:center;gap:4px;padding:8px 4px;font-size:11px}.action-btn .btn-icon{font-size:16px}.ops-center{order:2}.ops-right{order:3}.prep-grid,.chart-grid,.bom-grid,.settings-grid,.kpi-grid{grid-template-columns:1fr}.prep-header-bar{flex-direction:column;align-items:stretch;gap:12px}.btn-action-bake{width:100%}.mobile-bottom-nav{border-top:1.5px solid var(--color-border);z-index:500;height:60px;padding-bottom:env(safe-area-inset-bottom);background:#fffdf9;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.mobile-nav-btn{height:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.mobile-nav-btn .m-icon{font-size:18px}.mobile-nav-btn .m-txt{font-size:11px;font-weight:600}.mobile-nav-btn.active{color:var(--color-primary)}.mobile-nav-btn.active .m-txt{font-weight:800}}