body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.guide-content{margin:0 auto;max-width:1000px}.golden-rule-banner{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:16px;margin-bottom:32px;padding:24px}.rule-icon{flex-shrink:0;font-size:32px}.golden-rule-banner h3{color:#92400e;font-size:20px;font-weight:700;margin-bottom:8px}.golden-rule-banner p{color:#78350f;font-size:16px;font-weight:600;margin:0}.collapsible-section{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.section-header{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px;transition:all .2s;width:100%}.section-header:hover{background:var(--bg-secondary)}.section-title{align-items:center;color:var(--brand-blue);display:flex;gap:12px}.section-title h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.section-body{border-top:1px solid var(--border-light)}.guide-section-content{padding:32px 24px}.intro-text{color:var(--text-secondary);font-size:18px;line-height:1.7;margin-bottom:32px}.unit-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.unit-card{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);padding:20px;transition:all .2s}.unit-card.highlight{background:linear-gradient(135deg,#ebf8ff,#dbeafe);border-color:var(--brand-blue);box-shadow:var(--shadow-md)}.unit-card h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:8px}.unit-card .description{color:var(--text-secondary);font-size:15px;font-weight:600;margin-bottom:6px}.unit-card .details{color:var(--text-tertiary);font-size:14px;margin:0}.info-box{align-items:flex-start;background:#d1fae5;border-left:4px solid #10b981;border-radius:var(--radius-md);color:#065f46;display:flex;gap:12px;margin-top:24px;padding:16px}.info-box strong{color:#064e3b}.example-card{background:#fff;border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px;transition:all .2s}.example-card:hover{border-color:var(--brand-blue);box-shadow:var(--shadow-md)}.example-header{align-items:center;border-bottom:2px solid var(--bg-secondary);color:var(--brand-blue);display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.example-header h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.example-body{display:flex;flex-direction:column;gap:12px}.example-row{font-size:15px;line-height:1.6}.example-row strong{color:var(--text-primary);font-weight:600}.highlight-row{background:linear-gradient(135deg,#fef3c7,#fde68a 50%);border-left:4px solid #f59e0b}.highlight-row,.info-row{border-radius:var(--radius-md);padding:12px}.info-row{background:#dbeafe;border-left:4px solid var(--brand-blue)}.tiers-section{background:var(--bg-secondary);border-radius:var(--radius-md);margin:12px 0;padding:16px}.tier-row{border-bottom:1px solid var(--border-light);padding:10px 0}.tier-row:last-child{border-bottom:none}.tier-row strong{color:var(--brand-blue);display:block;margin-bottom:4px}.tier-details{color:var(--text-secondary);font-size:14px;padding-left:16px}.counting-example{background:#f0fdf4;border:2px solid #10b981;border-radius:var(--radius-md);margin-top:16px;padding:16px}.counting-math{background:#fff;font-family:Courier New,monospace;font-size:14px;line-height:1.8;margin:8px 0}.counting-math,.portions-result{border-radius:var(--radius-sm);padding:12px}.portions-result{background:#dcfce7;color:#166534;font-weight:600;margin-top:8px}.decision-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.decision-card{background:#fff;border:2px solid var(--border-light);border-left:4px solid;border-radius:var(--radius-lg);padding:24px;transition:all .2s}.decision-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.decision-icon{margin-bottom:16px}.decision-card h3{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:12px}.master-unit-badge{border-radius:var(--radius-md);display:inline-block;font-size:14px;margin-bottom:16px;padding:8px 16px}.examples-text{color:var(--text-secondary);font-size:14px;line-height:1.6}.conversion-tables{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:32px}.conversion-table{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:20px}.conversion-table h4{border-bottom:2px solid var(--brand-blue);color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:12px;padding-bottom:8px}.conversion-table ul{list-style:none;margin:0;padding:0}.conversion-table li{border-bottom:1px dashed var(--border-light);color:var(--text-secondary);font-size:14px;padding:8px 0}.conversion-table li:last-child{border-bottom:none}.setup-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.setup-step{align-items:flex-start;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:16px;padding:20px;transition:all .2s}.setup-step.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.step-number{align-items:center;background:var(--brand-blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.setup-step.highlight .step-number{background:#f59e0b}.step-content h4{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:6px}.step-content p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin:0}.subdescription{color:var(--text-tertiary)!important;font-size:14px!important;margin-top:4px!important}.recipe-setup-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:var(--radius-lg);margin-bottom:32px;padding:24px}.recipe-setup-box h3{color:#065f46;font-size:20px;font-weight:700;margin-bottom:12px}.recipe-setup-box>p{color:#064e3b;font-size:15px;margin-bottom:16px}.code-example{background:#fff;border:1px solid #10b981;border-radius:var(--radius-md);font-family:Courier New,monospace;line-height:1.8;margin-bottom:16px;padding:16px}.code-example,.tip-text{color:#065f46;font-size:14px}.tip-text{font-style:italic;margin:0!important}.pro-tips{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid var(--brand-blue);border-radius:var(--radius-lg);margin-bottom:24px;padding:24px}.pro-tips h3{color:#1e3a8a;font-size:20px;font-weight:700;margin-bottom:16px}.tip-list{flex-direction:column}.tip-item,.tip-list{display:flex;gap:12px}.tip-item{align-items:flex-start;background:#fff;border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;padding:12px}.tip-icon{color:var(--brand-green);flex-shrink:0;margin-top:2px}.warning-box{align-items:flex-start;background:#fee2e2;border-left:4px solid var(--brand-red);border-radius:var(--radius-md);display:flex;gap:16px;padding:20px}.warning-box svg{color:var(--brand-red);flex-shrink:0}.warning-box h4{color:#991b1b;font-size:16px;font-weight:700;margin-bottom:12px}.warning-box ul{list-style:none;margin:0;padding-left:0}.warning-box li{color:#7f1d1d;font-size:14px;padding:6px 0}@media (max-width:768px){.conversion-tables,.decision-grid,.unit-grid{grid-template-columns:1fr}.section-header{padding:16px}.guide-section-content{padding:20px 16px}.golden-rule-banner{flex-direction:column;text-align:center}.example-card{padding:16px}.setup-step{flex-direction:column}}:root{--brand-blue:#001cff;--brand-green:#17c37b;--brand-red:#bd3131;--brand-white:#fff;--brand-gray:#fafdff;--brand-light-blue:#ebf8ff;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-light:#e2e8f0;--border-mid:#cbd5e1;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-main);line-height:1.6;overflow-x:hidden}body.sidebar-open{overflow:hidden}.btn-primary{background:#17c37b;background:var(--brand-green);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary:hover:not(:disabled){background:#14b06d;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;border:2px solid #001cff;border:2px solid var(--brand-blue);border-radius:8px;border-radius:var(--radius-md);color:#001cff;color:var(--brand-blue);cursor:pointer;font-size:15px;font-weight:600;padding:10px 22px;transition:all .2s}.btn-secondary:hover{background:#ebf8ff;background:var(--brand-light-blue)}.btn-danger{background:#bd3131;background:var(--brand-red);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;padding:12px 24px}.btn-danger,.btn-text{cursor:pointer;font-weight:600}.btn-text{background:none;border:none;color:#001cff;color:var(--brand-blue);font-size:14px;padding:8px}.btn-block{width:100%}.form-input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);font-size:15px;margin-bottom:12px;padding:12px 16px;transition:all .2s;width:100%}.form-input:focus{border-color:#001cff;border-color:var(--brand-blue);box-shadow:0 0 0 3px #001cff1a;outline:none}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-label{color:#1e293b;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:6px}.auth-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container{max-width:440px;width:100%}.auth-header{color:#2d3748;margin-bottom:32px;text-align:center}.auth-header img,.auth-logo{height:80px;margin-bottom:16px;width:80px}.auth-header h1{color:#2d3748;font-size:32px;font-weight:800;margin-bottom:8px}.auth-header p{font-size:16px;opacity:.9}.auth-card{background:#fff;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-xl);padding:40px}.auth-card h2{color:#1e293b;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:24px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:4px}.auth-footer{color:#4a5568;font-size:14px;margin-top:24px;text-align:center}.dashboard-layout{background:#f8fafc;background:var(--bg-secondary);display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--bg-primary);border-right:1px solid #e2e8f0;border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100vh;position:-webkit-sticky;position:sticky;top:0;transition:all .3s;width:260px}.sidebar.closed{width:80px}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;gap:12px;padding:24px 20px}.sidebar-logo{height:40px;width:40px}.sidebar-brand{color:#001cff;color:var(--brand-blue);font-size:20px;font-weight:800}.business-info{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:20px}.business-name{color:#1e293b;color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:4px}.user-name{color:#64748b;color:var(--text-secondary);font-size:14px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s;width:100%}.nav-item:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.nav-item.active{background:#ebf8ff;background:var(--brand-light-blue);color:#001cff;color:var(--brand-blue);font-weight:600}.sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);padding:12px}.logout-btn{color:#bd3131;color:var(--brand-red)}.logout-btn:hover{background:#fee}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.main-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;gap:16px;padding:16px 24px}.sidebar-toggle{background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;padding:8px;transition:all .2s}.sidebar-toggle:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.content-area{flex:1 1;overflow-y:auto;padding:32px}.page-container{margin:0 auto;max-width:1200px}.page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.page-header h1{color:#1e293b;color:var(--text-primary);font-size:32px;font-weight:800}.page-header p{color:#64748b;color:var(--text-secondary);font-size:16px;margin-top:4px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.dashboard-card{background:#fff;border-left:4px solid;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:all .2s}.dashboard-card:hover{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-card h3{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:600}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:24px}.stat-card h4{color:#64748b;color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#1e293b;color:var(--text-primary);font-size:32px;font-weight:800}.setup-page{align-items:center;background:#f8fafc;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:20px}.setup-container{background:#fff;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);max-width:500px;padding:48px;width:100%}.setup-container h1{color:#1e293b;color:var(--text-primary);font-size:28px;font-weight:800;margin-bottom:8px}.setup-container p{color:#64748b;color:var(--text-secondary);margin-bottom:32px}.setup-form,.setup-required{display:flex;flex-direction:column}.setup-required{align-items:center;justify-content:center;min-height:100vh;padding:40px;text-align:center}.setup-required h2{font-size:32px;font-weight:800;margin-bottom:16px}.setup-required p{color:#64748b;color:var(--text-secondary);font-size:18px;margin-bottom:32px}.loading-screen{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-top-color:#001cff;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--brand-blue);height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.landing-page{background:#fff;min-height:100vh}.landing-hero{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:80vh;padding:60px 20px;text-align:center}.landing-hero-content h1{color:#fff;font-size:56px;font-weight:900;margin-bottom:24px}.landing-hero-content p{font-size:22px;margin-bottom:40px;opacity:.95}.landing-cta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:24px}.mobile-overlay{display:none}@media (max-width:768px){.mobile-overlay.active{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}}@media (max-width:1024px){.content-area{padding:24px 20px}.page-container{max-width:100%}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(0);transition:transform .3s ease;width:280px;z-index:1000}.sidebar.closed{transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;width:100%}.main-header{padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.content-area{padding:16px}.page-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.page-header h1{font-size:24px}.page-header p{font-size:14px}.dashboard-grid{gap:16px}.dashboard-grid,.form-row{grid-template-columns:1fr}.btn-danger,.btn-primary,.btn-secondary{font-size:16px;min-height:48px;padding:14px 20px}.card{padding:16px}.auth-card{padding:24px 20px}.auth-header h1{font-size:24px}.auth-header p{font-size:14px}.setup-container{padding:32px 20px}.setup-container h1{font-size:24px}.landing-hero{min-height:60vh;padding:40px 20px}.landing-hero-content h1{font-size:32px}.landing-hero-content p{font-size:16px}.landing-cta{flex-direction:column;width:100%}.landing-cta .btn-primary,.landing-cta .btn-secondary{width:100%}.dashboard-stats{grid-template-columns:1fr}.stat-card{padding:20px 16px}.stat-value{font-size:28px}}@media (max-width:480px){.content-area{padding:12px}.page-header h1{font-size:22px}.btn-danger,.btn-primary,.btn-secondary{font-size:15px;padding:12px 16px}.dashboard-card{padding:16px}.dashboard-card h3{font-size:16px}.landing-hero-content h1{font-size:28px}.landing-hero-content p{font-size:15px}.form-input{font-size:16px;padding:12px 14px}}@media (hover:none) and (pointer:coarse){.nav-item{min-height:48px;padding:14px 16px}.sidebar-toggle{min-height:48px;min-width:48px;padding:12px}.btn-danger:hover,.btn-primary:hover,.btn-secondary:hover{transform:none}}@media (max-width:768px){.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.storage-assignment-grid{min-width:600px}input[type=checkbox]{min-height:20px;min-width:20px}.modal{max-height:90vh;overflow-y:auto;padding:12px}.modal-content{margin:0;max-width:100%}.action-buttons{display:flex;flex-direction:column;gap:8px}.action-buttons button{width:100%}}
/*# sourceMappingURL=main.882fac43.css.map*/