@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700;800&display=swap";:root{--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-ar:"Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#fbbf24;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03)}:root,html[data-theme=light]{--bg-color:#f5f2ea;--surface-color:#fff;--surface-color-light:#f1ede1;--primary-color:#556b2f;--primary-hover:#435424;--accent-color:#a8b99a;--text-primary:#1f2a44;--text-secondary:#556b2f;--glass-bg:rgba(255,255,255,.7);--glass-border:rgba(31,42,68,.12);--shadow-lg:0 10px 15px -3px rgba(31,42,68,.08), 0 4px 6px -2px rgba(31,42,68,.04);--shadow-glow:0 0 15px rgba(85,107,47,.25);--input-bg:#fff;--input-border:rgba(31,42,68,.15);--autofill-shadow:#fff;--hover-color:#556b2f;--hover-bg-soft:rgba(85,107,47,.12);--hover-bg-solid:#556b2f;--list-bg:rgba(255,255,255,.65);--list-text-color:var(--text-primary);--bg-gradient-1:rgba(85,107,47,.05);--bg-gradient-2:rgba(168,185,154,.08);--alert-arrow-bg:rgba(31,42,68,.06);--alert-arrow-border:rgba(31,42,68,.12);--alert-dot-bg:rgba(31,42,68,.2);--nav-btn-color:#2b2b2b;--nav-btn-active-bg:#556b2f;--nav-btn-active-color:#f5f2ea;--navbar-bg:rgba(245,242,234,.8)}html[data-theme=dark]{--bg-color:#2b2b2b;--surface-color:#1f2a44;--surface-color-light:#2c3a5c;--primary-color:#a8b99a;--primary-hover:#c4d4b8;--accent-color:#556b2f;--text-primary:#f5f2ea;--text-secondary:#a8b99a;--glass-bg:rgba(31,42,68,.75);--glass-border:rgba(245,242,234,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3), 0 4px 6px -2px rgba(0,0,0,.2);--shadow-glow:0 0 15px rgba(168,185,154,.35);--input-bg:#1f2a44;--input-border:rgba(245,242,234,.12);--autofill-shadow:#1f2a44;--hover-color:#a8b99a;--hover-bg-soft:rgba(168,185,154,.12);--hover-bg-solid:#a8b99a;--list-bg:#1f2a44;--list-text-color:#f5f2ea;--bg-gradient-1:rgba(168,185,154,.04);--bg-gradient-2:rgba(85,107,47,.04);--alert-arrow-bg:rgba(255,255,255,.06);--alert-arrow-border:rgba(255,255,255,.1);--alert-dot-bg:rgba(255,255,255,.18);--nav-btn-color:#f5f2ea;--nav-btn-active-bg:#a8b99a;--nav-btn-active-color:#2b2b2b;--navbar-bg:rgba(31,42,68,.8)}html[dir=rtl]{--font-family:"Tajawal", "Segoe UI", Tahoma, Arial, sans-serif}*{box-sizing:border-box;font-family:var(--font-family);scrollbar-width:none;margin:0;padding:0}::-webkit-scrollbar{display:none}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-image:radial-gradient(circle at 15%,rgba(85,107,47,.05) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(168,185,154,.08) 0%,transparent 50%);background-attachment:fixed;min-height:100dvh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{background-color:var(--surface-color-light);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{border-color:var(--accent-color);background-color:rgba(85,107,47,.08);transform:translateY(-1px)}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg, var(--primary-color) 0%, #a78bfa 100%);-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;-ms-background-clip:text;background-clip:text;padding-bottom:.2em;line-height:1.5;display:inline-block}.container{max-width:1200px;margin:0 auto;padding:2rem}@media (max-width:768px){.container{padding:1rem}}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.w-full{width:100%}.text-primary-color{color:var(--primary-color)!important}.text-secondary,.text-secondary-color{color:var(--text-secondary)!important}.text-warning-color{color:var(--warning-color)!important}.text-success-color{color:var(--success-color)!important}.text-danger-color{color:var(--danger-color)!important}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.p-8{padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.lang-switcher-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;transition:all .2s;display:inline-flex}.lang-switcher-btn:hover{color:var(--primary-color);border-color:var(--accent-color);background:rgba(85,107,47,.08)}.theme-toggle-btn{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin:0;transition:all .2s;display:inline-flex;border-radius:50%!important;width:38px!important;height:38px!important;padding:0!important}.theme-toggle-btn:hover{background:var(--hover-bg-soft);color:var(--hover-color);border-color:var(--hover-color)}.card{border-radius:var(--radius-lg);background:var(--surface-color);border:1px solid var(--glass-border);padding:1.5rem;transition:transform .3s,box-shadow .3s}.card:hover{box-shadow:var(--shadow-lg)}.input{border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text-primary);padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--shadow-glow);outline:none}select.input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.1em;padding-right:2.5rem}[dir=rtl] select.input{background-position:1rem;padding-left:2.5rem;padding-right:1rem}select.input option{background-color:var(--surface-color);color:var(--text-primary);padding:.75rem;font-family:inherit}select.input:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23556b2f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.navbar{z-index:50;background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0}.navbar-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.navbar-logo-main{width:auto;height:32px;transition:height .2s;display:block}@media (max-width:580px){.navbar-logo-main{height:28px}}@media (max-width:768px){.navbar{padding:1rem}}@media (max-width:580px){.navbar-container{text-align:center;flex-direction:column;align-items:center;gap:.75rem}.navbar-container>div{flex-wrap:wrap;justify-content:center;width:100%}}[dir=rtl] .rtl-flip{transform:scaleX(-1)}[dir=rtl] .btn svg{margin-left:.5rem;margin-right:0}[dir=rtl] .lang-switcher-btn svg{margin-left:.5rem;margin-right:0}.custom-scrollbar{scrollbar-width:thin!important;scrollbar-color:rgba(31,42,68,.2) rgba(245,242,234,.4)!important}.custom-scrollbar::-webkit-scrollbar{width:6px!important;height:6px!important}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(245,242,234,.4)!important;border-radius:10px!important}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(31,42,68,.2)!important;border-radius:10px!important;transition:background .3s!important}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-color)!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.no-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 20px 20px var(--autofill-shadow)!important;-webkit-background-clip:text!important;transition:background-color 5000s ease-in-out!important}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 20px 20px var(--autofill-shadow)!important;-webkit-background-clip:text!important;transition:background-color 5000s ease-in-out!important}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 20px 20px var(--autofill-shadow)!important;-webkit-background-clip:text!important;transition:background-color 5000s ease-in-out!important}input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 20px 20px var(--autofill-shadow)!important;-webkit-background-clip:text!important;transition:background-color 5000s ease-in-out!important}.user-row-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;background:var(--list-bg)!important;color:var(--list-text-color)!important}.user-row-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.15);background:var(--hover-bg-soft)!important;border-color:var(--hover-color)!important}@media (max-width:600px){.user-row-card{height:auto!important;min-height:unset!important;flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.user-row-card>div:last-child{border-top:1px solid rgba(255,255,255,.05);padding-top:.75rem;justify-content:space-between!important;width:100%!important}}.scroll-down-btn:hover{opacity:.9;transform:translate(-50%)scale(1.1)!important}.avatar-container{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;font-weight:700;display:flex;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.2)}.avatar-owner{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);box-shadow:0 0 10px rgba(168,85,247,.4)}.avatar-founder{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);box-shadow:0 0 10px rgba(59,130,246,.4)}.avatar-manager{background:linear-gradient(135deg,#0d9488 0%,#10b981 100%);box-shadow:0 0 10px rgba(13,148,136,.4)}.avatar-cook{background:linear-gradient(135deg,#f97316 0%,#f59e0b 100%);box-shadow:0 0 10px rgba(249,115,22,.4)}.avatar-worker{background:linear-gradient(135deg,#64748b 0%,#475569 100%)}.avatar-container img{object-fit:cover;border-radius:50%;width:100%;height:100%}.role-badge{border-radius:20px;align-items:center;gap:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.15rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-owner{color:#9333ea;background:rgba(168,85,247,.15);border:1px solid rgba(168,85,247,.3)}html[data-theme=dark] .badge-owner{color:#d8b4fe;background:rgba(168,85,247,.25)}.badge-founder{color:#2563eb;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3)}html[data-theme=dark] .badge-founder{color:#bfdbfe;background:rgba(59,130,246,.25)}.badge-manager{color:#0d9488;background:rgba(13,148,136,.15);border:1px solid rgba(13,148,136,.3)}html[data-theme=dark] .badge-manager{color:#5eead4;background:rgba(13,148,136,.25)}.badge-cook{color:#ea580c;background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.3)}html[data-theme=dark] .badge-cook{color:#fed7aa;background:rgba(249,115,22,.25)}.badge-worker{color:#475569;background:rgba(100,116,139,.15);border:1px solid rgba(100,116,139,.3)}html[data-theme=dark] .badge-worker{color:#e2e8f0;background:rgba(100,116,139,.25)}.badge-distribution_officer{color:#65a30d;background:rgba(132,204,22,.15);border:1px solid rgba(132,204,22,.3)}html[data-theme=dark] .badge-distribution_officer{color:#d9f99d;background:rgba(132,204,22,.25)}.avatar-distribution_officer{background:linear-gradient(135deg,#84cc16 0%,#22c55e 100%);box-shadow:0 0 10px rgba(132,204,22,.4)}.delete-user-btn{cursor:pointer;justify-content:center;align-items:center;display:flex;color:var(--danger-color)!important;box-shadow:none!important;background:rgba(239,68,68,.08)!important;border:1px solid rgba(239,68,68,.15)!important;border-radius:50%!important;padding:.55rem!important;transition:all .2s!important}.delete-user-btn:hover{background:var(--danger-color)!important;color:#fff!important;transform:scale(1.1)rotate(8deg)!important;box-shadow:0 0 12px rgba(239,68,68,.45)!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.gap-6{gap:1.5rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-5{margin-bottom:1.25rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-5{margin-top:1.25rem!important}.mt-6{margin-top:1.5rem!important}.meal-schedule-item{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1.15rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;background:var(--list-bg)!important;color:var(--list-text-color)!important;border:1px solid var(--glass-border)!important}.meal-schedule-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);background:var(--hover-bg-soft)!important;border-color:var(--hover-color)!important}.meal-schedule-item:before{content:"";width:4px;position:absolute;top:0;bottom:0}[dir=ltr] .meal-schedule-item:before{left:0}[dir=rtl] .meal-schedule-item:before{right:0}.meal-schedule-item[data-meal-type=breakfast]:before{background:linear-gradient(#f59e0b,#d97706)}.meal-schedule-item[data-meal-type=lunch]:before{background:linear-gradient(#3b82f6,#2563eb)}.meal-schedule-item[data-meal-type=dinner]:before{background:linear-gradient(#8b5cf6,#7c3aed)}.meal-schedule-left{align-items:center;gap:1.15rem;display:flex}.meal-icon-wrapper{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.meal-icon-breakfast{color:#fbbf24;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.meal-icon-lunch{color:#60a5fa;background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.meal-icon-dinner{color:#c084fc;background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.2)}.meal-schedule-info{flex-direction:column;gap:.25rem;display:flex}[dir=ltr] .meal-schedule-info{text-align:left}[dir=rtl] .meal-schedule-info{text-align:right}.meal-schedule-name{letter-spacing:-.01em;font-size:1.05rem;font-weight:600;color:var(--list-text-color)!important}.meal-schedule-type{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.meal-type-badge{text-transform:uppercase;border-radius:20px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-breakfast{color:#fbbf24!important;background:rgba(245,158,11,.12)!important;border:1px solid rgba(245,158,11,.25)!important}.badge-lunch{color:#60a5fa!important;background:rgba(59,130,246,.12)!important;border:1px solid rgba(59,130,246,.25)!important}.badge-dinner{color:#c084fc!important;background:rgba(139,92,246,.12)!important;border:1px solid rgba(139,92,246,.25)!important}.scanner-tabs{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:rgba(31,42,68,.06);width:100%;margin-bottom:1.5rem;padding:.25rem;display:flex}.scanner-tab{text-align:center;cursor:pointer;border-radius:var(--radius-sm);color:var(--text-secondary);flex:1;padding:.6rem;font-weight:600;transition:all .2s}.scanner-tab.active{background:var(--surface-color-light);color:var(--text-primary);box-shadow:var(--shadow-sm)}.scanner-viewport-wrapper{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:#090d16;width:100%;max-width:320px;margin:0 auto;position:relative;overflow:hidden}.scanner-viewport-wrapper video{border-radius:var(--radius-lg);position:absolute;top:0;left:0;object-fit:cover!important;width:100%!important;height:100%!important}.scanner-placeholder{background:var(--surface-color-light);border-radius:var(--radius-lg);border:1px dashed var(--glass-border);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.viewport-corners{pointer-events:none;z-index:5;position:absolute;top:0;bottom:0;left:0;right:0}.viewport-corner{border-color:var(--warning-color);border-style:solid;width:28px;height:28px;position:absolute}.corner-tl{border-width:3px 0 0 3px;border-top-left-radius:8px;top:14px;left:14px}.corner-tr{border-width:3px 3px 0 0;border-top-right-radius:8px;top:14px;right:14px}.corner-bl{border-width:0 0 3px 3px;border-bottom-left-radius:8px;bottom:14px;left:14px}.corner-br{border-width:0 3px 3px 0;border-bottom-right-radius:8px;bottom:14px;right:14px}.scan-laser{background:linear-gradient(90deg, transparent, var(--warning-color), transparent);height:2px;box-shadow:0 0 8px var(--warning-color);z-index:4;animation:2s ease-in-out infinite laserScan;position:absolute;top:14px;left:14px;right:14px}@keyframes laserScan{0%,to{opacity:1;top:14px}50%{opacity:.85;top:calc(100% - 16px)}}.file-dropzone{text-align:center;border:2px dashed var(--input-border);background:var(--input-bg);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2.5rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.file-dropzone:hover,.file-dropzone.drag-active{border-color:var(--primary-color);background:var(--hover-bg-soft);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.file-dropzone svg{transition:all .25s}.file-dropzone:hover svg,.file-dropzone.drag-active svg{transform:scale(1.1);opacity:1!important;color:var(--primary-color)!important}.file-dropzone-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.file-preview-container{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.file-preview-img{border-radius:var(--radius-md);max-width:100%;max-height:220px;box-shadow:var(--shadow-md);border:2px solid var(--glass-border)}.camera-controls{flex-direction:column;gap:.75rem;width:100%;margin-top:1rem;display:flex}.camera-select-wrapper{flex-direction:column;gap:.35rem;width:100%;display:flex}.camera-select-label{color:var(--text-secondary);text-align:left;font-size:.85rem;font-weight:500}html[dir=rtl] .camera-select-label{text-align:right}.scanner-alert{border-radius:var(--radius-md);color:#f87171;text-align:left;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:.9rem;display:flex}html[dir=rtl] .scanner-alert{text-align:right;flex-direction:row-reverse}.switch-container{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.75rem;margin:.5rem 0;transition:all .3s;display:inline-flex}.switch-container:hover .switch-track{border-color:rgba(255,255,255,.25);box-shadow:0 0 10px rgba(85,107,47,.2)}.switch-track{border:1px solid var(--glass-border);background:rgba(31,42,68,.15);border-radius:100px;align-items:center;width:44px;height:22px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.switch-track.active{background:linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color) 100%);border-color:rgba(255,255,255,.2);box-shadow:0 0 12px rgba(85,107,47,.4)}.switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;left:2px;box-shadow:0 2px 4px rgba(0,0,0,.2)}html[dir=rtl] .switch-thumb{left:auto;right:2px}.switch-track.active .switch-thumb{left:calc(100% - 18px)}html[dir=rtl] .switch-track.active .switch-thumb{left:auto;right:calc(100% - 18px)}.switch-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .3s}.switch-container:hover .switch-label{color:var(--text-primary)}.meal-time-inputs-row{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.meal-time-inputs-row input[type=time]{flex:100px;min-width:90px;background:var(--bg-color)!important;border:1px solid var(--glass-border)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;width:auto!important;padding:.4rem .6rem!important}.meal-time-inputs-row .btn{flex:80px;padding:.4rem 1rem!important;font-size:.85rem!important}@media (max-width:480px){.meal-time-inputs-row{flex-direction:column;align-items:stretch}.meal-time-inputs-row span.hyphen{display:none!important}}.pwa-banner{z-index:1000;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);max-width:480px;box-shadow:0 10px 30px rgba(0,0,0,.5), var(--shadow-glow);background:rgba(43,43,43,.85);border:1px solid rgba(255,255,255,.15);flex-direction:column;gap:.75rem;padding:1.25rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards pwaSlideUp;display:flex;position:fixed;bottom:24px;left:24px;right:24px}@media (min-width:640px){.pwa-banner{left:auto;right:24px}}@keyframes pwaSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.pwa-banner-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.pwa-banner-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.pwa-banner-desc{color:var(--text-secondary);font-size:.85rem}.pwa-banner-actions{gap:.75rem;margin-top:.25rem;display:flex}.pwa-banner-btn{flex:1;border-radius:var(--radius-md)!important;padding:.55rem 1rem!important;font-size:.85rem!important}.pwa-banner-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.pwa-banner-close:hover{color:var(--text-primary);background:rgba(255,255,255,.1)}.pwa-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1100;background:rgba(31,42,68,.4);justify-content:center;align-items:center;padding:1.5rem;animation:.3s ease-out pwaFadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes pwaFadeIn{0%{opacity:0}to{opacity:1}}.pwa-modal{background:var(--surface-color);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-lg);animation:.3s cubic-bezier(.34,1.56,.64,1) forwards pwaScaleUp;overflow:hidden}@keyframes pwaScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pwa-modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.pwa-modal-title{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:700}.pwa-modal-body{max-height:70vh;padding:1.5rem;overflow-y:auto}.pwa-os-tabs{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:rgba(31,42,68,.06);margin-bottom:1.5rem;padding:.3rem;display:flex}.pwa-os-tab{text-align:center;cursor:pointer;border-radius:var(--radius-md);color:var(--text-secondary);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.pwa-os-tab.active{background:var(--surface-color-light);color:var(--text-primary);box-shadow:var(--shadow-sm)}.pwa-step-list{flex-direction:column;gap:1.25rem;display:flex}.pwa-step-item{align-items:flex-start;gap:1rem;display:flex}.pwa-step-number{background:var(--surface-color-light);border:1px solid var(--glass-border);width:28px;height:28px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.85rem;font-weight:700;display:flex}.pwa-step-content{flex:1}.pwa-step-title{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.pwa-step-desc{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.85rem;line-height:1.4;display:flex}.pwa-inline-icon{background:var(--surface-color-light);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;margin:0 2px;padding:.15rem .35rem;display:inline-flex}.pwa-modal-footer{border-top:1px solid var(--glass-border);justify-content:flex-end;padding:1rem 1.5rem;display:flex}.radio-group{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.radio-card{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--surface-color);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;justify-content:center;align-items:center;padding:.8rem 1rem;font-size:.95rem;transition:all .2s;display:flex;position:relative}.radio-card:hover{color:var(--text-primary);background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.2)}.radio-card.active{border-color:var(--primary-color);color:var(--primary-color);background:rgba(85,107,47,.1);font-weight:600}.radio-card input{opacity:0;width:0;height:0;position:absolute}.modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:1000;background:rgba(0,0,0,.4);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg), 0 0 40px rgba(0,0,0,.3);max-height:90vh;padding:2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards modalPop;position:relative;overflow-y:auto}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}html[dir=rtl] .modal-close-btn{left:1.25rem;right:auto}.modal-close-btn:hover{color:var(--danger-color);background:rgba(239,68,68,.1);transform:scale(1.1)rotate(90deg)}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;-ms-appearance:textfield;appearance:textfield}.layout-with-sidebar{gap:2rem;width:100%;display:flex}.layout-content{flex:1;min-width:0}@media (max-width:768px){.layout-with-sidebar{flex-direction:column;gap:0}.layout-sidebar-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);z-index:100;max-width:600px;box-shadow:var(--shadow-lg);box-sizing:border-box;border-radius:30px;justify-content:space-around;align-items:center;padding:.5rem;display:flex;position:fixed;bottom:15px;width:calc(100% - 30px)!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.layout-nav-btn{cursor:pointer;text-align:center;background:0 0;border:none;border-radius:20px;flex-direction:column;align-items:center;padding:6px 4px;font-family:inherit;transition:all .3s;display:flex;color:var(--nav-btn-color)!important;flex:1 1 0!important;width:0!important;min-width:0!important}.layout-nav-btn>:first-child{flex-shrink:0;margin-bottom:4px}.layout-nav-btn:hover{background:var(--hover-bg-soft);color:var(--hover-color)!important}.layout-nav-btn.active{transform:none;background:var(--nav-btn-active-bg)!important;color:var(--nav-btn-active-color)!important}.layout-nav-btn span{font-weight:600;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;font-size:.65rem!important;display:block!important;overflow:hidden!important}@media (max-width:360px){.layout-nav-btn span{font-size:.6rem!important}}.layout-content{padding-bottom:6rem}}@media (min-width:769px){.layout-with-sidebar{flex-direction:row;align-items:flex-start;display:flex}.layout-sidebar-nav{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:240px;box-shadow:var(--shadow-md);flex-direction:column;flex-shrink:0;gap:.5rem;padding:1.25rem 1rem;display:flex;position:-webkit-sticky;position:sticky;top:90px}.layout-nav-btn{cursor:pointer;border-radius:var(--radius-md);width:100%;text-align:inherit;background:0 0;border:none;flex-direction:row;align-items:center;gap:12px;padding:.75rem 1rem;font-family:inherit;transition:all .2s;display:flex;color:var(--nav-btn-color)!important}.layout-nav-btn:hover{background:var(--hover-bg-soft)!important;color:var(--hover-color)!important}.layout-nav-btn.active{font-weight:600;background:var(--nav-btn-active-bg)!important;color:var(--nav-btn-active-color)!important}.layout-nav-btn span{font-size:.95rem;font-weight:500}}.preference-card{transition:all .2s!important}.preference-card:hover{background:var(--surface-color-light)!important}