@import url(https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;600;700&family=Heebo:wght@300;400;500;600;700&family=Rubik:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap);:root{--color-primary-light:#f9a8d4;--color-primary-rgb:236,72,153;--color-secondary-light:#a78bfa;--color-secondary-rgb:139,92,246;--color-accent-light:#fed7aa;--color-background:#fafafa;--color-surface:#fff;--color-text:#1f2937;--color-text-on-primary:#fff;--color-border-light:#f3f4f6;--color-border-dark:#9ca3af;--color-warning-light:#fef3c7;--color-warning-dark:#92400e;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);--gradient-surface:linear-gradient(135deg,#fff,#f9fafb);--font-primary:"Assistant",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-secondary:"Heebo",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-normal) var(--ease-out);--transition-slow:var(--duration-slow) var(--ease-out);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px;min-height:100%!important}body,html{height:auto!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;background-color:var(--color-background);color:#1f2937;direction:rtl;font-family:Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);line-height:1.6;margin:0;min-height:100vh!important;overflow-y:visible!important}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:Heebo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-secondary);margin:0 0 1rem;margin:0 0 var(--spacing-md)}h1{font-size:2.25rem;font-size:var(--text-4xl)}h2{font-size:1.875rem;font-size:var(--text-3xl)}h3{font-size:1.5rem;font-size:var(--text-2xl)}h4{font-size:1.25rem;font-size:var(--text-xl)}h5{font-size:1.125rem;font-size:var(--text-lg)}h6{font-size:1rem;font-size:var(--text-base)}p{margin:0 0 1rem;margin:0 0 var(--spacing-md)}a{color:var(--color-primary);transition:color .15s cubic-bezier(0,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#be185d;color:var(--color-primary-dark)}code{background-color:#0000000d;border-radius:.25rem;border-radius:var(--radius-sm);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-family:var(--font-mono);font-size:.9em;padding:.2em .4em}#root,.App,.app{display:flex;flex-direction:column;min-height:100vh}.App,.app{background-color:#fafafa;background-color:var(--color-background)}.container{padding:0 1.5rem;padding:0 var(--spacing-lg);width:100%}.App>div:not(.navbar):first-of-type,.main-content,.page-content,main{flex:1 1;margin-top:0!important;padding-top:20px!important}.navbar,nav.navbar{background-color:#fff;background-color:var(--color-surface);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);left:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:1020!important;z-index:var(--z-sticky)!important}.nav-container,.navbar,nav.navbar{margin-top:0!important;transform:none!important}input,select,textarea{background-color:#fff;background-color:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);font-family:Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 0 0 3px #ec48991a;outline:none}button{border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-family:Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--text-base);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(0,0,.2,1);transition:all var(--transition-normal)}.logo-icon{margin-left:8px;transition:transform .15s cubic-bezier(0,0,.2,1);transition:transform var(--transition-fast);vertical-align:middle}.logo-icon:hover{transform:scale(1.05)}.brand-title{gap:12px}.nav-logo .logo-icon{height:28px}.dashboard-header .logo-icon{height:36px}.loading-container{background:#fafafa;background:var(--color-background)}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary)}.loading-container p{color:#6b7280;color:var(--color-text-secondary);font-size:1.125rem;font-size:var(--text-lg);margin-top:1rem;margin-top:var(--spacing-md)}.loading{opacity:.6;pointer-events:none}.spinner-icon{animation:spin 1s linear infinite;display:inline-block;margin-left:8px}@keyframes scaleIn{0%{opacity:0;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes zoomOutFix{0%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}body .scale-in,body [class*=scale-in]{animation:none!important;opacity:1!important;transform:none!important}body.zoom-out-fix{animation:zoomOutFix .3s ease-out forwards!important}body:not(.animations-ready)>*{animation:fadeIn .3s ease-out .1s forwards;opacity:0}body.zoom-out-fix .navbar,body.zoom-out-fix [style*="position: fixed"]{transform:none!important}.floating-element{animation:float 20s ease-in-out infinite!important}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.hidden{display:none!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.no-print{display:none!important}.dashboard-header{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:var(--gradient-primary);border-radius:1rem;border-radius:var(--radius-xl);color:#fff;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.stat-card{background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s cubic-bezier(0,0,.2,1);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.success-badge{border:1px solid #10b981;border:1px solid var(--color-success);border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.btn-primary{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:var(--gradient-primary);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:var(--color-text-on-primary);font-weight:600;font-weight:var(--font-semibold);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(0,0,.2,1);transition:all var(--transition-normal)}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.form-input{background:#fff;background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-base);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ec48991a}.auth-page{align-items:center;background:linear-gradient(135deg,#faf5ff,#fce7f3);justify-content:center}.auth-card{background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--spacing-2xl);position:relative;z-index:1}.floating-shape{font-size:3rem;opacity:.15}.gradient-orb{opacity:.3}.gradient-orb.orb-1{background:radial-gradient(circle at center,#ec4899 0,#0000 70%);background:radial-gradient(circle at center,var(--color-primary) 0,#0000 70%);height:600px;right:-200px;top:-300px;width:600px}.gradient-orb.orb-2{background:radial-gradient(circle at center,#8b5cf6 0,#0000 70%);background:radial-gradient(circle at center,var(--color-secondary) 0,#0000 70%);bottom:-200px;height:400px;left:-100px;width:400px}.link-sparkle{animation:sparkle 2s ease-in-out infinite;display:inline-block;font-size:1.2em;margin:0 .25rem;margin:0 var(--spacing-xs)}.homepage{background:#fafafa;color:#1f2937;font-family:Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.homepage .navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(0,0,.2,1);transition:all var(--duration-normal) var(--ease-out);z-index:1020;z-index:var(--z-sticky)}.homepage .nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.homepage .nav-logo{align-items:center;color:#ec4899;color:var(--color-primary);display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);gap:.5rem;gap:var(--spacing-sm);text-decoration:none;transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.homepage .nav-logo:hover{color:#be185d;color:var(--color-primary-dark);text-decoration:none;transform:translateY(-1px)}.homepage .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ec4899,#8b5cf6);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-weight:700;font-weight:var(--font-bold);letter-spacing:-.02em}.homepage .nav-links{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg)}.homepage .nav-link{border-radius:.5rem;border-radius:var(--radius-md);color:#6b7280;color:var(--color-text-secondary);font-weight:500;font-weight:var(--font-medium);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none}.homepage .nav-link,.homepage .nav-link:after{transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.homepage .nav-link:after{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:var(--gradient-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:0}.homepage .nav-link:hover{background:#ec48990d;background:rgba(var(--color-primary-rgb),.05);color:#ec4899;color:var(--color-primary)}.homepage .nav-link:hover:after{width:80%}.homepage .nav-btn{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:var(--gradient-primary);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--color-text-on-primary);font-weight:600;font-weight:var(--font-semibold);overflow:hidden;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-decoration:none;transition:all .3s cubic-bezier(0,0,.2,1);transition:all var(--duration-normal) var(--ease-out)}.homepage .nav-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s;transition:width var(--duration-slow),height var(--duration-slow);width:0}.homepage .nav-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.homepage .nav-btn:hover:before{height:300px;width:300px}.tenant-bakerpro{--color-primary:#ec4899;--color-primary-dark:#be185d;--color-primary-light:#f9a8d4;--color-primary-rgb:236,72,153;--color-secondary:#8b5cf6;--color-secondary-dark:#7c3aed;--color-secondary-light:#a78bfa;--color-secondary-rgb:139,92,246;--color-accent:#f97316;--gradient-primary:linear-gradient(135deg,#ec4899,#8b5cf6);--gradient-surface:linear-gradient(135deg,#faf5ff,#fce7f3)}.tenant-bakerpro .auth-page{background:linear-gradient(135deg,#faf5ff,#fce7f3)}.tenant-bakerpro .floating-shape{color:#ec4899;color:var(--color-primary);opacity:.15}.tenant-bakerpro .gradient-orb.orb-1{background:radial-gradient(circle at center,#ec4899 0,#0000 70%);background:radial-gradient(circle at center,var(--color-primary) 0,#0000 70%)}.tenant-bakerpro .gradient-orb.orb-2{background:radial-gradient(circle at center,#8b5cf6 0,#0000 70%);background:radial-gradient(circle at center,var(--color-secondary) 0,#0000 70%)}.tenant-bakerpro .auth-card{box-shadow:0 20px 25px -5px #9333ea1a,0 10px 10px -5px #ec48990a}.tenant-bakerpro .auth-card:hover{box-shadow:0 25px 30px -5px #9333ea26,0 15px 15px -5px #ec48990f}.tenant-bakerpro .btn-primary{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);box-shadow:0 4px 15px -3px #9333ea4d}.tenant-bakerpro .btn-primary:hover{box-shadow:0 6px 20px -3px #9333ea66;transform:translateY(-2px)}.tenant-bakerpro .form-input:focus{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 0 0 3px #9333ea1a}@keyframes sparkle-bakery{0%,to{color:#ec4899;color:var(--color-primary);opacity:.5;transform:scale(1) rotate(0deg)}50%{color:#8b5cf6;color:var(--color-secondary);opacity:1;transform:scale(1.2) rotate(180deg)}}.tenant-bakerpro .link-sparkle{animation:sparkle-bakery 2s ease-in-out infinite}.tenant-bakerpro .recipe-card{background:#fff;background:var(--color-surface);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden;transition:all .3s cubic-bezier(0,0,.2,1);transition:all var(--duration-normal) var(--ease-out)}.tenant-bakerpro .recipe-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tenant-bakerpro .recipe-card-image{aspect-ratio:4/3;object-fit:cover;transition:transform .5s cubic-bezier(0,0,.2,1);transition:transform var(--duration-slow) var(--ease-out)}.tenant-bakerpro .recipe-card:hover .recipe-card-image{transform:scale(1.05)}.tenant-greendrop{--color-primary-light:#34d399;--color-primary-rgb:16,185,129;--color-secondary-light:#10b981;--color-secondary-rgb:5,150,105;--gradient-primary:linear-gradient(135deg,#10b981,#059669);--gradient-surface:linear-gradient(135deg,#f7fee7,#dcfce7)}.tenant-greendrop .auth-page{background:linear-gradient(135deg,#f7fee7,#dcfce7)}.tenant-greendrop .floating-shape{color:#ec4899;color:var(--color-primary);opacity:.12}.tenant-greendrop .gradient-orb.orb-1{background:radial-gradient(circle at center,#ec4899 0,#0000 70%);background:radial-gradient(circle at center,var(--color-primary) 0,#0000 70%)}.tenant-greendrop .gradient-orb.orb-2{background:radial-gradient(circle at center,#8b5cf6 0,#0000 70%);background:radial-gradient(circle at center,var(--color-secondary) 0,#0000 70%)}.tenant-greendrop .auth-card{border:1px solid #e5e7eb;border:1px solid var(--color-border);box-shadow:0 20px 25px -5px #22c55e1a,0 10px 10px -5px #92400e0a}.tenant-greendrop .auth-card:hover{box-shadow:0 25px 30px -5px #22c55e26,0 15px 15px -5px #92400e0f}.tenant-greendrop .btn-primary{background:linear-gradient(135deg,#ec4899,#f97316);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 15px -3px #22c55e4d}.tenant-greendrop .btn-primary:hover{box-shadow:0 6px 20px -3px #22c55e66;transform:translateY(-2px)}.tenant-greendrop .form-input{border-color:#e5e7eb;border-color:var(--color-border);border-radius:.5rem;border-radius:var(--radius-md)}.tenant-greendrop .form-input:focus{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 0 0 3px #22c55e1a}@keyframes leaf-float{0%,to{opacity:.8;transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(5deg)}50%{opacity:1;transform:translateY(0) rotate(-5deg)}75%{transform:translateY(10px) rotate(3deg)}}.tenant-greendrop .floating-shape{animation:leaf-float 15s ease-in-out infinite}@keyframes grow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.tenant-greendrop .link-sparkle{animation:grow 2s ease-in-out infinite;color:#f97316;color:var(--color-accent)}.tenant-greendrop .herb-card{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-xl);overflow:hidden;transition:all .3s cubic-bezier(0,0,.2,1);transition:all var(--duration-normal) var(--ease-out)}.tenant-greendrop .herb-card:hover{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.tenant-greendrop .batch-badge{background:#fed7aa;background:var(--color-accent-light);border-radius:9999px;border-radius:var(--radius-full);color:#1f2937;color:var(--color-text);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-medium);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.tenant-greendrop .expiry-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border:1px solid var(--color-warning);border-radius:.5rem;border-radius:var(--radius-md);padding:.5rem;padding:var(--spacing-sm)}.tenant-greendrop .expiry-critical{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;border:1px solid var(--color-error)}.tenant-greendrop .leaf-decoration{animation:leaf-float 20s ease-in-out infinite;color:#ec4899;color:var(--color-primary);font-size:2rem;opacity:.2;position:absolute}.theme-bakery{font-family:Rubik,Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:"Rubik",var(--font-primary)}.theme-herbal_pharmacy{font-family:Assistant,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-primary)}@media (max-width:1024px){.container{padding:0 1rem;padding:0 var(--spacing-md)}}@media (max-width:768px){:root{--text-base:0.9375rem;--spacing-xs:0.125rem;--spacing-sm:0.25rem;--spacing-md:0.5rem;--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.5rem}h1{font-size:1.875rem;font-size:var(--text-3xl)}h2{font-size:1.5rem;font-size:var(--text-2xl)}h3{font-size:1.25rem;font-size:var(--text-xl)}h4{font-size:1.125rem;font-size:var(--text-lg)}.container{padding:0 .5rem;padding:0 var(--spacing-sm)}}@media (max-width:480px){:root{--text-base:0.875rem}}@media print{body{background:#fff;color:#000}.navbar,.no-print,button:not(.print-button){display:none!important}.container{max-width:100%}a{color:#000;text-decoration:underline}}.help-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 70px);padding:2rem 0}.help-container{margin:0 auto;max-width:800px;padding:0 2rem}.help-header{margin-bottom:2rem;text-align:center}.back-link{background:#fff;border:1px solid #e2e8f0;margin-bottom:1.5rem}.back-link:hover{background:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.help-title-section{background:#fff;border-radius:16px;border-top:4px solid #3b82f6;box-shadow:0 4px 20px #0000001a;padding:2rem}.help-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.help-subtitle{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0}.user-info-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.user-info-display h3{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-label{color:#64748b}.info-value{color:#1f2937;font-size:.95rem;font-weight:500}.help-form-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem;padding:2rem}.help-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-size:1rem}.form-textarea{border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:1rem;line-height:1.6;min-height:120px;padding:1rem;resize:vertical;transition:all .3s ease}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.form-textarea::placeholder{color:#9ca3af}.form-actions{flex-wrap:wrap;justify-content:center}.submit-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;gap:.5rem;justify-content:center;min-width:140px;padding:1rem 2rem}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-btn{border:1px solid #e2e8f0;border-radius:12px;padding:1rem 2rem;text-decoration:none}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;font-size:.9rem;gap:.5rem;padding:1rem}.error-icon{font-size:1.1rem}.success-message{align-items:center;display:flex;justify-content:center;min-height:60vh}.success-content{background:#fff;border:2px solid #10b981;border-radius:20px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:3rem 2rem;text-align:center;width:100%}.success-icon{font-size:4rem;margin-bottom:1rem}.success-content h2{color:#059669;font-size:2rem;font-weight:700;margin:0 0 1rem}.success-content p{color:#047857;font-size:1.1rem;margin:0 0 2rem}.redirect-text{color:#6b7280!important;font-size:.9rem!important;margin:1rem 0 0!important}.loading-spinner{border:4px solid #a7f3d0;border-top-color:#10b981}.faq-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:2rem}.faq-section h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.faq-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.faq-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.faq-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.faq-card h4{color:#374151;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.faq-card p{color:#64748b;font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.help-container{padding:0 1rem}.help-page{padding:1rem 0}.help-title-section{padding:1.5rem}.help-title{font-size:2rem}.help-subtitle{font-size:1rem}.help-form-container{padding:1.5rem}.form-actions{align-items:stretch;flex-direction:column}.cancel-btn,.submit-btn{width:100%}.info-grid{gap:.75rem}.faq-grid,.info-grid{grid-template-columns:1fr}.faq-grid{gap:1rem}.faq-card{padding:1.25rem}.success-content{margin:0 1rem;padding:2rem 1.5rem}.success-content h2{font-size:1.5rem}.success-content p{font-size:1rem}}@media (max-width:480px){.help-container{padding:0 .5rem}.help-title{font-size:1.8rem}.faq-section,.help-form-container{padding:1rem}.form-textarea{min-height:100px}.success-icon{font-size:3rem}}.subscription-page{--primary:var(--primary,#ec4899);--primary-dark:var(--primary-dark,#be185d);--secondary:var(--secondary,#8b5cf6);--secondary-dark:var(--secondary-dark,#6d28d9)}.upgrade-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.current-plan-btn{background:var(--primary)}.tenant-greendrop .upgrade-btn{background:linear-gradient(135deg,#10b981,#059669)}.tenant-greendrop .current-plan-card{border-color:#10b981}.subscription-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;padding:2rem 0}.subscription-container{margin:0 auto;max-width:1200px;padding:0 2rem}.subscription-header{margin-bottom:3rem}.header-content{margin-bottom:2rem}.back-btn{align-items:center;border:1px solid #e2e8f0;display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none}.back-btn:hover:not(:disabled){background:#e2e8f0;color:#475569}.back-btn:disabled{cursor:not-allowed;opacity:.5}.page-title{color:#1f2937;font-size:2.5rem;font-weight:800}.loading-spinner{border:4px solid #e2e8f0}.current-plan-section{margin-bottom:3rem}.current-plan-section h2{color:#1f2937;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.current-plan-card{background:#fff;border:2px solid #10b981;border-radius:20px;box-shadow:0 4px 20px #0000001a;padding:2rem}.plan-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.plan-info h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.plan-price{color:#10b981;font-size:1.2rem;font-weight:600;margin:0}.plan-status{text-align:left}.status-badge{font-weight:600;margin-bottom:.5rem;padding:.5rem 1rem}.status-badge.active{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.expiry-date{color:#64748b;font-size:.9rem;margin:0}.usage-stats{grid-gap:1.5rem;display:grid;gap:1.5rem}.usage-item{display:flex;flex-direction:column;gap:.5rem}.usage-header{align-items:center;color:#374151;display:flex;font-weight:600;justify-content:space-between}.usage-bar{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden;width:100%}.usage-fill{border-radius:4px;height:100%;transition:all .3s ease}.expiry-warning{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #f59e0b;border-radius:16px;margin-bottom:3rem;padding:2rem;text-align:center}.expiry-warning h2{color:#92400e;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.expiry-warning p{color:#b45309;font-size:1.1rem;margin:0}.plans-section{margin-bottom:3rem}.plans-section h2{color:#1f2937;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.plans-grid{grid-gap:1.5rem;gap:1.5rem}.plan-card{border:2px solid #0000;border-radius:16px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.plan-card:hover{box-shadow:0 8px 25px #00000026}.plan-card.current{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981}.plan-card.popular{border-color:#ec4899;box-shadow:0 20px 40px #ec489933;transform:scale(1.05)}.popular-badge{background:#f59e0b;border-radius:20px;font-size:.8rem;font-weight:600;padding:.5rem 1rem;right:1rem;top:1rem}.plan-card-header{color:#fff;padding:2rem;text-align:center}.plan-card-header h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.plan-price{gap:.25rem}.currency{color:#fffc;font-size:1rem}.amount{color:#fff;font-size:2.5rem;font-weight:800}.period{color:#fffc!important;font-size:1rem}.plan-features{flex:1 1;padding:2rem}.feature-item{color:#374151;font-size:.95rem;gap:.75rem;margin-bottom:.75rem}.feature-icon{font-size:1rem}.plan-actions{margin-top:auto;padding:0 2rem 2rem}.current-plan-btn,.downgrade-btn,.upgrade-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.upgrade-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.upgrade-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.current-plan-btn{background:#10b981;color:#fff;cursor:default}.downgrade-btn{background:#f1f5f9;color:#64748b;cursor:not-allowed;opacity:.6}.cancel-section{background:#fff;border:2px solid #ef4444;border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:2rem}.cancel-section h2{color:#dc2626;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.cancel-info p{color:#374151;line-height:1.6;margin-bottom:1rem}.cancel-info ul{color:#64748b;line-height:1.6;margin:1rem 0 2rem 2rem}.cancel-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;color:#fff;font-weight:600}.cancel-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.modal-content{border-radius:16px;box-shadow:0 20px 40px #0003}.modal-content h3{color:#1f2937;font-size:1.5rem;font-weight:700}.modal-content p{color:#374151;line-height:1.6;margin-bottom:1rem}.refund-notice{background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-weight:500;padding:1rem}.no-refund-details,.refund-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:1rem 0;padding:1rem}.refund-details p{color:#166534;margin:.5rem 0}.no-refund-details p{color:#374151;margin:.5rem 0}.modal-actions{margin-top:2rem}.modal-cancel,.modal-confirm{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.modal-confirm{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.modal-confirm:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.modal-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.modal-confirm.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}@media (max-width:1024px){.plan-card.popular{transform:none}.footer-links{gap:2rem}}@media (max-width:768px){.subscription-container{padding:0 1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.page-title{font-size:2rem}.plan-header{flex-direction:column}.plan-header,.plan-status{text-align:center}.plans-grid{gap:1rem;grid-template-columns:1fr}.cancel-section,.current-plan-card{padding:1.5rem}.modal-content{margin:1rem;padding:1.5rem}.modal-actions{flex-direction:column}}@media (max-width:480px){.subscription-page{padding:1rem 0}.page-title{font-size:1.8rem}.cancel-section,.current-plan-card{padding:1rem}.plan-card{margin:0}.plan-card-header,.plan-features{padding:1.5rem}.plan-actions{padding:0 1.5rem 1.5rem}.modal-content{padding:1rem}}.neon-test-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.test-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.test-header h1{font-size:2.5rem;margin:0 0 .5rem}.test-header p{font-size:1.1rem;margin:0;opacity:.9}.test-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 15px #00000014;padding:1.5rem}.info-card h3{align-items:center;color:#2d3748;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1rem}.user-info p{color:#4a5568;line-height:1.6;margin:.5rem 0}.user-info code{background:#f7fafc;border-radius:.25rem;color:#e53e3e;font-size:.85rem;padding:.2rem .4rem}.warning{color:#d69e2e;font-weight:500}.badge{border-radius:1rem;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.badge.success{background:#c6f6d5;color:#22543d}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.25rem}.form-group input{border:1px solid #e2e8f0;border-radius:.375rem;font-size:.95rem;padding:.5rem .75rem;transition:all .2s;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.profile-info{background:#f7fafc;border-radius:.5rem;overflow-x:auto;padding:1rem}.profile-info pre{color:#2d3748;font-size:.85rem;margin:0}.test-actions{background:#fff;border-radius:.75rem;box-shadow:0 4px 15px #00000014;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding:1.5rem}.btn{background:#e2e8f0;border-radius:.5rem;color:#2d3748;font-size:.95rem}.btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn:disabled{opacity:.5}.btn-secondary{background:#4a5568;color:#fff}.test-logs{background:#fff;border-radius:.75rem;box-shadow:0 4px 15px #00000014;margin-bottom:2rem;padding:1.5rem}.test-logs h2{color:#2d3748;font-size:1.3rem;margin:0 0 1rem}.logs-container{background:#f8f9fa;border-radius:.5rem;font-family:Consolas,Monaco,monospace;max-height:600px;overflow-y:auto;padding:1rem}.no-logs{color:#718096;font-style:italic;padding:2rem;text-align:center}.log-entry{background:#fff;border-left:4px solid #e2e8f0;border-radius:.375rem;font-size:.9rem;line-height:1.5;margin-bottom:.75rem;padding:.75rem}.log-entry.log-info{border-left-color:#4299e1}.log-entry.log-success{background:#f0fff4;border-left-color:#48bb78}.log-entry.log-warning{background:#fffdf7;border-left-color:#ed8936}.log-entry.log-error{background:#fff5f5;border-left-color:#f56565}.log-time{color:#718096;font-size:.85rem;margin-right:.5rem}.log-type{background:#e2e8f0;border-radius:.25rem;font-size:.75rem;font-weight:600;margin-right:.5rem;padding:.15rem .5rem}.log-entry.log-info .log-type{background:#bee3f8;color:#2b6cb0}.log-entry.log-success .log-type{background:#c6f6d5;color:#22543d}.log-entry.log-warning .log-type{background:#feebc8;color:#7b341e}.log-entry.log-error .log-type{background:#fed7d7;color:#742a2a}.log-message{color:#2d3748}.log-data{background:#f7fafc;border:1px solid #e2e8f0;border-radius:.25rem;color:#4a5568;font-size:.85rem;margin-top:.5rem;overflow-x:auto;padding:.75rem}.test-footer{background:#fff;border-radius:.75rem;box-shadow:0 4px 15px #00000014;padding:1.5rem}.test-footer h3{color:#2d3748;margin:0 0 1rem}.troubleshooting details{background:#f7fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.troubleshooting summary{color:#4a5568;cursor:pointer;font-weight:500;outline:none;-webkit-user-select:none;user-select:none}.troubleshooting summary:hover{color:#2d3748}.troubleshooting details[open] summary{color:#2d3748;margin-bottom:.75rem}.troubleshooting ul{color:#4a5568;margin:0;padding-left:1.5rem}.troubleshooting li{line-height:1.6;margin-bottom:.5rem}.troubleshooting code{background:#e2e8f0;border-radius:.25rem;color:#e53e3e;font-size:.85rem;padding:.15rem .4rem}.btn:disabled{position:relative}.btn:disabled:after{animation:spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;content:"";height:16px;margin:auto;position:absolute;width:16px}@media (max-width:768px){.neon-test-page{padding:1rem}.test-header h1{font-size:2rem}.test-actions{justify-content:center}.btn{font-size:.875rem;padding:.625rem 1.25rem}}.import-section{border:2px solid #f1f5f9;margin-top:3rem;padding:2.5rem;transition:all .3s ease}.import-section:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.import-section .import-header{border-bottom:2px solid #f1f5f9;margin-bottom:2rem;padding:0 0 1rem}.import-section .import-header h2{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem}.import-instructions{background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin-bottom:2rem;padding:2rem}.import-instructions ol{line-height:1.8;margin:0 0 1.5rem;padding-right:2rem}.import-instructions li{font-size:1rem;margin-bottom:.75rem}.import-note{align-items:center;border:2px solid #f59e0b;border-radius:10px;display:flex;font-size:.95rem;gap:.5rem;padding:1rem 1.25rem}.import-section .import-actions{gap:1.5rem;justify-content:center;padding-top:1rem}.download-sample-btn,.upload-file-btn{border-radius:12px;box-shadow:0 2px 8px #0000001a;font-size:1.05rem;gap:.75rem;padding:1rem 2rem}.download-sample-btn:hover{box-shadow:0 6px 16px #2196f34d}.upload-file-btn:hover{background:linear-gradient(135deg,#be185d,#7c3aed);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary-dark));box-shadow:0 8px 20px #0003}@media (max-width:768px){.import-section{margin-top:2rem;padding:1.5rem}.import-section .import-actions{flex-direction:column}.download-sample-btn,.upload-file-btn{justify-content:center;width:100%}}.import-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.import-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.back-btn{border-radius:10px;font-size:1rem;padding:.75rem 1.25rem;white-space:nowrap}.back-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(-3px)}.import-header h1{color:#ec4899;color:var(--color-primary);flex:1 1;font-size:1.8rem;font-weight:700;margin:0;text-align:center}.upload-area{background:#fff;border:3px dashed #e2e8f0;border-radius:20px;box-shadow:0 4px 15px #0000001a;margin:2rem 0;padding:4rem;text-align:center;transition:all .3s ease}.upload-area:hover{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 8px 25px #00000026}.file-input{display:none}.upload-label{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:12px;box-shadow:0 4px 15px #00000026;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.upload-label:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.data-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin:2rem 0;overflow:hidden}.import-table{border-collapse:collapse;width:100%}.import-table thead{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.import-table th{color:#fff;font-size:.95rem;font-weight:600;padding:1rem;text-align:right}.import-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.import-table tbody tr:hover{background-color:#f8fafc}.import-table td{padding:.75rem;position:relative;text-align:right;vertical-align:top}.import-table input[type=number],.import-table input[type=text],.import-table select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:.5rem;transition:all .3s ease;width:100%}.import-table input:focus,.import-table select:focus{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 0 0 3px #ec48991a;outline:none}.tenant-greendrop .import-table input:focus,.tenant-greendrop .import-table select:focus{box-shadow:0 0 0 3px #10b9811a}.import-table input.error,.import-table select.error{background-color:#fee2e2;border-color:#ef4444}.error-msg{color:#dc2626;display:block;font-size:.75rem;font-weight:500;margin-top:.25rem}.delete-row-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fecaca;border-radius:8px;color:#ef4444;cursor:pointer;font-size:1rem;padding:.4rem .6rem;transition:all .3s ease}.delete-row-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-1px)}.import-actions{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.cancel-btn,.save-btn{border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:.875rem 2rem;transition:all .3s ease}.save-btn{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;box-shadow:0 4px 15px #00000026;color:#fff}.save-btn:hover:not(:disabled){box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.empty-state{margin:2rem 0}.empty-state h3{color:#374151;margin-bottom:1rem}.empty-state p{color:#64748b}.loading-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-content{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000004d;padding:2rem 3rem;text-align:center}.loading-spinner{height:50px;width:50px}.import-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-top:2rem;padding:2rem}.import-section .import-header{background:none;box-shadow:none;margin-bottom:1.5rem;padding:0}.import-section .import-header h2{color:#ec4899;color:var(--color-primary);font-size:1.4rem;font-weight:600;margin:0}.import-instructions{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.import-instructions ol{color:#374151;margin:0 0 1rem;padding-right:1.5rem}.import-instructions li{font-weight:500;margin-bottom:.5rem}.import-note{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:.9rem;font-weight:500;margin:0;padding:.75rem 1rem}.import-section .import-actions{display:flex;gap:1rem;justify-content:flex-start;margin:0}.download-sample-btn,.upload-file-btn{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.download-sample-btn{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #90caf9;color:#1565c0}.download-sample-btn:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);box-shadow:0 4px 12px #2196f34d;color:#0d47a1;transform:translateY(-2px)}.upload-file-btn{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;box-shadow:0 4px 15px #00000026;color:#fff}.upload-file-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}@media (max-width:768px){.import-page{padding:1rem}.import-header{flex-direction:column;gap:1rem;text-align:center}.import-header h1{font-size:1.5rem}.back-btn{align-self:flex-start}.upload-area{padding:2rem}.data-table-container{overflow-x:auto}.import-table{min-width:600px}.import-table td,.import-table th{font-size:.85rem;padding:.5rem}.import-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.import-section .import-actions{flex-direction:column}.download-sample-btn,.upload-file-btn{justify-content:center;width:100%}}@media (max-width:480px){.import-header h1{font-size:1.3rem}.upload-area{padding:1.5rem}.upload-label{font-size:1rem;padding:.875rem 1.5rem}.import-table{font-size:.8rem}.import-table input,.import-table select{font-size:.8rem;padding:.4rem}}.not-found-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:100vh;padding:2rem}.not-found-container{animation:fadeInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:800px;overflow:hidden;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.not-found-content{padding:4rem 3rem;text-align:center}.error-code{-webkit-text-fill-color:#0000;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;font-size:8rem;font-weight:900;line-height:1;margin:0}.error-emoji{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin:1rem 0}.not-found-content h1{color:#1f2937;font-size:2rem;font-weight:700;margin:1.5rem 0}.error-message{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.suggestions{background:#f8fafc;border:2px solid #e2e8f0;border-radius:15px;margin:3rem 0;padding:2rem}.suggestions h3{color:#374151;font-size:1.3rem;margin-bottom:1.5rem}.suggestion-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1.5rem}.suggestion-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .3s ease}.suggestion-card:hover{border-color:var(--color-primary);box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.suggestion-icon{font-size:2rem}.action-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.back-btn,.home-btn{border-radius:12px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.home-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;box-shadow:0 4px 15px #00000026;color:#fff}.home-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.back-btn{background:#f1f5f9}.back-btn:hover{background:#e2e8f0}.help-section{border-top:2px solid #f1f5f9;margin-top:3rem;padding-top:2rem}.help-section p{color:#64748b;margin-bottom:.5rem}.support-email{color:var(--color-primary);font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.support-email:hover{color:var(--color-primary-dark);text-decoration:underline}.tenant-greendrop .error-code{background:linear-gradient(135deg,#10b981,#059669)}.tenant-greendrop .suggestion-card:hover{border-color:#10b981}.tenant-greendrop .support-email{color:#10b981}.tenant-greendrop .support-email:hover{color:#047857}@media (max-width:768px){.not-found-content{padding:3rem 2rem}.error-code{font-size:6rem}.error-emoji{font-size:3rem}.not-found-content h1{font-size:1.5rem}.action-buttons{flex-direction:column}.back-btn,.home-btn{width:100%}}@media (max-width:480px){.error-code{font-size:5rem}.suggestion-cards{grid-template-columns:1fr}}.homepage{background:var(--color-background);color:var(--color-text);font-family:var(--font-primary);line-height:1.6;overflow-x:hidden}.homepage *,.homepage .scale-in{animation:none!important;box-sizing:border-box;transform:none!important}.container{padding:0 var(--spacing-xl)}.navbar{border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);left:0;position:fixed;right:0;transition:all var(--duration-normal) var(--ease-out);z-index:var(--z-sticky)}.nav-container{padding:var(--spacing-md) var(--spacing-xl)}.nav-logo{font-size:var(--text-2xl);font-weight:var(--font-bold);gap:var(--spacing-sm);margin-left:30px;transition:all var(--duration-fast) var(--ease-out)}.nav-logo:hover{color:var(--color-primary-dark);text-decoration:none;transform:translateY(-1px)}.logo-text{font-weight:var(--font-bold);letter-spacing:-.02em}.nav-links{gap:var(--spacing-lg);margin-right:30px}.nav-link{border-radius:var(--radius-md);font-weight:var(--font-medium);padding:var(--spacing-sm) var(--spacing-md)}.nav-link,.nav-link:after{transition:all var(--duration-fast) var(--ease-out)}.nav-link:after{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:0}.nav-link:hover{background:var(--color-primary-light)}.nav-link:hover:after{width:80%}.nav-btn{border-radius:var(--radius-lg);color:var(--color-text-on-primary);font-weight:var(--font-semibold);overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all var(--duration-normal) var(--ease-out)}.nav-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--duration-slow),height var(--duration-slow);width:0}.nav-btn:hover:before{height:300px;width:300px}.hero{align-items:center;background:var(--gradient-surface);display:flex;min-height:100vh;overflow:hidden;padding-top:80px;position:relative}.hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-background:after,.hero-background:before{border-radius:50%;content:"";filter:blur(80px);opacity:.3;position:absolute}.hero-background:before{background:var(--color-primary);height:600px;right:-200px;top:-300px;width:600px}.hero-background:after{background:var(--color-secondary);bottom:-200px;height:400px;left:-100px;width:400px}.floating-element{animation:float 20s ease-in-out infinite;filter:blur(.5px);font-size:3rem;opacity:.08;position:absolute}.floating-element.cake{animation-delay:0s;left:10%;top:20%}.floating-element.cupcake{animation-delay:4s;right:15%;top:60%}.floating-element.donut{animation-delay:8s;bottom:30%;left:20%}.floating-element.cookie{animation-delay:12s;right:30%;top:30%}.floating-element.pretzel{animation-delay:16s;bottom:20%;right:40%}.floating-element:nth-child(6){animation-delay:20s;left:25%;top:15%}.floating-element:nth-child(7){animation-delay:24s;bottom:35%;left:15%}.floating-element:nth-child(8){animation-delay:28s;right:15%;top:45%}.floating-element:nth-child(9){animation-delay:32s;bottom:15%;left:35%}.floating-element:nth-child(10){animation-delay:36s;right:45%;top:25%}.floating-element:nth-child(11){animation-delay:40s;bottom:45%;right:25%}.floating-element:nth-child(12){animation-delay:44s;left:45%;top:55%}.hero-content{margin:0 auto;max-width:900px;padding:var(--spacing-xl);text-align:center;z-index:2}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-bold);letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--spacing-lg)}.title-line{display:block;margin-bottom:var(--spacing-sm)}.gradient-text{-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease-in-out infinite;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;background-size:200% 200%}.hero-subtitle{font-size:var(--text-xl);font-weight:var(--font-normal);margin-bottom:var(--spacing-2xl);margin-left:auto;margin-right:auto}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-3xl)}.cta-button{align-items:center;border:none;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-size:var(--text-lg);font-weight:var(--font-semibold);gap:var(--spacing-sm);overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.cta-button.primary{background:var(--gradient-primary);box-shadow:var(--shadow-lg);color:var(--color-text-on-primary)}.cta-button.primary:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--duration-slow),height var(--duration-slow);width:0}.cta-button.primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.cta-button.primary:hover:before{height:400px;width:400px}.cta-button.secondary{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-sm);color:var(--color-text)}.cta-button.secondary:hover{background:rgba(var(--color-primary-rgb),.05);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-2px)}.button-icon{font-size:1.2em;transition:transform var(--duration-fast) var(--ease-out)}.cta-button:hover .button-icon{transform:translateX(3px)}section{position:relative;z-index:1}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-bold);letter-spacing:-.02em;margin-bottom:var(--spacing-3xl);position:relative}.section-title:after{background:var(--gradient-primary);border-radius:var(--radius-full);bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.features{background:var(--color-surface);padding:var(--spacing-3xl) 0;position:relative}.features:before{background:var(--gradient-primary);content:"";height:1px;left:0;opacity:.1;position:absolute;right:0;top:0}.features-showcase{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr}.feature-display{position:relative}.feature-card{background:var(--gradient-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);text-align:center;transition:all var(--duration-slow) var(--ease-out)}.feature-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px) scale(1.02)}.feature-icon{animation:gentle-bounce 3s ease-in-out infinite;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));font-size:4rem;margin-bottom:var(--spacing-lg)}.feature-card h3{color:var(--color-text);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-md)}.feature-card p{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.7}.features-list{flex-direction:column}.feature-item,.features-list{display:flex;gap:var(--spacing-md)}.feature-item{align-items:center;background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--duration-normal) var(--ease-out)}.feature-item:before{background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform var(--duration-normal) var(--ease-out);width:4px}.feature-item.active,.feature-item:hover{background:var(--gradient-surface);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateX(8px)}.feature-item.active:before,.feature-item:hover:before{transform:translateX(0)}.feature-item-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem;min-width:60px}.feature-item h4{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.feature-item p{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}.benefits{background:linear-gradient(135deg,var(--color-background) 0,var(--color-surface) 100%);padding:var(--spacing-3xl) 0}.benefits-content{grid-gap:var(--spacing-3xl);align-items:center;display:grid;gap:var(--spacing-3xl);grid-template-columns:1fr 1fr}.benefits-text h2{color:var(--color-text);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-xl)}.benefit-points{display:flex;flex-direction:column;gap:var(--spacing-xl)}.benefit-point{align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);transition:all var(--duration-normal) var(--ease-out)}.benefit-point:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateX(5px)}.benefit-icon{background:var(--gradient-surface);border-radius:var(--radius-lg);font-size:2.5rem;min-width:60px;padding:var(--spacing-sm)}.benefit-point h4{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-xs)}.benefit-point p{color:var(--color-text-secondary);line-height:1.7;margin:0}.benefits-image{display:flex;justify-content:center}.dashboard-preview{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:450px;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform var(--duration-normal) var(--ease-out);width:100%}.dashboard-preview:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.preview-header{background:var(--gradient-primary);padding:var(--spacing-md)}.preview-tabs{display:flex;gap:var(--spacing-sm)}.tab{background:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--duration-fast) var(--ease-out)}.tab.active{background:#fff;border-color:#fff;color:var(--color-primary)}.preview-content{padding:var(--spacing-lg)}.preview-card{align-items:center;background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md);transition:all var(--duration-fast) var(--ease-out)}.preview-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateX(5px)}.card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem}.card-details h5{color:var(--color-text);font-weight:var(--font-semibold);margin:0 0 var(--spacing-xs) 0}.card-details p{color:var(--color-success);font-size:var(--text-sm);font-weight:var(--font-medium);margin:0}.testimonials{background:var(--color-surface);padding:var(--spacing-3xl) 0}.testimonials-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.testimonial-card{background:var(--gradient-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all var(--duration-normal) var(--ease-out)}.testimonial-card:before{color:var(--color-primary);content:'"';font-family:Georgia,serif;font-size:4rem;opacity:.1;position:absolute;right:var(--spacing-md);top:var(--spacing-md)}.testimonial-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.testimonial-content{margin-bottom:var(--spacing-lg)}.testimonial-content p{color:var(--color-text);font-size:var(--text-lg);font-style:italic;line-height:1.8;margin:0}.testimonial-author{align-items:center;display:flex;gap:var(--spacing-md)}.author-avatar{align-items:center;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-md);display:flex;font-size:3rem;height:60px;justify-content:center;width:60px}.author-info h5{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-xs) 0}.author-info p{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}.pricing{background:linear-gradient(135deg,var(--color-background) 0,var(--color-surface) 100%);padding:var(--spacing-3xl) 0}.pricing-grid{grid-gap:var(--spacing-xl);align-items:stretch;display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:var(--spacing-2xl);margin-top:var(--spacing-xl);padding-top:var(--spacing-md)}.pricing-card{background:var(--color-surface);border:2px solid var(--color-border-light);border-radius:var(--radius-2xl);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all var(--duration-normal) var(--ease-out)}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.popular,.pricing-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.pricing-card.popular{transform:scale(1.05)}.popular-badge{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 12px #f59e0b4d;font-size:.75rem;font-weight:var(--font-bold);left:0;letter-spacing:.5px;padding:2px var(--spacing-md);position:absolute;right:0;text-transform:uppercase;top:-15px;width:100%;z-index:1}.plan-header,.popular-badge{color:#fff;text-align:center}.plan-header{overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative}.plan-header:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.plan-header h3{font-size:1.1rem;font-weight:var(--font-bold);margin-bottom:2px;position:relative;z-index:1}.plan-price{align-items:baseline;display:flex;gap:var(--spacing-xs);justify-content:center;position:relative;z-index:1}.price{color:#fff;font-size:1.8rem;font-weight:var(--font-bold);line-height:1}.period{color:#fff;font-size:.85rem;opacity:.9}.plan-features{flex-grow:1;padding:var(--spacing-xl) var(--spacing-2xl)}.feature{align-items:flex-start;color:var(--color-text);display:flex;font-size:var(--text-base);gap:var(--spacing-md);margin-bottom:var(--spacing-md);margin-left:var(--spacing-lg);padding-left:0}.feature-check{color:var(--color-success);flex-shrink:0;font-size:1.2rem;margin-top:2px}.plan-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-lg);color:#fff;display:block;font-weight:var(--font-semibold);margin:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);margin-top:auto;overflow:hidden;padding:var(--spacing-md);position:relative;text-align:center;text-decoration:none;transition:all var(--duration-normal) var(--ease-out);width:calc(100% - var(--spacing-xl)*2)}.plan-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width var(--duration-slow),height var(--duration-slow);width:0}.plan-button:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary-dark));box-shadow:var(--shadow-lg);filter:brightness(1.2);transform:translateY(-2px)}.plan-button:hover:before{height:300px;width:300px}.pricing-note{background:var(--color-surface);border:2px solid #fef3c7;border:2px solid var(--color-warning-light,#fef3c7);border-radius:var(--radius-xl);color:#92400e;color:var(--color-warning-dark,#92400e);margin:0 auto;max-width:800px;padding:var(--spacing-xl);text-align:center}.pricing-note p{font-size:var(--text-lg);margin:0}.footer{background:var(--color-text);color:#fff;padding:var(--spacing-3xl) 0 var(--spacing-lg) 0;position:relative}.footer:before{background:var(--gradient-primary);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.footer-content{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-align:center}.footer-brand,.footer-content{align-items:center;display:flex;flex-direction:column}.footer-brand{gap:var(--spacing-md);max-width:600px}.footer-brand p{color:#fffc;font-size:var(--text-lg);line-height:1.7;margin:0}.footer-logo{align-items:center;display:flex;font-size:var(--text-2xl);font-weight:var(--font-bold);gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.footer-logo .logo-icon{animation:none;filter:brightness(0) invert(1);height:3rem}.footer-logo .logo-text{-webkit-text-fill-color:#fff;background:none;color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:var(--spacing-3xl);justify-content:center}.footer-section h4{color:#fff;font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-md);text-align:center}.footer-section a{border-radius:var(--radius-sm);color:#ffffffb3;display:block;font-size:var(--text-base);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);text-align:center;text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.footer-section a:hover{background:#ffffff1a;color:#fff;transform:translateX(3px)}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffffb3;gap:var(--spacing-md);padding-top:var(--spacing-xl);text-align:center}.footer-bottom,.footer-bottom-content{align-items:center;display:flex;flex-direction:column}.footer-bottom-content{gap:var(--spacing-xs)}.footer-bottom-content p{font-size:var(--text-base);margin:0}.footer-tagline{color:#fff9;font-size:var(--text-sm);font-style:italic}.footer-certifications{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.cert{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--duration-fast) var(--ease-out)}.cert:hover{background:#fff3;transform:translateY(-1px)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (max-width:1024px){.benefits-content,.features-showcase{gap:var(--spacing-2xl);grid-template-columns:1fr}.dashboard-preview{max-width:500px;transform:none}.pricing-card.popular{transform:none}.footer-links{gap:var(--spacing-xl)}}@media (max-width:768px){.container{padding:0 var(--spacing-md)}.nav-container{align-items:center;direction:rtl;display:flex;justify-content:center;min-height:90px;padding:3%;position:relative}.nav-logo{font-size:var(--text-xl);gap:8px;left:50%;padding:0 15% 0 0;top:10px;transform:translateX(-50%)}.nav-links,.nav-logo{align-items:center;display:flex;margin:0!important;position:absolute}.nav-links{bottom:10px;gap:var(--spacing-md);left:3%}.nav-link{font-size:var(--text-sm);padding:var(--spacing-xs) var(--spacing-sm)}.logo-icon{height:2.5rem}.logo-text{font-size:var(--text-2xl);white-space:nowrap}.footer-logo{align-items:center;display:flex;gap:8px;justify-content:center;left:50%;padding-right:15%;position:relative;transform:translateX(-50%)}.footer-logo .logo-text{font-size:var(--text-2xl);white-space:nowrap}.hero{min-height:80vh;padding-top:60px}.hero-content{padding:var(--spacing-md)}.hero-title{font-size:clamp(2rem,5vw,3rem)}.hero-subtitle{font-size:var(--text-lg)}.hero-actions{align-items:center;flex-direction:column;width:100%}.cta-button{justify-content:center;max-width:300px;width:100%}.features-list{order:-1}.floating-element{font-size:2rem}.pricing-grid,.testimonials-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:var(--spacing-lg)}.footer-logo .logo-icon{height:2.5rem}}@media (max-width:480px){.nav-container{align-items:center;direction:rtl;display:flex;justify-content:center;min-height:85px;padding:3%;position:relative}.nav-logo{gap:5px;left:50%;padding:0 12% 0 0;top:8px;transform:translateX(-50%)}.nav-links,.nav-logo{margin:0!important;position:absolute}.nav-links{bottom:8px;gap:var(--spacing-sm);left:3%}.nav-link{padding:var(--spacing-xs)}.nav-btn,.nav-link{font-size:var(--text-xs)}.nav-btn{padding:var(--spacing-xs) var(--spacing-sm)}.logo-text{font-size:var(--text-xl)}.hero{min-height:70vh}.hero-title{font-size:2rem;margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:var(--text-base);margin-bottom:var(--spacing-lg)}.logo-icon{height:2rem}.logo-text{font-size:var(--text-base)}.section-title{font-size:1.75rem;margin-bottom:var(--spacing-xl)}.benefit-points{gap:var(--spacing-md)}.benefit-point{flex-direction:column;padding:var(--spacing-md);text-align:center}.benefit-icon{margin-bottom:var(--spacing-sm)}.footer-logo{align-items:center;display:flex;font-size:var(--text-xl);gap:5px;justify-content:center;left:50%;padding-right:12%;position:relative;transform:translateX(-50%)}.footer-logo .logo-icon{height:2rem}.footer-logo .logo-text{font-size:var(--text-xl);white-space:nowrap}.cert{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.auth-page *{box-sizing:border-box;margin:0;padding:0}.auth-nav{align-items:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ffffffe6!important;border-bottom:1px solid #0000001a!important;box-shadow:0 2px 8px #0000000d!important;display:flex!important;flex-direction:row!important;height:auto!important;justify-content:space-between!important;left:0!important;max-height:80px!important;padding:1.5rem 2rem!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:1000!important}.auth-nav,body[dir=rtl] .auth-nav,html[dir=rtl] .auth-nav{direction:rtl}.auth-nav>.auth-nav-logo{margin-inline-end:auto;order:1}.auth-nav>.back-home{margin-inline-start:auto;order:2}@media screen and (min-width:0){.auth-nav{flex-wrap:nowrap!important}}:root{--auth-primary:#ec4899;--auth-primary-dark:#db2777;--auth-primary-light:#fbcfe8;--auth-secondary:#8b5cf6;--auth-secondary-dark:#7c3aed;--auth-bg-gradient-start:#fdf2f8;--auth-bg-gradient-end:#fce7f3;--auth-orb1:#ec4899;--auth-orb2:#8b5cf6;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-bg-white:#fff;--color-bg-gray:#f3f4f6;--color-border:#e5e7eb;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444}[data-tenant=bakerpro],[data-tenant=bakery]{--auth-primary:#ec4899;--auth-primary-dark:#db2777;--auth-primary-light:#fbcfe8;--auth-secondary:#8b5cf6;--auth-secondary-dark:#7c3aed;--auth-bg-gradient-start:#fdf2f8;--auth-bg-gradient-end:#fce7f3;--auth-orb1:#ec4899;--auth-orb2:#8b5cf6}[data-tenant=greendrop]{--auth-primary:#10b981;--auth-primary-dark:#059669;--auth-primary-light:#d1fae5;--auth-secondary:#34d399;--auth-secondary-dark:#10b981;--auth-bg-gradient-start:#f0fdf4;--auth-bg-gradient-end:#dcfce7;--auth-orb1:#10b981;--auth-orb2:#34d399}.auth-page{background:linear-gradient(135deg,#fdf2f8,#fce7f3);background:linear-gradient(135deg,var(--auth-bg-gradient-start) 0,var(--auth-bg-gradient-end) 100%);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.auth-background{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.floating-shape{animation:float 20s ease-in-out infinite;font-size:2rem;opacity:.1;position:absolute}.shape-1{animation-delay:0s;left:10%;top:10%}.shape-2{animation-delay:5s;right:15%;top:20%}.shape-3{animation-delay:10s;bottom:20%;left:20%}.shape-4{animation-delay:15s;bottom:10%;right:10%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(0) rotate(-5deg)}75%{transform:translateY(20px) rotate(3deg)}}.gradient-orb{border-radius:50%;filter:blur(80px);opacity:.5;position:absolute}.orb-1{animation:orb-float 30s ease-in-out infinite;background:#ec4899;background:var(--auth-orb1);height:400px;left:-200px;top:-200px;width:400px}.orb-2{animation:orb-float 25s ease-in-out infinite reverse;background:#8b5cf6;background:var(--auth-orb2);bottom:-150px;height:300px;right:-150px;width:300px}@keyframes orb-float{0%,to{transform:translate(0)}33%{transform:translate(30px,-30px)}66%{transform:translate(-20px,20px)}}.auth-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #0000000d;direction:rtl;justify-content:space-between;left:0;padding:1.5rem 2rem;position:fixed;right:0;top:0;width:100%;z-index:50}.auth-nav,.auth-nav-logo{align-items:center;display:flex}.auth-nav-logo{gap:.75rem;text-decoration:none;transition:transform .2s}.auth-nav-logo:hover{transform:translateY(-2px)}.logo-icon{height:32px;width:32px}.nav-logo-text{color:#1f2937;color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.back-home{align-items:center;border-radius:.5rem;color:#6b7280;color:var(--color-text-secondary);display:flex;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.back-home:hover{background-color:#fff;background-color:var(--color-bg-white);box-shadow:0 2px 4px #0000001a;color:#1f2937;color:var(--color-text-primary)}.back-icon{font-size:1.25rem}.auth-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-top:80px;padding:2rem;position:relative;z-index:10}.auth-container.centered{min-height:calc(100vh - 80px)}.auth-card{animation:slideUp .4s ease-out;background:#fff;background:var(--color-bg-white);border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;direction:rtl;max-width:450px;padding:3rem;width:100%}.register-card{max-width:500px}.auth-header{margin-bottom:2.5rem;text-align:center}.auth-icon{display:inline-block;margin-bottom:1.5rem;position:relative}.main-icon{animation:bounce 2s infinite;display:block;font-size:3.5rem}.icon-glow{background:#ec4899;background:var(--auth-primary);border-radius:50%;filter:blur(30px);height:80px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:-1}.auth-title{color:#1f2937;color:var(--color-text-primary);font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:.5rem}.auth-subtitle{color:#6b7280;color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6}.auth-form{margin-bottom:2rem}.form-label{align-items:center;color:#1f2937;color:var(--color-text-primary);display:flex;font-weight:600;gap:.5rem}.label-icon{font-size:1rem}.input-container{position:relative}.form-input{background-color:#fff;background-color:var(--color-bg-white);border:2px solid var(--color-border);border-radius:.75rem;color:#1f2937;color:var(--color-text-primary);direction:rtl;padding:.875rem 1rem .875rem 3rem;text-align:right}.form-input:not([type=password]){padding-left:1rem}.form-input:focus{border-color:#ec4899;border-color:var(--auth-primary);box-shadow:0 0 0 3px #fbcfe8;box-shadow:0 0 0 3px var(--auth-primary-light)}.form-input.error{border-color:#ef4444;border-color:var(--color-error)}.form-input::placeholder{direction:rtl;text-align:right}.password-toggle{background:none;border:none;cursor:pointer;font-size:1.25rem;left:1rem;opacity:.6;padding:.25rem;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s}.password-toggle:hover{color:#ec4899;color:var(--auth-primary);opacity:1}.password-hints{color:#9ca3af;color:var(--color-text-muted);font-size:.75rem;margin-top:.5rem}.hint-text{font-weight:500;margin:0 0 .25rem}.hint-list{list-style:none;margin:0;padding:0}.hint-list li{opacity:.6;padding:.125rem 0;transition:all .2s ease}.hint-list li.valid{color:#10b981;color:var(--color-success);opacity:1}.form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox{accent-color:#ec4899;accent-color:var(--auth-primary);cursor:pointer;height:18px;margin:0;width:18px}.checkbox-label{color:#6b7280;color:var(--color-text-secondary);font-size:.875rem;line-height:1.4}.terms-agreement{margin-bottom:1.5rem}.terms-link{color:#ec4899;color:var(--auth-primary);font-weight:500;margin:0 .25rem;text-decoration:none;transition:all .2s}.terms-link:hover{text-decoration:underline}.forgot-password{background:none;border:none;color:#ec4899;color:var(--auth-primary);cursor:pointer;font-size:.875rem;text-decoration:none;transition:all .2s}.forgot-password:hover{text-decoration:underline}.submit-button{align-items:center;background:linear-gradient(135deg,#ec4899,#db2777);background:linear-gradient(135deg,var(--auth-primary) 0,var(--auth-primary-dark) 100%);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:48px;overflow:hidden;padding:1rem;position:relative;transition:all .3s;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 10px 20px -5px #0003;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.submit-button.loading{position:relative}.submit-button.loading>span:not(.loading-spinner){opacity:.8}.button-arrow{display:inline-block;transition:transform .3s}.submit-button:hover:not(:disabled) .button-arrow{transform:translateX(-4px)}.loading-spinner{animation:spinner-rotate .8s linear infinite!important;border-color:#fff #fff #fff3 #fff3!important;border-radius:50%!important;border-style:solid!important;border-width:3px!important;display:inline-block!important;height:20px!important;margin-right:8px!important;vertical-align:middle!important;width:20px!important}@keyframes spinner-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.submit-button.loading:before{animation:pulse 1.5s ease-in-out infinite;background:#ffffff1a;border-radius:12px;content:"";inset:0;position:absolute}.form-row{margin-bottom:1.5rem}.submit-button.loading,.submit-button>*{pointer-events:none}@media (max-width:640px){.form-row{gap:0;grid-template-columns:1fr}.form-row .form-group{margin-bottom:1.5rem}.form-row .form-group:last-child{margin-bottom:0}}.simple-error{animation:shake .3s ease-in-out;background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem;margin-top:1rem;padding:.75rem 1rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.auth-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);padding-top:1.5rem;text-align:center}.auth-footer-text{color:#6b7280;color:var(--color-text-secondary);font-size:.875rem;margin-bottom:.5rem}.auth-footer-link{align-items:center;color:#ec4899;color:var(--auth-primary);display:inline-flex;font-weight:600;gap:.25rem;text-decoration:none;transition:all .2s}.auth-footer-link:hover{gap:.5rem}.link-sparkle{animation:sparkle 1.5s ease-in-out infinite;font-size:.75rem}@keyframes sparkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:640px){.auth-nav{padding:1rem}.auth-container{margin-top:60px;padding:1rem}.auth-container.centered{margin-top:60px}.auth-card{padding:2rem}.auth-title{font-size:1.5rem}.main-icon{display:none!important}.form-input{font-size:16px}}:focus{outline:2px solid var(--auth-primary)}.checkbox:focus,.form-input:focus,.password-toggle:focus,.submit-button:focus{outline:none}.skip-to-main{background:#ec4899;background:var(--auth-primary);color:#fff;left:0;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-40px;z-index:100}.skip-to-main:focus{top:0}.payment-success-info{margin:1.5rem 0;text-align:center}.success-badge{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border:2px solid var(--color-success);border-radius:2rem;box-shadow:0 2px 8px #10b98126;color:#10b981;color:var(--color-success);display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;margin-bottom:1.5rem;padding:.75rem 1.5rem}.success-text{align-items:center;display:flex;gap:.5rem}.payment-details{background:#f3f4f6;background:var(--color-bg-gray);border-radius:.75rem;margin-top:1rem;padding:1.25rem;text-align:right}.payment-details p{color:#6b7280;color:var(--color-text-secondary);font-size:.95rem;margin:.5rem 0}.payment-details p strong{color:#1f2937;color:var(--color-text-primary);font-weight:600;margin-left:.5rem}.paid-benefits{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:.75rem;margin-top:1.5rem;padding:1.25rem}.paid-benefits h4{color:#0284c7;font-size:1.1rem;margin-bottom:1rem}.paid-benefits ul{list-style:none;margin:0;padding:0}.paid-benefits ul li{color:#6b7280;color:var(--color-text-secondary);font-size:.95rem;padding:.5rem 0}.upgrade-details{margin-top:1rem}.upgrade-comparison{background:#fff;background:var(--color-bg-white);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.plan-change{align-items:center;display:flex;gap:1rem;justify-content:center}.new-plan,.old-plan{align-items:center;display:flex;flex-direction:column;gap:.25rem}.plan-label{color:#6b7280;color:var(--color-text-secondary);font-size:.85rem}.plan-name{color:#1f2937;color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.arrow,.plan-name.highlight{color:var(--color-primary)}.confirm-update-btn{align-items:center;background:var(--color-primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease;width:100%}.confirm-update-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.confirm-update-btn:disabled{cursor:not-allowed;opacity:.7}@media (prefers-contrast:high){.auth-card{border:2px solid #1f2937;border:2px solid var(--color-text-primary)}.form-input{border-width:3px}}.registration-progress{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid #0000001a;left:0;padding:1rem;position:fixed;right:0;top:0;transform:translateY(0);z-index:1000}.progress-steps{gap:2rem;justify-content:center;margin-bottom:1rem}.progress-step,.progress-steps{align-items:center;display:flex}.progress-step{flex-direction:column;gap:.5rem;opacity:.4;position:relative;transition:all .3s ease}.progress-step.active{opacity:1}.progress-step.current .step-icon{animation:bounce 1s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1)}@keyframes bounce{0%,to{transform:translateY(0) scale(1.1)}50%{transform:translateY(-5px) scale(1.1)}}.step-icon{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.progress-step.active .step-icon{background:#e8f5e9}.step-name{color:#666;font-size:.85rem;font-weight:500}.progress-step.active .step-name{color:#333;font-weight:600}.step-connector{background:#e0e0e0;height:2px;left:calc(100% + 20px);position:absolute;top:20px;transition:all .3s ease;width:calc(2rem - 20px)}.progress-step.active .step-connector{background:linear-gradient(90deg,#4caf50,#8bc34a)}.progress-message{align-items:center;color:#666;display:flex;font-size:.95rem;gap:.5rem;justify-content:center;text-align:center}.message-pulse{animation:pulse-dot 1.5s ease-in-out infinite;background:#667eea;border-radius:50%;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width:768px){.progress-steps{gap:1rem}.step-icon{font-size:1rem;height:35px;width:35px}.step-name{font-size:.75rem}.step-connector{left:calc(100% + 10px);width:calc(1rem - 10px)}}.menu-card.purple{background:#fff;border:2px solid #9333ea;overflow:hidden;position:relative}.menu-card.purple:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);transition:transform .6s;width:200%}.menu-card.purple:hover:before{transform:rotate(45deg) translateY(100%)}.menu-card.purple .card-icon{background:#fff3;color:#fff}.menu-card.purple .card-arrow,.menu-card.purple .card-stats{color:#fff}.menu-card.purple .card-stats .stats-number{color:#fff;font-weight:700}.menu-card.purple .card-stats .stats-label{color:#ffffffe6}.menu-card.purple:hover{box-shadow:0 10px 25px #9333ea4d;transform:translateY(-2px)}*{outline:none!important}a,a:active,a:focus,a:hover,a:visited,button,input,select,textarea{outline:none!important;text-decoration:none!important}.menu-card:active,.menu-card:focus,button:active,button:focus{box-shadow:none!important;outline:none!important}.admin-link{align-items:center;border-radius:.375rem;color:#dc2626;display:inline-flex;font-size:.875rem;gap:.25rem;margin:0 .5rem;outline:none!important;padding:.25rem .75rem;text-decoration:none!important;transition:all .3s ease}.admin-link:active,.admin-link:focus,.admin-link:hover{background-color:#dc26261a;color:#b91c1c;outline:none!important;text-decoration:none!important}.dashboard-page{background:var(--color-background);background:var(--gradient-surface,var(--color-background));min-height:calc(100vh - 70px);padding:2rem 0}.dashboard-container{margin:0 auto;max-width:1200px;padding:0 2rem}.dashboard-top{display:flex;justify-content:flex-end;margin-bottom:1rem}.logout-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;outline:none!important;padding:.5rem 1rem;text-decoration:none!important;transition:all .3s ease}.logout-btn:active,.logout-btn:focus,.logout-btn:hover{background:var(--color-border-light);color:var(--color-text);outline:none!important;text-decoration:none!important}.dashboard-header{align-items:center;background:linear-gradient(135deg,#fff 0,var(--color-background) 100%);border-radius:20px;box-shadow:0 8px 30px #0000001f;display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;overflow:hidden;padding:1.5rem 2rem;position:relative;text-align:center}.tenant-greendrop .dashboard-header{background:linear-gradient(135deg,#fff,#f0fdf4);box-shadow:0 8px 30px #10b9811f}.brand-section{flex:none;max-width:600px;width:100%}.brand-title{align-items:center;color:var(--color-text);display:flex;font-size:3.5rem;font-weight:800;gap:1.5rem;justify-content:center;margin:0 0 .75rem;text-shadow:0 2px 4px #0000001a}.logo-icon{background:#0000!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:4.5rem;object-fit:contain}.brand-subtitle{color:var(--color-text-secondary);font-size:1.4rem;font-weight:500;line-height:1.6;margin:0;text-align:center}.user-info{flex-direction:column}.user-details,.user-info{align-items:center;display:flex;text-align:center;width:100%}.user-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border-radius:16px;box-shadow:0 4px 15px #0000000d;gap:2rem;justify-content:space-between;padding:.5rem 2rem}.user-name{color:var(--color-text);font-size:1.1rem;margin-bottom:0}.subscription-info{align-items:center;display:flex;flex-direction:row;gap:1rem;padding:0 1rem}.subscription-type{color:var(--color-primary);font-size:.9rem;font-weight:500}.subscription-date{color:var(--color-text-secondary);font-size:.85rem}.action-links{align-items:center;display:flex;flex-direction:row;gap:1rem;margin-top:0}.edit-plan-link,.help-link{border-radius:6px;display:inline-block;font-size:.85rem;outline:none!important;padding:.25rem .5rem;text-decoration:none!important;transition:all .3s ease}.edit-plan-link{background:#10b9810d;border:1px solid #10b98133;color:var(--color-success)}.edit-plan-link:active,.edit-plan-link:focus,.edit-plan-link:hover{background:#10b9811a;color:var(--color-success);outline:none!important;text-decoration:none!important}.help-link{background:#3b82f60d;border:1px solid #3b82f633;color:var(--color-info)}.help-link:active,.help-link:focus,.help-link:hover{background:#3b82f61a;color:var(--color-info);outline:none!important;text-decoration:none!important}.tenant-greendrop .edit-plan-link{background:#10b9810d;border-color:var(--color-primary-light);color:var(--color-primary)}.tenant-greendrop .edit-plan-link:hover{background:#10b9811a;color:var(--color-primary-dark)}.subscription-expired-message{align-items:center;display:flex;justify-content:center;min-height:60vh}.message-content{background:#fff;border:2px solid var(--color-warning);border-radius:20px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:3rem;text-align:center}.message-content h2{color:var(--color-warning-dark);font-size:2rem;font-weight:700;margin:0 0 1rem}.message-content p{color:var(--color-warning);font-size:1.1rem;margin:0 0 2rem}.loading-spinner{border-top:4px solid var(--color-warning-light);border:4px solid var(--color-warning-light);border-top-color:var(--color-warning);margin:0 auto}.section-title{font-size:1.8rem;margin-bottom:1.5rem}.tenant-greendrop .section-title{color:var(--color-primary-dark)}.dashboard-menu{margin-bottom:3rem}.menu-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.menu-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 15px #0000001a;display:flex;gap:1.5rem;outline:none!important;padding:2rem;text-decoration:none!important;transition:all .3s ease}.menu-card:active,.menu-card:focus,.menu-card:hover{box-shadow:0 8px 25px #00000026;outline:none!important;text-decoration:none!important;transform:translateY(-4px)}.tenant-bakerpro .menu-card.secondary{border-color:var(--color-success)}.tenant-bakerpro .menu-card.secondary:hover{background:linear-gradient(135deg,#10b9810d,#10b9811a)}.tenant-bakerpro .menu-card.tertiary{border-color:var(--color-warning)}.tenant-bakerpro .menu-card.tertiary:hover{background:linear-gradient(135deg,#f59e0b0d,#f59e0b1a)}.tenant-greendrop .menu-card.green-primary{border-color:var(--color-primary)}.tenant-greendrop .menu-card.green-primary:hover{background:linear-gradient(135deg,#10b9810d,#10b9811a);border-color:var(--color-primary-dark)}.tenant-greendrop .menu-card.green-secondary{border-color:var(--color-secondary)}.tenant-greendrop .menu-card.green-secondary:hover{background:linear-gradient(135deg,#0596690d,#0596691a);border-color:var(--color-secondary-dark)}.tenant-greendrop .menu-card.green-tertiary{border-color:var(--color-accent)}.tenant-greendrop .menu-card.green-tertiary:hover{background:linear-gradient(135deg,#14b8a60d,#14b8a61a);border-color:var(--color-accent)}.card-icon{font-size:3rem;min-width:60px;text-align:center}.tenant-greendrop .card-icon{color:var(--color-primary)}.card-content{flex:1 1}.card-content h3{color:var(--color-text);font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.card-content p{color:var(--color-text-secondary);line-height:1.5;margin:0 0 1rem}.card-stats{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:.5rem;padding:.5rem 1rem}.stats-number{color:var(--color-text);font-size:1.2rem;font-weight:700}.tenant-greendrop .stats-number{color:var(--color-primary-dark)}.stats-label{font-size:.9rem}.card-arrow,.stats-label{color:var(--color-text-secondary)}.card-arrow{font-size:1.5rem;transition:transform .3s ease}.menu-card:hover .card-arrow{transform:translateX(-5px)}.blog-section{margin-bottom:2rem}.blog-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.blog-card{background:#fff;border-radius:16px;border-top:4px solid var(--color-primary);box-shadow:0 4px 15px #0000001a;padding:1.5rem;transition:all .3s ease}.blog-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.blog-date{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:.5rem}.blog-title{color:var(--color-text);font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.blog-excerpt{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 1rem}.blog-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:.95rem;font-weight:500;gap:.25rem;outline:none!important;padding:0;text-decoration:none!important;transition:color .3s ease}.blog-link:active,.blog-link:focus,.blog-link:hover{color:var(--color-primary-dark);outline:none!important;text-decoration:none!important}.view-all-posts{margin-top:2rem;text-align:center}.view-all-btn{background:var(--gradient-primary);border-radius:12px;color:#fff;display:inline-block;font-weight:600;outline:none!important;padding:1rem 2rem;text-decoration:none!important;transition:all .3s ease}.view-all-btn:active,.view-all-btn:focus,.view-all-btn:hover{box-shadow:0 8px 20px #0003;outline:none!important;text-decoration:none!important;transform:translateY(-2px)}.tenant-greendrop .view-all-btn{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%)}.tenant-greendrop .view-all-btn:hover{box-shadow:0 8px 20px #10b9814d}.tenant-greendrop .logout-btn:hover{background:#10b9811a;border-color:var(--color-primary);color:var(--color-primary)}.tenant-greendrop .subscription-type{color:var(--color-primary)}@media (max-width:768px){.dashboard-container{padding:0 1rem}.dashboard-header{flex-direction:column;margin-bottom:2rem;padding:1rem 1.5rem;text-align:center}.brand-section{align-items:center;display:flex;flex-direction:column;min-width:auto;width:100%}.brand-title{align-items:center;display:inline-flex!important;flex-direction:row;font-size:2.8rem;gap:1rem;justify-content:center;margin:0 auto .75rem;width:auto}.logo-icon{flex-shrink:0;height:3.8rem}.brand-subtitle{font-size:1.2rem;text-align:center}.user-details,.user-info{align-items:center;width:100%}.user-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;padding:1rem 1.5rem;text-align:center}.user-name{font-size:1.1rem;order:1}.subscription-info{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:center;order:2;padding:0}.subscription-type{font-size:.9rem;white-space:nowrap}.subscription-date{font-size:.85rem;white-space:nowrap}.action-links{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:center;margin-top:0;order:3}.admin-link,.edit-plan-link,.help-link{font-size:.85rem;padding:.4rem .75rem;white-space:nowrap}.admin-link,.admin-link:active,.admin-link:focus,.admin-link:hover,.edit-plan-link,.edit-plan-link:active,.edit-plan-link:focus,.edit-plan-link:hover,.help-link,.help-link:active,.help-link:focus,.help-link:hover{outline:none!important;text-decoration:none!important}.menu-grid{gap:1rem;grid-template-columns:1fr}.menu-card{padding:1.5rem}.blog-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.dashboard-page{padding:1rem 0}.dashboard-header{margin-bottom:2rem;padding:1rem}.brand-title{align-items:center;display:inline-flex!important;flex-direction:row;font-size:2.2rem;gap:.75rem;justify-content:center;margin:0 auto .75rem;width:auto}.logo-icon{flex-shrink:0;height:3.2rem}.brand-subtitle{font-size:1.1rem}.user-details{gap:.75rem;padding:1rem}.user-name{font-size:1rem}.subscription-info{flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center}.subscription-type{font-size:.85rem}.subscription-date{font-size:.8rem}.action-links{flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:center}.admin-link,.edit-plan-link,.help-link{font-size:.8rem;padding:.35rem .6rem}.admin-link,.admin-link:active,.admin-link:focus,.admin-link:hover,.edit-plan-link,.edit-plan-link:active,.edit-plan-link:focus,.edit-plan-link:hover,.help-link,.help-link:active,.help-link:focus,.help-link:hover{outline:none!important;text-decoration:none!important}.section-title{font-size:1.5rem}.menu-card{gap:1rem;padding:1rem}.card-icon{font-size:2.5rem}.blog-card{padding:1rem}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.status-badge{border-radius:.25rem;font-size:.75rem;padding:.25rem .5rem}.admin-badge{background:#fef2f2;border-radius:.25rem;color:#991b1b;display:inline-block;font-size:.625rem;font-weight:500;letter-spacing:.025em;padding:.125rem .375rem;text-transform:uppercase}.admin-btn{display:inline-flex;white-space:nowrap}.stat-icon{font-size:1.5rem}.user-email{display:inline-block;font-size:.875rem}.user-name{font-weight:500}.search-icon{font-size:1.25rem}.table-responsive{background:#fff;border-radius:.5rem}.users-table{min-width:1200px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-btn:active span:has-text("🔄"){animation:rotate .5s ease-in-out}.admin-container{background:linear-gradient(135deg,#667eea,#764ba2);direction:rtl;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 4px 6px -1px #0000001a;position:sticky;top:0;z-index:100}.admin-header-content{flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.admin-header-content,.admin-title{align-items:center;display:flex;gap:1rem}.admin-title h1{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0}.admin-subtitle{color:#6b7280;font-size:.875rem;margin:0}.admin-nav{background:#f3f4f6;border-radius:.75rem;display:flex;gap:.25rem;padding:.25rem}.admin-nav-btn{background:#0000;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.admin-nav-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.admin-nav-btn:hover:not(.active){background:#ffffff80;color:#374151}.admin-content{margin:0 auto;max-width:1400px;padding:2rem}.tenant-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.tenant-card{background:#fff;border:2px solid;border-radius:1rem;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease}.tenant-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}.tenant-card-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;justify-content:space-between;padding:1.5rem}.tenant-info{gap:1rem}.tenant-icon,.tenant-info{align-items:center;display:flex}.tenant-icon{background:#fff;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;font-size:2.5rem;height:3.5rem;justify-content:center;width:3.5rem}.tenant-name{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.tenant-domain{color:#6b7280;font-family:monospace;font-size:.875rem;margin:0}.expand-btn{background:none;border:none;border-radius:.5rem;cursor:pointer;padding:.5rem;transition:background .2s}.expand-btn:hover{background:#0000000d}.tenant-stats{grid-gap:1rem;border-bottom:1px solid #e5e7eb;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}.stat-label{color:#6b7280;display:block;font-size:.75rem;margin-bottom:.25rem}.stat-value{color:#1f2937;font-size:1.5rem}.tenant-expanded{animation:slideDown .3s ease-out;background:#f9fafb;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.plan-distribution{margin-bottom:1rem}.plan-distribution h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.plan-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.plan-count{color:#1f2937;font-weight:600}.content-stats{color:#6b7280;display:flex;font-size:.875rem;gap:1rem}.global-stats{margin-top:2rem}.global-stats h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 1rem;text-shadow:0 2px 4px #0000001a}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{border:1px solid #0000000d;border-radius:1rem;box-shadow:0 4px 6px #0000000d;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-2px)}.stat-card-content{align-items:center;display:flex;justify-content:space-between}.stat-info h3{color:#6b7280;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.stat-info p{font-size:2rem;font-weight:700;margin:0}.stat-icon{align-items:center;border-radius:.75rem;display:flex;height:3rem;justify-content:center;width:3rem}.stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-icon.purple{background:linear-gradient(135deg,#e9d5ff,#ddd6fe)}.stat-icon.orange{background:linear-gradient(135deg,#fed7aa,#fdba74)}.stat-blue{color:#3b82f6}.stat-green{color:#10b981}.stat-purple{color:#8b5cf6}.stat-orange{color:#f59e0b}.admin-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:1rem;box-shadow:0 10px 25px #0000001a;overflow:hidden}.admin-card-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #0000000d;padding:1.5rem 2rem}.admin-card-title{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin:0}.admin-card-content{padding:2rem}.tenant-badge{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.tenants-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.tenant-item{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s}.tenant-item:hover{border-color:#d1d5db;box-shadow:0 4px 8px #0000000d}.tenant-header{align-items:center;display:flex;justify-content:space-between}.tenant-main-info{align-items:center;display:flex;gap:1rem}.tenant-icon-large{align-items:center;background:#f3f4f6;border-radius:.75rem;display:flex;height:4rem;justify-content:center;width:4rem}.tenant-main-info h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.tenant-main-info p{color:#6b7280;font-size:.875rem;margin:0}.search-container{margin-bottom:1.5rem;position:relative}.search-input{border:2px solid #e5e7eb;border-radius:.75rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:#9ca3af}.table-responsive{border:1px solid #e5e7eb;border-radius:.75rem;overflow-x:auto}.users-table{background:#fff;border-collapse:collapse;font-size:.875rem;width:100%}.users-table thead{background:#f8fafc;border-bottom:2px solid #e5e7eb}.users-table th{color:#374151;font-size:.8125rem;font-weight:600;letter-spacing:.025em;padding:.75rem 1rem;text-align:right;text-transform:uppercase;white-space:nowrap}.users-table td{border-bottom:1px solid #f1f5f9;padding:.75rem 1rem;vertical-align:middle}.users-table tbody tr{transition:background-color .15s ease}.users-table tbody tr:hover{background:#f8fafc}.users-table tbody tr:last-child td{border-bottom:none}.user-info-compact{align-items:center;display:flex;gap:.5rem}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.user-details-compact{flex:1 1;min-width:0}.user-name{color:#1f2937;font-size:.875rem;font-weight:600;margin:0}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#6b7280;font-family:monospace;font-size:.75rem}.plan-badge{border:1px solid #0000;border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;min-width:60px;padding:.25rem .5rem;text-align:center;text-transform:uppercase;white-space:nowrap}.plan-free{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;color:#374151}.plan-professional{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#166534}.plan-business{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#f9a8d4;color:#be185d}.plan-unknown{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#cbd5e1;color:#475569}.action-btn{background:#f9fafb;border-radius:.25rem;color:#6b7280;display:inline-flex;padding:.375rem;transition:all .15s ease}.action-btn:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.checkbox-custom{accent-color:#3b82f6;border:2px solid #d1d5db;border-radius:.25rem;cursor:pointer;height:1rem;width:1rem}.form-select{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-overlay{inset:0}.modal-content{animation:slideUp .3s ease-out;border-radius:1rem;box-shadow:0 20px 40px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.modal-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{border-top:1px solid #e5e7eb;padding:1.5rem 2rem}.btn-modal{border:none;border-radius:.5rem;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-modal-primary{background:#3b82f6;color:#fff}.btn-modal-primary:hover{background:#2563eb}.btn-modal-secondary{background:#f3f4f6;color:#374151}.btn-modal-secondary:hover{background:#e5e7eb}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.loading-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:1rem;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:3rem;text-align:center}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;height:3rem;margin:0 auto 1.5rem;width:3rem}.admin-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.admin-btn-primary{background:#3b82f6;color:#fff}.admin-btn-primary:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.admin-btn-danger{background:#ef4444;color:#fff}.admin-btn-danger:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.admin-btn-success{background:#10b981;color:#fff}.admin-btn-success:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.admin-btn-warning{background:#f59e0b;color:#fff}.admin-btn-warning:hover{background:#d97706;box-shadow:0 4px 8px #f59e0b4d;transform:translateY(-1px)}.admin-actions{align-items:center;display:flex;gap:.75rem}@media (max-width:1024px){.tenant-cards-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-header-content{flex-direction:column;gap:1rem;padding:1rem}.admin-content{padding:1rem}.stats-grid{grid-template-columns:1fr}.admin-actions,.admin-nav{justify-content:center;width:100%}.table-responsive{overflow-x:auto}.users-table{min-width:1400px}.tenant-stats{grid-template-columns:1fr}.tenant-header{align-items:flex-start;flex-direction:column;gap:1rem}}.table-wrapper{-webkit-overflow-scrolling:touch}.ingredients-table{border-collapse:collapse!important;display:table!important;min-width:1200px!important;table-layout:fixed!important;width:100%!important}.ingredients-table thead{display:table-header-group!important}.ingredients-table tbody{display:table-row-group!important}.ingredients-table tr{display:table-row!important}.ingredients-table td,.ingredients-table th{border-bottom:1px solid #f1f5f9!important;display:table-cell!important;padding:.5rem .75rem!important;text-align:right!important;vertical-align:middle!important}.ingredients-table td:first-child,.ingredients-table th:first-child{width:20%!important}.ingredients-table td:nth-child(2),.ingredients-table td:nth-child(3),.ingredients-table td:nth-child(4),.ingredients-table td:nth-child(5),.ingredients-table td:nth-child(6),.ingredients-table th:nth-child(2),.ingredients-table th:nth-child(3),.ingredients-table th:nth-child(4),.ingredients-table th:nth-child(5),.ingredients-table th:nth-child(6){width:12%!important}.ingredients-table td:nth-child(7),.ingredients-table td:nth-child(8),.ingredients-table th:nth-child(7),.ingredients-table th:nth-child(8){width:10%!important}.ingredients-table td,.ingredients-table th{box-sizing:border-box}.ingredients-table colgroup col{min-width:80px}.ingredients-table{table-layout:auto!important}.ingredients-table td:first-child,.ingredients-table th:first-child{max-width:300px;min-width:200px}.ingredients-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:1400px;min-height:100vh;padding:0 2rem 2rem}.page-header{margin:0 -2rem 2rem}.header-content{max-width:1400px}.back-btn{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.9rem;transition:all .3s ease}.back-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569;transform:translateY(-1px)}.page-title{color:#ec4899;color:var(--color-primary);font-size:1.8rem}.header-nav{display:flex;gap:.5rem}.nav-link{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.85rem;padding:.5rem .75rem}.nav-link:hover:not(.disabled){background:#f1f5f9;color:#ec4899;color:var(--color-primary)}.nav-link.disabled{cursor:not-allowed;opacity:.5}.nav-link[title*=\5D9\5D9\5D1\5D5\5D0]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;color:#1565c0}.nav-link[title*=\5D9\5D9\5D1\5D5\5D0]:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);box-shadow:0 2px 8px #2196f333;color:#0d47a1;transform:translateY(-1px)}.ingredients-header{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;padding:1.5rem;text-align:center}.ingredients-header p{color:#64748b;font-size:1.1rem;margin:0}.ingredients-controls{align-items:stretch;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.controls-right{gap:1rem}.controls-right,.import-btn{align-items:center;display:flex}.import-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:10px;box-shadow:0 4px 15px #2196f34d;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.import-btn:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 6px 20px #2196f366;transform:translateY(-2px)}.import-btn:active{transform:translateY(0)}.search-filter-container{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.search-box,.search-box-wrapper{width:100%}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;padding:.75rem 3rem .75rem 1rem}.search-input:focus{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.search-icon{color:#64748b;font-size:1.2rem;left:1rem;pointer-events:none;z-index:1}.clear-search-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;left:2.5rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:24px;z-index:2}.clear-search-btn:hover{background:#e2e8f0;color:#475569}.search-results-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.9rem;padding:.25rem .5rem}.add-ingredient-btn{background:linear-gradient(135deg,#ec4899,#f97316);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;border-radius:10px;box-shadow:0 4px 15px #00000026;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.add-ingredient-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.add-ingredient-btn.limit-reached{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:2px solid #f59e0b!important;color:#fff!important;cursor:pointer!important}.add-ingredient-btn.limit-reached:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;box-shadow:0 6px 20px #f99e0b66;transform:translateY(-2px)}.ingredients-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.stat-card{border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.stat-card:hover{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.stat-number{color:#ec4899;color:var(--color-primary);display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-limit{color:#64748b;font-size:.8em;font-weight:500}.stat-warning{display:block;font-size:.75rem;font-weight:500;margin-top:.25rem}.stat-warning.limit-reached{color:#dc2626}.stat-warning.limit-approaching{color:#f59e0b}.modal-overlay{align-items:flex-start!important;overflow-y:auto;padding:2rem 1rem;padding-top:3rem!important}.ingredient-form-modal{animation:modalSlideDown .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 20px 40px #0000004d;margin-top:0;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.form-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.section-title{color:#374151;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.price-calculation{background:#fff;border:2px solid #ddd6fe;border-radius:10px;margin-top:1rem;padding:1rem}.tenant-greendrop .price-calculation{border-color:#6ee7b7}.calc-row{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0}.calc-row:not(:last-child){border-bottom:1px solid #f1f5f9}.calc-label{color:#64748b;font-weight:500}.calc-value{color:#059669;font-size:1.1rem;font-weight:600}.calc-row.base-unit .calc-value{color:#ec4899;color:var(--color-primary);font-weight:700}.calc-row.base-unit .calc-label{color:#be185d;color:var(--color-primary-dark);font-weight:600}.upgrade-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.form-header{align-items:center;background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-bottom:2px solid #f1f5f9;border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:center;padding:1.5rem;position:relative}.form-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;border-radius:50%;color:#fff;font-size:1.5rem;left:1.5rem;padding:.5rem;top:50%;transform:translateY(-50%)}.close-btn:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.modal-header{padding:2rem;text-align:center}.modal-header h3{font-size:1.5rem;font-weight:700;margin:0}.limit-info{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #f59e0b;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.limit-icon{font-size:2.5rem;min-width:50px}.limit-text p{color:#92400e;line-height:1.6;margin:0 0 .5rem}.limit-text p:last-child{margin-bottom:0}.upgrade-benefits{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem}.upgrade-benefits h4{color:#1f2937;font-weight:600;margin:0 0 1rem}.upgrade-benefits ul{list-style:none;margin:0;padding-right:1rem}.upgrade-benefits li{color:#374151;font-weight:500;margin-bottom:.5rem}.upgrade-benefits li:last-child{margin-bottom:0}.modal-actions{padding:0 2rem 2rem}.modal-cancel,.modal-upgrade{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.modal-cancel{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b}.modal-cancel:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px)}.modal-upgrade{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 4px 15px #00000026;color:#fff}.modal-upgrade:hover{background:linear-gradient(135deg,#be185d,#7c3aed);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary-dark));box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.delete-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:500px;overflow:hidden;width:100%}.delete-modal .modal-header{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.5rem}.warning-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;box-shadow:0 4px 15px #ef44444d;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-left:1rem;width:50px}.delete-modal .modal-header h3{color:#7f1d1d;flex:1 1;font-size:1.3rem;font-weight:600;margin:0;text-align:center}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7f1d1d;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:.5rem;transition:all .3s ease;width:35px}.modal-close-btn:hover{background:#7f1d1d1a}.delete-modal .modal-content{padding:1.5rem}.delete-warning{color:#374151;font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem;text-align:center}.ingredient-info{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.ingredient-name,.ingredient-preview{text-align:center}.ingredient-name{display:block;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.ingredient-details{text-align:right}.detail-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;font-size:.9rem;font-weight:500}.detail-value{color:#374151;font-size:.95rem;font-weight:600}.detail-value.price{color:#059669;font-weight:700}.detail-value.base-price{color:#ec4899;color:var(--color-primary);font-weight:700}.warning-note{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:1px solid #f3cc6b;border-radius:10px;color:#92400e;font-size:.9rem;line-height:1.5;padding:1rem;text-align:center}.delete-modal .modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:1rem;padding:1.5rem}.cancel-btn{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;color:#64748b;display:flex;flex:1 1;font-size:1rem;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.cancel-btn:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px)}.confirm-delete-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 15px #ef44444d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.confirm-delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-1px)}.ingredient-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.form-group input.error,.form-group select.error{border-color:#ef4444}.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group textarea:focus{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.textarea-counter{color:#64748b;font-size:.8rem;margin-top:.25rem;text-align:left}.form-row{grid-template-columns:1fr 1fr}.error-message{color:#ef4444;display:block;font-size:.875rem}.category-options{border:2px solid #f1f5f9;border-radius:8px;padding:1rem}.radio-group{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.radio-group input[type=radio]{margin:0;width:auto}.radio-group label{font-weight:500;margin:0}.category-select{margin-bottom:.75rem;width:100%}.form-actions{border-top:2px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.submit-btn{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.submit-btn:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-1px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.ingredients-table-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;max-width:100%;overflow:hidden}.table-wrapper{overflow-x:auto}.ingredients-table{border-collapse:collapse;min-width:1200px;table-layout:fixed;width:100%}.ingredients-table th:first-child{width:20%}.ingredients-table th:nth-child(2),.ingredients-table th:nth-child(3),.ingredients-table th:nth-child(4),.ingredients-table th:nth-child(5),.ingredients-table th:nth-child(6){width:12%}.ingredients-table th:nth-child(7),.ingredients-table th:nth-child(8){width:10%}.ingredients-table th{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-size:.85rem;font-weight:600;height:2.5rem;padding:.5rem .75rem;position:sticky;text-align:right;top:0;vertical-align:middle}.import-table{min-width:750px}.ingredients-table th.sortable{cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none}.ingredients-table th.sortable:hover{background:linear-gradient(135deg,#be185d,#7c3aed);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary-dark))}.sort-icon{font-size:.8rem;margin-right:.5rem}.ingredients-table td,.ingredients-table th{border-bottom:1px solid #f1f5f9;color:#fff!important;font-size:.85rem;overflow:hidden;padding:.5rem .75rem;text-align:right;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.ingredient-name{white-space:normal!important}.ingredient-name strong{color:#374151;font-size:1rem;overflow-wrap:break-word;white-space:normal;word-break:break-word}.ingredient-row{height:2.5rem;transition:all .3s ease}.ingredient-row:hover{background:#fafafa}.ingredient-row.even{background:#fdfdfd}.ingredient-row.odd{background:#fff}.category-badge{background:linear-gradient(135deg,#f3e8ff,#ddd6fe);border-radius:12px;color:#7c3aed;display:inline-block;font-size:.7rem;font-weight:500;max-width:100%;overflow:hidden;padding:.2rem .4rem;text-overflow:ellipsis;white-space:nowrap}.tenant-greendrop .category-badge{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.package-quantity{text-align:center!important}.quantity-info{align-items:center;display:flex;flex-direction:column;gap:.1rem}.quantity-value{color:#374151;font-size:.9rem;font-weight:600}.quantity-unit{background:#f1f5f9;border-radius:8px;color:#64748b;font-size:.7rem;padding:.1rem .3rem}.base-unit-price,.package-price,.unit-price{text-align:center!important}.base-price-info,.price-info{align-items:center;display:flex;flex-direction:column;gap:.1rem}.price-value{color:#059669;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-value.base{color:#ec4899;color:var(--color-primary);font-weight:700}.price-unit{background:#f0fdf4;border-radius:6px;color:#64748b;font-size:.65rem;padding:.1rem .3rem}.price-unit.base{background:#fdf2f8;color:#be185d;color:var(--color-primary-dark)}.tenant-greendrop .price-unit.base{background:#d1fae5;color:#be185d;color:var(--color-primary-dark)}.no-conversion{color:#9ca3af;font-size:.8rem;font-style:italic}.ingredient-date{color:#64748b;font-size:.7rem}.ingredient-actions{align-items:center!important;display:flex!important;flex-direction:row!important;gap:.4rem!important;justify-content:center!important;max-width:100%!important;min-width:80px!important;overflow:visible!important;padding:.3rem!important;text-align:center!important;white-space:nowrap!important;width:100%!important}.action-btn{align-items:center;background:none;border:2px solid #0000;border-radius:6px;display:inline-flex!important;flex-shrink:0!important;font-size:.85rem!important;font-weight:500;height:28px!important;justify-content:center;max-width:32px!important;min-width:32px!important;overflow:hidden;padding:.25rem .4rem!important;transition:all .3s ease}.edit-btn{background:#fef3c7;border-color:#fed7aa;color:#f59e0b}.edit-btn:hover{background:#fcd34d;color:#fff;transform:translateY(-1px)}.delete-btn{background:#fee2e2;border-color:#fecaca;color:#ef4444}.delete-btn:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}.table-footer{background:#f8fafc;color:#64748b;font-size:.9rem;padding:1rem;text-align:center}.empty-state{padding:3rem}.empty-content h3{color:#374151;margin-bottom:.5rem}.empty-content p{color:#64748b;margin-bottom:1.5rem}.empty-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.suggestion-chip{background:linear-gradient(135deg,#f3e8ff,#ddd6fe);border-radius:20px;color:#7c3aed;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.tenant-greendrop .suggestion-chip{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.error-message{background:#fee2e2;border-radius:15px;color:#dc2626;margin:2rem 0;padding:2rem;text-align:center}@media (max-width:1200px){.ingredients-page{padding:0 1rem 1rem}.header-content{max-width:100%;padding:1rem}.ingredients-table{min-width:1000px}}@media (max-width:768px){.header-content{gap:.75rem;grid-template-columns:1fr;padding:1rem;text-align:center}.header-left,.header-right{justify-self:center}.page-title{font-size:1.5rem}.header-nav{flex-wrap:wrap;justify-content:center}.nav-link{font-size:.8rem;padding:.4rem .6rem}.header-nav .nav-link[title*=\5D9\5D9\5D1\5D5\5D0]{display:none}.ingredients-controls{align-items:stretch;flex-direction:column}.controls-right{flex-direction:column;gap:.75rem;width:100%}.import-btn{padding:.75rem 1rem}.add-ingredient-btn,.import-btn{justify-content:center;width:100%}.form-row{grid-template-columns:1fr}.form-actions,.modal-actions{flex-direction:column}.modal-actions{padding:0 1.5rem 1.5rem}.modal-overlay{padding:1rem .5rem;padding-top:1.5rem!important}.ingredient-form-modal{margin-top:0;max-height:90vh}.ingredients-stats{grid-template-columns:1fr}.ingredients-table td:nth-child(7),.ingredients-table th:nth-child(7){display:none}.ingredients-table{min-width:900px}.ingredients-table th:first-child{width:22%}.ingredients-table th:nth-child(2),.ingredients-table th:nth-child(3),.ingredients-table th:nth-child(4),.ingredients-table th:nth-child(5),.ingredients-table th:nth-child(6){width:14%}.ingredients-table th:nth-child(8){width:8%}.ingredient-actions{gap:.25rem!important;min-width:65px!important;padding:.2rem!important}.action-btn{font-size:.8rem!important;height:26px!important;min-width:28px!important;padding:.2rem .3rem!important}.upgrade-modal{max-width:100%}.modal-header{padding:1.5rem}.modal-header h3{font-size:1.3rem}.modal-content{padding:1.5rem}.limit-info{flex-direction:column;text-align:center}.limit-info,.upgrade-benefits{padding:1rem}}@media (max-width:640px){.ingredients-table td:nth-child(2),.ingredients-table td:nth-child(6),.ingredients-table th:nth-child(2),.ingredients-table th:nth-child(6){display:none}.ingredients-table{min-width:600px}.ingredients-table th:first-child{width:30%}.ingredients-table th:nth-child(3),.ingredients-table th:nth-child(4),.ingredients-table th:nth-child(5){width:18%}.ingredients-table th:nth-child(8){width:16%}.ingredient-actions{gap:.2rem!important;min-width:60px!important;padding:.15rem!important}.action-btn{font-size:.75rem!important;height:24px!important;min-width:26px!important;padding:.15rem .25rem!important}}@media (max-width:480px){.ingredients-table td:nth-child(2),.ingredients-table td:nth-child(3),.ingredients-table td:nth-child(5),.ingredients-table th:nth-child(2),.ingredients-table th:nth-child(3),.ingredients-table th:nth-child(5){display:none!important}.ingredients-table-container{margin:0 .5rem}.ingredients-table{min-width:0!important;min-width:auto!important;table-layout:fixed!important;width:100%}.ingredients-table td:first-child,.ingredients-table th:first-child{padding:.2rem .3rem!important;width:45%!important}.ingredients-table td:nth-child(4),.ingredients-table th:nth-child(4){padding:.2rem!important;text-align:center!important;width:35%!important}.ingredients-table td:nth-child(6),.ingredients-table th:nth-child(6){display:table-cell!important;padding:.2rem!important;width:20%!important}.ingredients-table td.ingredient-actions,.ingredients-table th.actions-column{display:table-cell!important}.table-wrapper{max-width:100%;overflow-x:auto!important}.ingredient-actions{display:flex!important;gap:.3rem!important;min-width:auto!important;padding:0!important}.action-btn,.ingredient-actions{justify-content:center!important}.action-btn{align-items:center!important;display:inline-flex!important;font-size:.75rem!important;height:26px!important;min-width:26px!important;padding:.2rem .3rem!important}.ingredients-table td,.ingredients-table th{font-size:.7rem!important;padding:.2rem .3rem!important;white-space:normal!important;word-break:break-word!important}.ingredients-table th{font-size:.65rem!important;padding:.3rem .2rem!important}.ingredient-name{white-space:normal!important;word-break:break-word!important}.ingredient-name strong{display:block;font-size:.75rem!important;margin-bottom:.1rem}.ingredient-name span{color:#666;font-size:.6rem!important}.price-value{font-size:.7rem!important;white-space:nowrap!important}.import-btn{font-size:.9rem;padding:.65rem .85rem}.import-btn svg,.import-btn:before{font-size:1.1rem}.modal-overlay{align-items:center!important;justify-content:center!important;padding:1rem!important}.ingredient-form-modal{height:auto!important;margin:0 auto!important;max-height:95vh!important;max-width:100%!important;position:relative!important;transform:none!important;width:calc(100% - 2rem)!important}.form-section{margin-bottom:1rem;padding:1rem}.form-header{padding:1rem}.form-content{max-height:calc(95vh - 150px)!important;overflow-y:auto!important;padding:1rem}.modal-content,.modal-header{padding:1rem}.modal-actions{flex-direction:column;padding:0 1rem 1rem}.modal-cancel,.modal-upgrade{padding:.875rem 1rem}}.modal-overlay{animation:fadeIn .2s ease-out;background-color:#00000080;height:100%;width:100%;z-index:9999}.modal-content{animation:slideIn .3s ease-out;box-shadow:0 10px 40px #0003}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border)}.modal-header h2{color:var(--text-primary)}.modal-close{border-radius:6px;color:var(--text-secondary);height:32px;transition:all .2s;width:32px}.modal-close:hover{background-color:var(--bg-light);color:var(--text-primary)}.modal-actions{border-top:1px solid var(--border);padding:1.5rem}.delete-modal .warning-message{color:var(--text-primary);font-size:1.1rem;margin-bottom:1.5rem;text-align:center}.delete-modal .warning-message strong{color:var(--primary)}.delete-modal .warning-details{background-color:var(--bg-light);border-radius:8px;margin-bottom:1rem;padding:1rem}.delete-modal .warning-details p{font-weight:500;margin:0 0 .5rem}.delete-modal .warning-details ul{margin:.5rem 0;padding-right:1.5rem}.delete-modal .warning-details li{color:var(--text-secondary);margin:.25rem 0}.delete-modal .danger-note{color:#dc2626;font-weight:600;margin-top:1rem!important}.duplicate-modal .source-recipe{background-color:var(--bg-light);border-radius:8px;padding:1rem}.duplicate-modal .source-recipe h4{color:var(--text-secondary);font-size:.875rem;margin:0 0 .5rem}.duplicate-modal .recipe-info{gap:.5rem}.duplicate-modal .recipe-name{color:var(--text-primary)}.duplicate-modal .recipe-category{background-color:var(--primary-light);border-radius:4px;color:var(--primary);font-size:.875rem;padding:.25rem .5rem}.duplicate-modal .form-group label{color:var(--text-secondary);font-weight:500}.duplicate-modal .form-input{border:1px solid var(--border);transition:all .2s}.duplicate-modal .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.duplicate-modal .form-input.error{border-color:#dc2626}.duplicate-modal .error-message{color:#dc2626}.duplicate-modal .copy-details{background-color:var(--bg-light);border-radius:8px;padding:1rem}.duplicate-modal .copy-details h4{color:var(--text-secondary);font-size:.875rem;margin:0 0 .5rem}.duplicate-modal .copy-details ul{margin:0;padding-right:1.5rem}.duplicate-modal .copy-details li{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0}.modal-content .btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.modal-content .btn:disabled{cursor:not-allowed;opacity:.6}.modal-content .btn-primary{background-color:var(--primary);color:#fff}.modal-content .btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.modal-content .btn-secondary{background-color:var(--bg-light);border:1px solid var(--border);color:var(--text-primary)}.modal-content .btn-secondary:hover:not(:disabled){background-color:var(--bg-lighter);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.modal-content .btn-danger{background-color:#ef4444;color:#fff}.modal-content .btn-danger:hover:not(:disabled){background-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}@media (max-width:480px){.modal-content{margin:1rem;width:95%}.modal-body,.modal-header{padding:1rem}.modal-actions{flex-direction:column-reverse;padding:1rem}.modal-actions .btn{width:100%}}.recipe-edit-modal{background:#fff;background:var(--card-bg,#fff);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:95%}.recipe-edit-modal .modal-body{flex:1 1;max-width:100%;overflow-x:hidden!important;overflow-y:auto;padding:20px}.recipe-edit-modal .form-section{background:#faf5ff;background:var(--color-background,#faf5ff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;margin-bottom:25px;padding:20px}.recipe-edit-modal .form-section:last-child{margin-bottom:0}.recipe-edit-modal .form-section h3{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.1rem;margin-bottom:15px}.recipe-edit-modal .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.recipe-edit-modal .form-row{align-items:flex-end;display:flex;gap:15px;margin-bottom:15px}.recipe-edit-modal .form-group{display:flex;flex-direction:column;gap:6px;min-width:0}.recipe-edit-modal .form-group.flex-2{flex:2 1}.recipe-edit-modal .form-group.flex-1{flex:1 1}.recipe-edit-modal .form-group label{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.9rem;font-weight:600;margin-bottom:3px}.recipe-edit-modal .form-input,.recipe-edit-modal .form-textarea{background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.9rem;padding:6px 10px;transition:border-color .2s}.recipe-edit-modal .form-input:focus,.recipe-edit-modal .form-textarea:focus{border-color:#9333ea;border-color:var(--color-primary,#9333ea);outline:none}.recipe-edit-modal .form-textarea{font-family:inherit;line-height:1.4;min-height:80px;resize:vertical}.recipe-edit-modal .form-input-sm{font-size:.85rem;padding:3px 6px}.recipe-edit-modal .add-ingredient-form{background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding:12px}.recipe-edit-modal .add-ingredient-form .form-group{min-width:120px}.recipe-edit-modal .add-ingredient-form .form-input,.recipe-edit-modal .add-ingredient-form .form-select{font-size:.85rem;padding:4px 8px;width:100%}.recipe-edit-modal .ingredients-table-container{margin-top:15px;max-width:100%;overflow-x:hidden!important;width:100%}.recipe-edit-modal .ingredients-table{background:#fff;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 3px #0000000d;font-size:.85rem;table-layout:fixed!important;width:100%}.recipe-edit-modal .ingredients-table td,.recipe-edit-modal .ingredients-table th{word-wrap:break-word;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);font-size:.85rem!important;overflow-wrap:break-word;padding:6px 4px!important;text-align:right}.recipe-edit-modal .ingredients-table th{background:#f9fafb;background:var(--color-surface-hover,#f9fafb);color:#1f2937!important;color:var(--color-text-primary,#1f2937)!important;font-size:.85rem!important;font-weight:600;padding:8px 4px!important}.recipe-edit-modal .ingredients-table td{background:#fff;background:var(--color-surface,#fff);color:#1f2937!important;color:var(--color-text-primary,#1f2937)!important}.recipe-edit-modal .ingredients-table input,.recipe-edit-modal .ingredients-table select{background:#fff!important;background:var(--color-surface,#fff)!important;color:#1f2937!important;color:var(--color-text-primary,#1f2937)!important;font-size:.8rem!important;padding:2px 4px!important;width:100%!important}.recipe-edit-modal .ingredients-table .total-row{background:#f9fafb;background:var(--color-bg-gray,#f9fafb);font-weight:600}.recipe-edit-modal .ingredients-table .total-row td{background:#f9fafb;background:var(--color-bg-gray,#f9fafb);border-top:2px solid #e5e7eb;border-top:2px solid var(--color-border,#e5e7eb);color:#1f2937!important;color:var(--color-text-primary,#1f2937)!important;padding-top:10px!important}.recipe-edit-modal .empty-ingredients{background:#faf5ff;background:var(--color-background,#faf5ff);border:1px dashed #e5e7eb;border:1px dashed var(--color-border,#e5e7eb);border-radius:8px;color:#6b7280;color:var(--color-text-secondary,#6b7280);padding:20px;text-align:center}.recipe-edit-modal .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.recipe-edit-modal .btn-primary{background:#9333ea;background:var(--color-primary,#9333ea);color:#fff}.recipe-edit-modal .btn-primary:hover:not(:disabled){background:#7e22ce;background:var(--color-primary-dark,#7e22ce);box-shadow:0 4px 12px #9333ea4d;transform:translateY(-1px)}.recipe-edit-modal .btn-secondary{background:#f9fafb;background:var(--color-surface-hover,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937)}.recipe-edit-modal .btn-secondary:hover{background:#f3f4f6;background:var(--color-bg-gray,#f3f4f6)}.recipe-edit-modal .btn-danger{background:#ef4444;background:var(--color-error,#ef4444);color:#fff}.recipe-edit-modal .btn-danger:hover{opacity:.9}.recipe-edit-modal .btn-sm{font-size:.85rem;padding:5px 10px}.recipe-edit-modal .btn-xs{font-size:.8rem!important;justify-content:center;margin:0 2px!important;min-width:28px!important;padding:4px 8px!important}.recipe-edit-modal .btn:disabled{cursor:not-allowed;opacity:.5}.recipe-edit-modal .modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.recipe-edit-modal .form-textarea{background:#fff;background:var(--color-surface,#fff);border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb)}.recipe-edit-modal .form-textarea:focus{border-color:#9333ea;border-color:var(--color-primary,#9333ea);box-shadow:0 0 0 3px #9333ea1a}.recipe-edit-modal .form-group>label{align-items:center;display:flex;gap:6px}.recipe-edit-modal .saving-spinner{animation:spin .6s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.recipe-edit-modal .add-ingredient-form .form-group{position:relative}.recipe-edit-modal .add-ingredient-form label{color:#6b7280;color:var(--color-text-secondary,#6b7280);display:block;font-size:.85rem;margin-bottom:4px}.recipe-edit-modal .ingredients-table td:first-child,.recipe-edit-modal .ingredients-table th:first-child{padding-left:8px!important;padding-right:4px!important;width:35%!important}.recipe-edit-modal .ingredients-table td:nth-child(2),.recipe-edit-modal .ingredients-table td:nth-child(3),.recipe-edit-modal .ingredients-table td:nth-child(4),.recipe-edit-modal .ingredients-table th:nth-child(2),.recipe-edit-modal .ingredients-table th:nth-child(3),.recipe-edit-modal .ingredients-table th:nth-child(4){padding:6px 2px!important;text-align:center!important;width:15%!important}.recipe-edit-modal .ingredients-table td:nth-child(5),.recipe-edit-modal .ingredients-table th:nth-child(5){padding:6px 2px!important;text-align:center!important;width:20%!important}.recipe-edit-modal .ingredients-table .btn-xs{font-size:.75rem!important;min-width:24px!important;padding:3px 6px!important}@media (max-width:768px){.recipe-edit-modal{max-width:100%;width:98%}.recipe-edit-modal .modal-body{padding:12px}.add-ingredient-form .form-row{flex-direction:column!important;gap:10px!important}.add-ingredient-form .form-group{flex:initial!important;width:100%!important}.add-ingredient-form .form-group.flex-1,.add-ingredient-form .form-group.flex-2{flex:initial!important}.recipe-edit-modal .ingredients-table td:nth-child(4),.recipe-edit-modal .ingredients-table th:nth-child(4){display:none!important}.recipe-edit-modal .ingredients-table{font-size:.75rem}.recipe-edit-modal .ingredients-table td,.recipe-edit-modal .ingredients-table th{font-size:.75rem!important;padding:4px 2px!important}.recipe-edit-modal .btn-xs{font-size:.7rem!important;padding:2px 4px!important}.recipe-edit-modal .ingredients-table td:first-child,.recipe-edit-modal .ingredients-table th:first-child{width:45%!important}.recipe-edit-modal .ingredients-table td:nth-child(2),.recipe-edit-modal .ingredients-table td:nth-child(3),.recipe-edit-modal .ingredients-table th:nth-child(2),.recipe-edit-modal .ingredients-table th:nth-child(3){width:20%!important}.recipe-edit-modal .ingredients-table td:nth-child(5),.recipe-edit-modal .ingredients-table th:nth-child(5){width:15%!important}}.calculator-modal{background:#fff;background:var(--card-bg,#fff);border-radius:12px!important;box-shadow:0 20px 40px #0000004d!important;display:flex;flex-direction:column;height:95vh!important;left:50%!important;max-height:95vh!important;max-width:none!important;overflow:hidden;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:95vw!important;z-index:10000!important}.calculator-modal .modal-body{flex:1 1;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto;padding:20px 40px;position:relative;width:100%}.calc-section{background:#faf5ff;background:var(--color-background,#faf5ff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;margin-bottom:20px;max-width:100%;overflow:visible;padding:25px 30px;position:relative;width:100%}.calc-section h3{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.15rem;font-weight:600;margin-bottom:15px}.ingredients-table-wrapper{margin-bottom:20px;max-width:100%;overflow-x:auto;padding:0;width:100%}.ingredients-calc-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-size:1rem;min-width:600px;overflow:hidden;table-layout:auto;width:100%}.ingredients-calc-table th{background:#f3f4f6;background:var(--color-primary-light,#f3f4f6);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:.95rem;font-weight:600;padding:14px 15px;text-align:right;white-space:nowrap}@media (min-width:769px){.ingredients-calc-table td:first-child,.ingredients-calc-table th:first-child{min-width:250px;padding:12px 20px;text-align:right;white-space:normal}.ingredients-calc-table td:nth-child(2),.ingredients-calc-table td:nth-child(3),.ingredients-calc-table th:nth-child(2),.ingredients-calc-table th:nth-child(3){min-width:100px;padding:12px 15px;text-align:center}.ingredients-calc-table td:nth-child(4),.ingredients-calc-table th:nth-child(4){min-width:120px;padding:12px 15px;text-align:left}.ingredients-calc-table td:nth-child(5),.ingredients-calc-table th:nth-child(5){font-weight:600;min-width:120px;padding:12px 15px;text-align:left}}.ingredients-calc-table td{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border-light,#f0f0f0);font-size:.95rem;padding:12px 15px;text-align:right;white-space:nowrap}.ingredients-calc-table .total-cost{color:#8b5cf6;color:var(--color-primary,#8b5cf6);font-weight:600}.ingredients-calc-table tfoot tr.total-row{background:#8b5cf6;background:var(--color-primary,#8b5cf6);font-weight:700}.ingredients-calc-table tfoot tr.total-row td{border-bottom:none;border-top:2px solid #e5e7eb;border-top:2px solid var(--color-border,#e5e7eb);color:#fff;font-size:clamp(.85rem,1.2vw,1.05rem);font-weight:700;padding:12px 10px}.ingredients-calc-table tfoot tr.total-row .total-cost{color:#fff;font-weight:700}.portions-control{align-items:center;display:flex;gap:15px}.portions-control label{align-items:center;display:flex;font-weight:500;gap:10px}.portions-input{border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:6px;font-size:1rem;font-weight:600;padding:8px 12px;text-align:center;transition:border-color .2s;width:100px}.portions-input:focus{border-color:#8b5cf6;border-color:var(--color-primary,#8b5cf6);outline:none}.pricing-control{margin-bottom:20px;max-width:100%;overflow:visible;position:relative;z-index:auto}.pricing-control label{align-items:center;display:flex;font-weight:500;gap:10px;margin-bottom:10px;position:relative;z-index:1}.percentage-input{border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:6px;font-size:.95rem;padding:6px 10px;text-align:center;transition:border-color .2s;width:80px}.percentage-input:focus{border-color:#8b5cf6;border-color:var(--color-primary,#8b5cf6);outline:none}.slider-control{position:relative;z-index:auto}.slider-control label{align-items:center;display:flex;font-weight:500;gap:10px;margin-bottom:15px;position:relative;z-index:1}.slider-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:15px;padding:20px}.slider-container.large-slider{background:linear-gradient(90deg,#f3f4f6,#fff);padding:25px}.slider-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.85rem;font-weight:500}.percentage-slider{appearance:none;background:linear-gradient(90deg,#10b981 0,#f59e0b 50%,#ef4444);background:linear-gradient(to right,var(--color-success,#10b981) 0,var(--color-warning,#f59e0b) 50%,var(--color-danger,#ef4444) 100%);border-radius:6px;flex:1 1;height:12px;opacity:.9;outline:none;transition:opacity .2s}.percentage-slider:hover{opacity:1}.percentage-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:3px solid #8b5cf6;border:3px solid var(--color-primary,#8b5cf6);border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:28px;-webkit-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s;width:28px}.percentage-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #8b5cf666;transform:scale(1.15)}.percentage-slider::-moz-range-thumb{background:#fff;border:3px solid #8b5cf6;border:3px solid var(--color-primary,#8b5cf6);border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:28px;-moz-transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s;width:28px}.percentage-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #8b5cf666;transform:scale(1.15)}.percentage-display{border-radius:8px;font-size:1.3rem;min-width:60px;padding:8px 12px;text-align:center}.help-icon,.percentage-display{background:#8b5cf6;background:var(--color-primary,#8b5cf6);color:#fff;font-weight:700}.help-icon{align-items:center;border-radius:50%;cursor:help;display:inline-flex;font-size:.75rem;height:20px;justify-content:center;position:relative;transition:all .2s;width:20px;z-index:10}.help-icon:hover{background:#7c3aed;background:var(--color-primary-dark,#7c3aed);transform:scale(1.1);z-index:100001}@media (min-width:769px){.tooltip{background:#fff;border:2px solid #8b5cf6;border:2px solid var(--color-primary,#8b5cf6);border-radius:8px;box-shadow:0 8px 24px #00000040;font-size:.85rem;line-height:1.5;max-width:320px;padding:15px;position:fixed;width:320px;z-index:100000}.tooltip:before{border-color:#0000 #fff #0000 #0000;border-style:solid;border-width:8px 8px 8px 0;left:-8px}.tooltip:after,.tooltip:before{content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.tooltip:after{border-color:#0000 #e5e7eb #0000 #0000;border-color:#0000 var(--color-border,#e5e7eb) #0000 #0000;border-style:solid;border-width:8px 8px 8px 0;left:-9px}}@media (max-width:768px){.tooltip{background:#fff;border:2px solid #8b5cf6;border:2px solid var(--color-primary,#8b5cf6);border-radius:12px;box-shadow:0 10px 40px #0000004d;display:none;font-size:.9rem;left:50%!important;line-height:1.6;max-width:400px!important;padding:20px;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90vw!important;z-index:10000}.tooltip.mobile-visible{display:block}.tooltip-close-btn{align-items:center;background:#8b5cf6;background:var(--color-primary,#8b5cf6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:30px;justify-content:center;left:10px;position:absolute;top:10px;width:30px;z-index:1}.tooltip-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:9999}.tooltip-overlay.visible{display:block}}.tooltip strong{color:#1f2937;color:var(--color-text-primary,#1f2937);display:block;font-size:.9rem;margin-bottom:8px}.tooltip ul{margin:8px 0;padding-right:20px}.tooltip li{margin-bottom:4px}.tooltip li,.tooltip p{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.tooltip p{margin-top:10px}.tooltip p.warning{color:#ef4444;color:var(--color-danger,#ef4444);font-weight:600}.unit-cost-row{background:#fef3c7;background:var(--color-warning-light,#fef3c7);font-weight:600}.unit-cost-row td{color:#92400e;color:var(--color-warning-dark,#92400e);padding:10px}.unit-cost-row .unit-cost{color:#f59e0b;color:var(--color-warning,#f59e0b);font-weight:700}.pricing-summary-section{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--color-primary-light,#e5e7eb)}.pricing-summary-section h3{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-primary-light,#e5e7eb);color:#8b5cf6;color:var(--color-primary,#8b5cf6);margin-bottom:15px;padding-bottom:10px}.summary-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px;width:100%}.summary-item{align-items:center;background:#faf5ff;background:var(--color-background,#faf5ff);border:1px solid #f0f0f0;border:1px solid var(--color-border-light,#f0f0f0);border-radius:8px;gap:10px;justify-content:space-between;min-width:0;padding:12px 16px}.summary-item span:first-child{color:#6b7280;color:var(--color-text-secondary,#6b7280);flex-shrink:1;font-size:clamp(.85rem,1.1vw,.95rem);margin-left:0;white-space:normal}.summary-item .value{color:#1f2937;color:var(--color-text-primary,#1f2937);flex-shrink:0;font-size:clamp(.95rem,1.3vw,1.1rem);white-space:nowrap}.summary-item .profit{color:#10b981;color:var(--color-success,#10b981);font-size:1.1rem}.suggested-price-container{background:linear-gradient(135deg,#f3f4f6,#fff);background:linear-gradient(135deg,var(--color-primary-light,#f3f4f6),#fff);border:2px solid #8b5cf6;border:2px solid var(--color-primary,#8b5cf6);border-radius:10px;margin-top:10px;padding:20px}.suggested-price-container label{color:#1f2937;color:var(--color-text-primary,#1f2937);display:block;font-size:1.1rem;font-weight:600;margin-bottom:10px}.price-input-wrapper{gap:10px;margin-bottom:10px}.currency-symbol,.suggested-price-input{color:#8b5cf6;color:var(--color-primary,#8b5cf6);font-size:1.5rem;font-weight:700}.suggested-price-input{border:2px solid #e5e7eb;border:2px solid var(--color-primary-light,#e5e7eb);border-radius:8px;flex:1 1;padding:12px 16px;text-align:center;transition:all .2s}.suggested-price-input:focus{background:#fff;border-color:#8b5cf6;border-color:var(--color-primary,#8b5cf6);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.price-edit-note{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.85rem;font-style:italic;margin:0}@media (min-width:1600px){.summary-grid{gap:20px;grid-template-columns:repeat(3,minmax(250px,1fr))}.calc-section{padding:25px}.calculator-modal .modal-body{padding:20px 40px}.ingredients-calc-table{font-size:1rem}.ingredients-calc-table td,.ingredients-calc-table th{padding:12px 15px}}@media (max-width:1200px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.calculator-modal{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%;width:100%}.summary-grid{gap:12px}.ingredients-calc-table tbody td:nth-child(2),.ingredients-calc-table tbody td:nth-child(3),.ingredients-calc-table tbody td:nth-child(4),.ingredients-calc-table thead th:nth-child(2),.ingredients-calc-table thead th:nth-child(3),.ingredients-calc-table thead th:nth-child(4){display:none}.ingredients-calc-table{font-size:.85rem}.ingredients-calc-table tbody td:first-child,.ingredients-calc-table thead th:first-child{padding-right:10px;text-align:right;width:70%}.ingredients-calc-table tbody td:nth-child(5),.ingredients-calc-table thead th:nth-child(5){padding-left:5px;text-align:left;width:30%}.ingredients-calc-table td,.ingredients-calc-table th{padding:8px 5px}.ingredients-calc-table tfoot td{display:table-cell!important}.slider-container{align-items:stretch;flex-direction:column;gap:10px}.percentage-display{text-align:right}.summary-grid{grid-template-columns:1fr}.suggested-price-input{font-size:1.2rem}}.conversion-modal{background:#fff;background:var(--card-bg,#fff);display:flex;flex-direction:column;max-height:95vh;max-width:1200px;min-height:70vh;overflow:hidden;width:98%}.conversion-modal .modal-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px}.conversion-section{background:#faf5ff;background:var(--color-background,#faf5ff);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;margin-bottom:25px;padding:20px}.conversion-section h3{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin-bottom:15px}.ingredients-display{overflow-x:auto}.conversion-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-size:.9rem;overflow:hidden;width:100%}.conversion-table th{background:#f3f4f6;background:var(--color-primary-light,#f3f4f6);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);color:#1f2937;color:var(--color-text-primary,#1f2937);font-weight:600;padding:10px;text-align:right}.conversion-table td{border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--color-border-light,#f0f0f0);padding:8px 10px;text-align:right}.conversion-table .original-quantity{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.85rem}.conversion-table .converted-quantity{color:#8b5cf6;color:var(--color-primary,#8b5cf6);font-size:1rem;font-weight:600}.mode-buttons{display:flex;gap:10px;margin-bottom:20px}.mode-btn{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:8px;color:#1f2937;color:var(--color-text-primary,#1f2937);cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:12px 20px;transition:all .2s}.mode-btn:hover{background:#f3f4f6;background:var(--color-primary-light,#f3f4f6)}.mode-btn.active,.mode-btn:hover{border-color:#8b5cf6;border-color:var(--color-primary,#8b5cf6)}.mode-btn.active{background:#8b5cf6;background:var(--color-primary,#8b5cf6);color:#fff}.multiply-controls{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:20px}.multiply-inputs{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:20px}.multiply-inputs .input-group{display:flex;flex-direction:column;gap:8px}.multiply-inputs label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.9rem;font-weight:500}.multiply-input{border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:6px;font-size:1.1rem;font-weight:600;padding:10px;text-align:center;transition:border-color .2s;width:120px}.multiply-input:focus{border-color:#8b5cf6;border-color:var(--color-primary,#8b5cf6);outline:none}.arrow{color:#8b5cf6;color:var(--color-primary,#8b5cf6);font-size:1.5rem;font-weight:700}.conversion-result{background:#f3f4f6;background:var(--color-primary-light,#f3f4f6);border-radius:6px;padding:15px;text-align:center}.conversion-result p{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.1rem;margin:0}.conversion-result strong{color:#8b5cf6;color:var(--color-primary,#8b5cf6);font-size:1.3rem}.pan-controls{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:20px}.pan-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px;max-width:100%}.pan-config{background:#faf5ff;background:var(--color-background,#faf5ff);border:1px solid #f0f0f0;border:1px solid var(--color-border-light,#f0f0f0);border-radius:8px;min-width:0;padding:15px}.pan-config h4{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1rem;font-weight:600;margin-bottom:15px;text-align:center}.pan-type-select{display:flex;gap:20px;justify-content:center;margin-bottom:15px}.pan-type-select label{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:5px}.pan-type-select input[type=radio]{cursor:pointer}.pan-dimensions{display:flex;flex-direction:column;gap:10px}.pan-dimensions .input-group{align-items:center;display:flex;justify-content:space-between}.pan-dimensions label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.9rem}.dimension-input{border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:4px;font-size:.95rem;padding:6px 10px;text-align:center;transition:border-color .2s;width:80px}.dimension-input:focus{border-color:#8b5cf6;border-color:var(--color-primary,#8b5cf6);outline:none}.volume-results{grid-gap:15px;background:#f3f4f6;background:var(--color-primary-light,#f3f4f6);border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:20px;padding:15px}.volume-item{align-items:center;background:#fff;border:1px solid #f0f0f0;border:1px solid var(--color-border-light,#f0f0f0);border-radius:6px;display:flex;flex-direction:column;gap:5px;padding:10px}.volume-item span{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.85rem}.volume-item strong{color:#1f2937;color:var(--color-text-primary,#1f2937);font-size:1.1rem}.volume-item.highlight{background:#8b5cf6;background:var(--color-primary,#8b5cf6);border-color:#8b5cf6;border-color:var(--color-primary,#8b5cf6)}.volume-item.highlight span,.volume-item.highlight strong{color:#fff}@media (max-width:768px){.conversion-modal{border-radius:0;height:100vh;max-height:100vh;max-width:100%;width:100%}.pan-row,.volume-results{grid-template-columns:1fr}.multiply-inputs{flex-direction:column}.arrow{transform:rotate(90deg)}.mode-buttons{flex-direction:column}}:root{--color-primary:#ec4899;--color-secondary:#8b5cf6;--color-accent:#f97316;--color-primary-dark:#be185d;--color-secondary-dark:#7c3aed}.tenant-greendrop{--color-primary:#10b981;--color-secondary:#059669;--color-accent:#14b8a6;--color-primary-dark:#047857;--color-secondary-dark:#047857}.recipes-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem;width:80%}.page-header{box-shadow:0 2px 10px #0000001a;margin:-2rem -2rem 2rem}.header-content{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 2fr 1fr;padding:1rem 2rem}.header-left{justify-self:start}.header-center{justify-self:center}.header-right{justify-self:end}.page-header h1{color:#ec4899;color:var(--color-primary);font-size:1.8rem;font-weight:700;margin:0}.back-link{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.back-link:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569;transform:translateY(-1px)}.ingredients-link{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:all .3s ease}.ingredients-link:hover{background:#f1f5f9;color:#ec4899;color:var(--color-primary)}.loading-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:3rem;text-align:center}.loading-spinner{border:4px solid #f1f5f9;border-top-color:#ec4899;border-top:4px solid var(--color-primary);margin:0 auto 1rem}.limits-indicator{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;box-sizing:border-box;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease;width:100%}.limits-indicator:hover{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.limit-info{align-items:center;display:flex;font-size:1.1rem;gap:1rem;margin-bottom:1rem}.limit-info .count{color:#ec4899;color:var(--color-primary);font-size:2rem;font-weight:700}.limit-info .separator{color:#6b7280}.limit-info .limit{color:#374151;font-size:1.2rem;font-weight:600}.limit-info .label{color:#6b7280}.limit-bar{background-color:#e5e7eb;border-radius:.25rem;height:.5rem;margin-bottom:.5rem;overflow:hidden;width:100%}.limit-progress{border-radius:.25rem;height:100%;transition:all .3s ease}.limit-warning{color:#dc2626;font-size:.9rem;font-weight:500}.limit-warning a{color:#ec4899;color:var(--color-primary);font-weight:600;text-decoration:underline}.search-and-add-section{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;width:100%}.search-and-add-section .search-box{flex:1 1;position:relative;width:100%}.search-and-add-section .search-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:.75rem 3rem .75rem 1rem;transition:all .3s ease;width:100%}.search-and-add-section .search-input:focus{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 0 0 3px #ec48991a;outline:none}.search-and-add-section .search-icon{color:#64748b;font-size:1.2rem;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:1}.stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;width:100%}.stat-item{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:1.5rem;text-align:center;transition:all .3s ease}.stat-item:hover{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.stat-value{color:#ec4899;color:var(--color-primary);display:block}.stat-label{color:#64748b;font-weight:500}.search-results .stat-value{color:#059669}.search-results .stat-label{color:#059669;font-weight:600}.btn{background:#0000;border-radius:10px;flex-shrink:0;font-weight:600;transition:all .3s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#ec4899,#f97316)!important;background:linear-gradient(135deg,var(--color-primary),var(--color-accent))!important;border:1px solid #ec4899;border:1px solid var(--color-primary);box-shadow:0 4px 15px #00000026;color:#fff!important}.btn-primary:hover{border:1px solid #be185d;border:1px solid var(--color-primary-dark);box-shadow:0 6px 20px #0003}.btn-primary:active,.btn-primary:hover{background:linear-gradient(135deg,#be185d,#ec4899)!important;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))!important;color:#fff!important}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b}.btn-secondary:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.recipes-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.recipe-card,.recipes-grid{box-sizing:border-box;width:100%}.recipe-card{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;min-width:0;overflow:hidden;transition:all .3s ease}.recipe-card:hover{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.recipe-card-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.25rem .75rem}.recipe-title{color:#111827;cursor:pointer;flex:1 1;font-size:1.15rem;font-weight:600;line-height:1.4;margin:0;transition:color .2s;word-break:break-word}.recipe-title:hover{color:#ec4899;color:var(--color-primary)}.recipe-category{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));box-shadow:0 2px 4px #0003;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1.5rem;position:relative;text-transform:uppercase;white-space:nowrap}.recipe-category:before{border-color:#0000 #7c3aed #0000 #0000;border-color:#0000 var(--color-secondary-dark) #0000 #0000;border-style:solid;border-width:0 10px 2rem 0;content:"";height:0;left:-10px;position:absolute;top:0;width:0}.recipe-category:after{background:linear-gradient(180deg,#0003,#0000);bottom:-5px;content:"";height:5px;left:0;position:absolute;right:0}.tenant-greendrop .recipe-category{background:linear-gradient(135deg,#ec4899,#be185d);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))}.tenant-greendrop .recipe-category:before{border-color:#0000 #be185d #0000 #0000;border-color:#0000 var(--color-primary-dark) #0000 #0000}.recipe-card-content{padding:0 1rem 1rem}.recipe-pricing-row{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;display:flex;font-size:.95rem;gap:2rem;justify-content:center;padding:.75rem}.pricing-item{align-items:center;display:flex;gap:.75rem}.pricing-label{color:#64748b;font-weight:500}.pricing-value{font-size:1.2rem;font-weight:700}.pricing-value.cost{color:#dc2626}.pricing-value.selling{color:#059669}.pricing-separator{color:#cbd5e1;font-size:1.5rem}.recipe-card-actions{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;padding:0!important;width:100%!important}.recipe-card-actions,.recipe-card-actions .action-btn{box-sizing:border-box!important;display:flex!important;margin:0!important}.recipe-card-actions .action-btn{align-items:center!important;background:#0000!important;border:none!important;border-right:1px solid #e2e8f0!important;color:inherit!important;cursor:pointer!important;flex:1 1 16.666%!important;flex-direction:column!important;font-family:inherit!important;gap:.25rem!important;justify-content:center!important;max-width:16.666%!important;min-height:85px!important;min-width:0!important;padding:.7rem .2rem!important;text-decoration:none!important;transition:all .2s ease!important;width:16.666%!important}.action-btn:last-child{border-right:none}.recipe-card-actions .action-btn .action-icon{display:block!important;font-size:1.5rem!important;line-height:1!important}.recipe-card-actions .action-btn span:not(.action-icon){font-size:.6rem!important;font-weight:500!important;line-height:1.1!important;max-width:100%!important;padding:0 1px!important;text-align:center!important;white-space:normal!important;word-break:break-word!important}.action-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.view-btn{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;color:#0369a1}.view-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;color:#1d4ed8}.edit-btn{background:linear-gradient(135deg,#fff7ed,#fed7aa)!important;color:#c2410c}.edit-btn:hover{background:linear-gradient(135deg,#fed7aa,#fdba74)!important;color:#9a3412}.duplicate-btn{background:linear-gradient(135deg,#faf5ff,#e9d5ff)!important;color:#7c3aed}.duplicate-btn:hover{background:linear-gradient(135deg,#e9d5ff,#d8b4fe)!important;color:#6b21a8}.delete-btn{background:linear-gradient(135deg,#fef2f2,#fecaca)!important;color:#dc2626}.delete-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5)!important;color:#b91c1c}.calculator-btn{background:linear-gradient(135deg,#eff6ff,#bfdbfe)!important;color:#1e40af}.calculator-btn:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)!important;color:#1e3a8a}.pricing-btn{background:linear-gradient(135deg,#f0fdf4,#bbf7d0)!important;color:#15803d}.pricing-btn:hover{background:linear-gradient(135deg,#bbf7d0,#86efac)!important;color:#14532d}.recipe-card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:.75rem 1.5rem}.quick-stats{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:.5rem;justify-content:center}.stat-separator{opacity:.5}.empty-state{border-radius:15px;box-shadow:0 4px 15px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h2{color:#374151;font-size:1.5rem;margin:0 0 1rem}.empty-state p{font-size:1.1rem;line-height:1.6}.empty-suggestions{background:#f9fafb;border:2px solid #e2e8f0;border-radius:15px;margin:2rem 0;padding:2rem;text-align:right}.empty-suggestions h3{color:#374151;margin:0 0 1rem}.empty-suggestions ul{list-style:none;margin:0;padding:0}.empty-suggestions li{align-items:center;border-bottom:1px solid #e5e7eb;color:#6b7280;display:flex;gap:.5rem;padding:.5rem 0}.empty-suggestions li:last-child{border-bottom:none}.empty-suggestions li:before{content:"✨";font-size:1.2rem}.limit-message{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #f59e0b;border-radius:15px;margin:2rem 0;padding:2rem;text-align:center}.limit-message p{color:#92400e;font-weight:500;margin-bottom:1rem}.no-results{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:4rem 2rem;text-align:center}.no-results p{color:#6b7280;font-size:1.1rem;margin-bottom:1rem}.no-results button{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.no-results button:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;padding:1rem}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:20px;box-shadow:0 20px 40px #0000004d;box-sizing:border-box;margin:0 1rem;max-height:90vh;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#ec4899,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-bottom:2px solid #f1f5f9;border-radius:20px 20px 0 0;color:#fff;padding:1.5rem 1.5rem 1rem}.modal-header h2{color:#fff;font-size:1.25rem}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.modal-close:hover{background:#fff3}.modal-body{padding:1.5rem}.modal-actions{background:#f8fafc;border-top:2px solid #f1f5f9;padding:1rem 1.5rem 1.5rem}.delete-modal .warning-icon{color:#ef4444;font-size:3rem;margin-bottom:1rem;text-align:center}.delete-modal .warning-text{text-align:center}.delete-modal .recipe-details{background:#f9fafb;border:2px solid #e2e8f0;border-radius:12px;margin:1rem 0;padding:1.5rem;text-align:right}.delete-modal .recipe-details p{color:#374151;font-weight:500;margin:.5rem 0}.delete-modal .warning-consequences{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #f59e0b;border-radius:10px;margin-top:1rem;padding:1rem;text-align:right}.delete-modal .warning-consequences h4{color:#92400e;margin-bottom:.5rem}.delete-modal .warning-consequences ul{color:#92400e;margin:0;padding-right:1rem}.duplicate-modal .source-recipe{margin-bottom:1.5rem}.duplicate-modal .recipe-info{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.duplicate-modal .recipe-name{color:#1e40af;font-weight:600}.duplicate-modal .recipe-category{background:linear-gradient(135deg,#ec4899,#be185d);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:1rem;color:#fff;font-size:.75rem;padding:.25rem .75rem}.duplicate-modal .form-group{margin-bottom:1.5rem}.duplicate-modal .form-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.duplicate-modal .form-input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.duplicate-modal .form-input:focus{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 0 0 3px #ec48991a;outline:none}.duplicate-modal .form-input.error{border-color:#ef4444}.duplicate-modal .error-message{color:#ef4444;display:block;font-size:.875rem;margin-top:.25rem}.duplicate-modal .copy-details{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem}.duplicate-modal .copy-details ul{list-style:none;margin:.5rem 0;padding:0}.duplicate-modal .copy-details li{align-items:center;color:#059669;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.25rem 0}.duplicate-modal .copy-details li:before{content:"✅";font-size:1rem}.view-modal{max-height:80vh;max-width:600px}.view-modal .modal-header{background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:20px 20px 0 0;color:#fff;padding:1.5rem}.view-modal .modal-header h2{font-size:1.75rem}.view-modal .modal-body{padding:2rem}.recipe-section h3{color:#374151;font-size:1.2rem;margin:0 0 1.5rem}.ingredients-table.simple{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 8px #0000001a;font-size:1.1rem;overflow:hidden;width:100%}.ingredients-table.simple thead{background:#f9fafb}.ingredients-table.simple th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1rem;font-weight:600;padding:1rem;text-align:right}.ingredients-table.simple td{border-bottom:1px solid #f3f4f6;padding:1rem}.ingredients-table.simple tbody tr:last-child td{border-bottom:none}.ingredients-table.simple tbody tr:hover{background:#f9fafb}.ingredient-name{color:#1f2937;font-weight:500}.ingredient-quantity{color:#ec4899;color:var(--color-primary);font-size:1.2rem;font-weight:600;text-align:center}.ingredient-unit{color:#6b7280;text-align:center}.no-ingredients{background:#f9fafb;border-radius:10px;color:#6b7280;font-size:1.1rem;padding:3rem}.view-modal .modal-actions{background:#f8fafc;border-top:2px solid #f1f5f9;padding:1.5rem}.view-modal .btn-secondary{font-size:1rem;padding:.75rem 2rem}@media (min-width:1400px){.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:1200px){.recipes-page{padding:1rem;width:90%}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.recipes-page{padding:1rem;width:95%}.page-header{margin:-1rem -1rem 2rem}.header-content{gap:.75rem;grid-template-columns:1fr;padding:1rem;text-align:center}.header-center,.header-left,.header-right{justify-self:center}.back-link{margin-bottom:.5rem}.ingredients-link{margin-top:.5rem}.page-header h1{font-size:1.5rem}.stats-row{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-item{padding:1rem}.stat-value{font-size:1.5rem}.search-and-add-section{flex-direction:column;gap:.75rem}.search-and-add-section .search-box{max-width:100%}.recipes-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.recipe-card-header{align-items:flex-start;flex-direction:column;padding:1rem 1rem .5rem}.recipe-category{align-self:flex-start;margin-top:.5rem}.recipe-pricing-row{flex-direction:column;gap:.75rem}.pricing-separator{display:none}.recipe-card-actions{flex-wrap:wrap}.action-btn{border-bottom:1px solid #e2e8f0;flex:1 1 33.333%;min-height:70px}.action-btn:nth-child(3n){border-right:none}.action-btn .action-icon{font-size:1.2rem}.action-btn span:not(.action-icon){font-size:.5rem}.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.modal-actions{flex-direction:column-reverse}.view-modal{max-width:95vw}.view-modal .modal-body{padding:1.5rem}.ingredients-table.simple{font-size:1rem}.ingredients-table.simple td,.ingredients-table.simple th{padding:.75rem .5rem}.ingredient-quantity{font-size:1.1rem}}@media (max-width:480px){.recipes-page{padding:.5rem;width:100%}.header-content{padding:.75rem 1rem}.page-header h1{font-size:1.3rem}.stats-row{gap:.5rem;grid-template-columns:1fr}.stat-item{padding:1rem}.stat-value{font-size:1.75rem}.recipes-grid{gap:.75rem;grid-template-columns:1fr}.action-btn{border-bottom:1px solid #e2e8f0;flex:1 1 50%;min-height:65px}.action-btn:nth-child(2n){border-right:none}.action-btn .action-icon{font-size:1.1rem}.action-btn span:not(.action-icon){font-size:.45rem}.btn{font-size:.9rem;padding:.65rem 1rem}.limits-indicator{padding:1rem}.limit-info{flex-wrap:nowrap!important;font-size:1rem;gap:.5rem}.limit-info .count{font-size:1.5rem}.limit-info .limit{font-size:1rem}.limit-info .plan-badge{display:none}.limit-info{gap:.25rem}.limit-info .count,.limit-info .limit,.limit-info .separator{white-space:nowrap}}.view-modal{max-height:85vh;max-width:420px!important;overflow-x:hidden!important;overflow-y:auto;width:90%}.view-modal .modal-header{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:12px 12px 0 0;color:#fff!important;display:flex;justify-content:space-between;padding:.8rem 1rem}.view-modal .modal-header h2{color:#fff!important;flex:1 1;font-size:1.2rem;margin:0;text-align:center}.view-modal .modal-close{align-items:center;background:none;border:none;color:#fff!important;cursor:pointer;display:flex;font-size:1.4rem;height:24px;justify-content:center;padding:0;width:24px}.view-modal .modal-body{overflow-x:hidden!important;padding:.6rem .8rem}.recipe-section{margin:0;padding:0}.recipe-section h3{color:#111827!important;font-size:1rem;font-weight:600;margin:0 0 .5rem;text-align:center}.ingredients-list{overflow:hidden!important;padding:0;width:100%}.view-modal .ingredients-table.simple{background:#fff!important;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:4px;table-layout:fixed!important;width:100%}.view-modal .ingredients-table.simple thead{background:#f8f9fa!important}.view-modal .ingredients-table.simple th{word-wrap:break-word!important;background:#f8f9fa!important;border-bottom:1px solid #dee2e6;color:#374151!important;font-size:.75rem!important;font-weight:600;padding:.3rem .2rem!important;white-space:normal!important}.view-modal .ingredients-table.simple tbody,.view-modal .ingredients-table.simple tbody tr{background:#fff!important}.view-modal .ingredients-table.simple td{word-wrap:break-word!important;background:#fff!important;border-bottom:1px solid #f0f0f0;color:#1f2937!important;font-size:.8rem!important;line-height:1.2;padding:.25rem .2rem!important;white-space:normal!important;word-break:break-word!important}.view-modal .ingredients-table.simple tbody tr:last-child td{border-bottom:none}.view-modal .ingredients-table.simple tbody tr:hover,.view-modal .ingredients-table.simple tbody tr:hover td{background:#f8f9fa!important}.view-modal .ingredients-table.simple td:first-child,.view-modal .ingredients-table.simple th:first-child{max-width:50%!important;min-width:50%!important;padding-left:.3rem!important;padding-right:.4rem!important;text-align:right!important;width:50%!important}.view-modal .ingredients-table.simple td:nth-child(2),.view-modal .ingredients-table.simple td:nth-child(3),.view-modal .ingredients-table.simple th:nth-child(2),.view-modal .ingredients-table.simple th:nth-child(3){max-width:25%!important;min-width:25%!important;padding:.25rem .15rem!important;text-align:center!important;width:25%!important}.view-modal .ingredient-name{color:#1f2937!important;display:block!important;font-size:.8rem!important;font-weight:500;text-align:right!important}.view-modal .ingredient-quantity{color:#4b5563!important;display:block!important;font-size:.85rem!important;font-weight:600;text-align:center!important}.view-modal .ingredient-unit{color:#6b7280!important;display:block!important;font-size:.8rem!important;text-align:center!important}.view-modal *{opacity:1!important;visibility:visible!important}.view-modal .modal-body,.view-modal .modal-body *{color:#1f2937!important}.view-modal .modal-header,.view-modal .modal-header *{color:#fff!important}.view-modal table td,.view-modal table th{color:#1f2937!important;display:table-cell!important;opacity:1!important;visibility:visible!important}.no-ingredients{background:#f9fafb!important;border-radius:4px;color:#6b7280!important;font-size:.9rem;padding:1rem;text-align:center}.view-modal .modal-actions{background:#fafafa;border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:.6rem .8rem}.view-modal .btn-secondary{background:#e5e7eb;border:none;border-radius:4px;color:#1f2937!important;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem 1.2rem}.view-modal .btn-secondary:hover{background:#d1d5db}@media (max-width:768px){.modal-overlay{align-items:flex-start!important;overflow-y:auto;padding-top:1rem!important}.view-modal{margin-bottom:2rem;margin-top:0!important;max-width:95vw!important;width:95%}.view-modal .modal-header h2{font-size:1rem}.view-modal .modal-body{padding:.5rem}.view-modal .ingredients-table.simple td,.view-modal .ingredients-table.simple th{font-size:.75rem!important;padding:.2rem .1rem!important}}.view-modal .ingredients-table.simple{display:table!important}.view-modal .ingredients-table.simple thead{display:table-header-group!important}.view-modal .ingredients-table.simple tbody{display:table-row-group!important}.view-modal .ingredients-table.simple tr{display:table-row!important}.view-modal .ingredients-table.simple td,.view-modal .ingredients-table.simple th{display:table-cell!important;overflow:visible!important;text-overflow:clip!important}.pricing-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem;width:80%}.pricing-container{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-top:2rem;padding:2rem}.recipe-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.recipe-summary h2{color:#0369a1;font-size:1.25rem;margin:0 0 1rem}.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-item .label{color:#64748b;font-size:.875rem}.summary-item .value{color:#1e293b;font-size:1.5rem;font-weight:700}.summary-item .value.cost{color:#dc2626}.pricing-input-section{margin-bottom:2rem}.pricing-input-section h2{color:#1e293b;margin:0 0 1.5rem}.price-input-container{margin-bottom:1.5rem}.price-input-container label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.price-input-wrapper{align-items:center;display:flex;max-width:200px}.currency{color:#6b7280;font-size:1.5rem;margin-left:.5rem}.price-input{border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:1.5rem;font-weight:600;padding:.75rem;text-align:left}.price-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ec48991a;outline:none}.suggested-prices h3{color:#6b7280;font-size:1rem;margin:0 0 1rem}.suggestions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.suggestion-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:all .3s ease}.suggestion-btn:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.suggestion-btn .margin{color:#6b7280;font-size:.875rem}.suggestion-btn .price{color:var(--color-primary);font-size:1.25rem;font-weight:700}.profitability-analysis{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.profitability-analysis h2{color:#14532d;margin:0 0 1.5rem}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.metric-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1rem;text-align:center}.metric-label{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.metric-value{color:#059669;font-size:1.75rem;font-weight:700}.metric-value.profit{color:#10b981}.cost-breakdown{margin-top:1.5rem}.breakdown-bar{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;height:40px;overflow:hidden;width:100%}.cost-portion{background:#ef4444}.cost-portion,.profit-portion{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:500;justify-content:center}.profit-portion{background:#10b981}.pricing-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem}@media (max-width:768px){.pricing-page{padding:1rem;width:95%}.metrics-grid,.suggestions-grid,.summary-grid{grid-template-columns:1fr}.pricing-actions{flex-direction:column-reverse}}.inventory-page{background-color:#f9fafb;direction:rtl;min-height:100vh}.loading-container{min-height:400px}.loading-spinner{color:#ec4899;color:var(--primary,#ec4899)}.page-header{box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.header-content{display:flex;gap:2rem;justify-content:space-between;padding:0 2rem}.page-title{align-items:center;color:#111827;display:flex;font-size:1.875rem;font-weight:700;gap:.75rem;margin:0}.page-icon{color:#ec4899;color:var(--primary,#ec4899);height:32px;width:32px}.back-btn{background:#f3f4f6;border:none;border-radius:.5rem;color:#4b5563;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.back-btn:hover{background:#e5e7eb;transform:translateX(2px)}.export-btn{align-items:center;background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.export-btn:hover{background:#059669;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.btn-icon{height:16px;width:16px}.instructions-box{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:.75rem;color:#1e40af;display:flex;font-size:.875rem;gap:1rem;margin:0 auto 2rem;max-width:1200px;padding:1rem 2rem}.info-icon{flex-shrink:0;height:20px;width:20px}.inventory-table-container{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden;padding:0 2rem}.inventory-table{border-collapse:collapse;width:100%}.inventory-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.inventory-table th{color:#374151;font-size:.875rem;font-weight:600;padding:1rem;text-align:right;white-space:nowrap}.inventory-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s}.inventory-table tbody tr:hover{background-color:#f9fafb}.even-row{background-color:#fafafa}.inventory-table td{color:#374151;font-size:.875rem;padding:.875rem 1rem}.category-col{width:15%}.name-col{width:25%}.cost-col{text-align:left;width:15%}.quantity-col{width:15%}.unit-col{width:10%}.value-col{text-align:left;width:20%}.category-cell{color:#6b7280;font-weight:500}.name-cell{color:#111827;font-weight:500}.supplier-info{color:#9ca3af;display:block;font-size:.75rem;font-weight:400;margin-top:.125rem}.cost-cell{color:#374151;font-family:monospace}.quantity-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;padding:.375rem .75rem;text-align:center;transition:all .2s;width:100px}.quantity-input:focus{border-color:#ec4899;border-color:var(--primary,#ec4899);box-shadow:0 0 0 3px #ec48991a;outline:none}.quantity-input:hover{border-color:#9ca3af}.unit-cell{color:#6b7280;font-size:.8125rem}.value-cell{color:#6b7280;font-family:monospace;font-weight:500}.value-cell.has-value{color:#ec4899;color:var(--primary,#ec4899);font-weight:600}.inventory-table tfoot{background:#f3f4f6;border-top:2px solid #e5e7eb}.total-row td{font-weight:600;padding:1.25rem 1rem}.total-label{color:#374151;font-size:1rem}.total-value{color:#ec4899;color:var(--primary,#ec4899);font-family:monospace;font-size:1.25rem;font-weight:700}.bottom-actions{display:flex;justify-content:center;margin:2rem auto;max-width:1200px;padding:0 2rem}.export-btn-large{align-items:center;background:#10b981;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.875rem 2rem;transition:all .2s}.export-btn-large:hover{background:#059669;box-shadow:0 8px 16px #10b98133;transform:translateY(-2px)}.empty-state{margin:0 auto;max-width:400px}.empty-icon{color:#d1d5db;height:64px;margin:0 auto 1.5rem;width:64px}.empty-state p{color:#6b7280;font-size:1.125rem}.add-ingredients-btn{background:#ec4899;background:var(--primary,#ec4899);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.add-ingredients-btn:hover{background:#db2777;box-shadow:0 4px 12px #db277733;transform:translateY(-1px)}.modal-content-center{padding:1rem;text-align:center}.modal-icon{height:48px;margin:0 auto 1.5rem;width:48px}.modal-icon.warning{color:#f59e0b}.modal-text{color:#374151;font-size:1rem;line-height:1.5;margin-bottom:2rem}.modal-actions{justify-content:center}.upgrade-btn{background:#ec4899;background:var(--primary,#ec4899);border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.upgrade-btn:hover{background:#db2777;transform:translateY(-1px)}.cancel-btn{background:#f3f4f6;border:none;border-radius:.5rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.cancel-btn:hover{background:#e5e7eb}@media (max-width:768px){.header-content{flex-wrap:wrap;padding:0 1rem}.page-title{font-size:1.5rem}.inventory-table-container{overflow-x:auto;padding:0 1rem}.inventory-table{min-width:600px}.quantity-input{width:80px}.export-btn-large{justify-content:center;width:100%}}@media print{.bottom-actions,.instructions-box,.page-header,.quantity-input{display:none}.inventory-table-container{box-shadow:none}.inventory-table{font-size:12px}}.customer-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.customer-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.customer-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.customer-card:hover:before{opacity:1}.customer-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem;position:relative}.customer-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:48px;justify-content:center;width:48px}.customer-info{flex:1 1;min-width:0}.customer-name{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0}.customer-business,.customer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-business{color:#718096;font-size:.85rem;margin:.25rem 0 0}.customer-status{border-radius:0 12px 0 12px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;position:absolute;right:0;text-transform:uppercase;top:0}.customer-card-body{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.customer-contact{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:.5rem}.contact-icon{font-size:1rem;opacity:.7}.contact-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-card-footer{border-top:1px solid #e2e8f0;padding-top:1rem}.customer-stats{display:flex;justify-content:space-around;margin-bottom:.75rem}.customer-stats .stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.customer-stats .stat-value{color:#2d3748;font-size:1.1rem;font-weight:600}.customer-stats .stat-label{color:#718096;font-size:.75rem;text-transform:uppercase}.last-purchase{background:#f7fafc;border-radius:6px;color:#718096;font-size:.85rem;padding:.5rem;text-align:center}.customer-lead-source{align-items:center;background:#f7fafc;border-radius:4px;bottom:1rem;color:#4a5568;display:flex;font-size:.75rem;gap:.25rem;left:1rem;padding:.25rem .5rem;position:absolute}.lead-icon{font-size:.9rem}@media (max-width:768px){.customer-card{padding:1rem}.customer-avatar{font-size:1rem;height:40px;width:40px}.customer-name{font-size:1rem}.customer-contact{font-size:.85rem}}.purchases-list{overflow-x:auto;width:100%}.purchases-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.purchases-table thead{background:#f7fafc}.purchases-table th{border-bottom:2px solid #e2e8f0;color:#4a5568;font-size:.9rem;font-weight:600;padding:1rem;text-align:right;text-transform:uppercase}.purchases-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.purchases-table tbody tr:hover{background:#f7fafc}.purchases-table td{color:#2d3748;font-size:.95rem;padding:1rem}.purchase-description{display:flex;flex-direction:column;gap:.25rem}.recipe-badge{background:#e6fffa;border-radius:4px;color:#234e52;display:inline-block;font-size:.85rem;margin-top:.25rem;padding:.25rem .5rem}.total-amount{color:#667eea;font-weight:600}.payment-status{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.payment-status-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;min-width:100px;padding:.4rem .6rem;transition:all .2s ease}.payment-status-select:hover{border-color:#cbd5e0}.payment-status-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.payment-status-select.status-paid,.status-paid{background:#c6f6d5;color:#22543d}.payment-status-select.status-pending,.status-pending{background:#fef5e7;color:#7c4e03}.payment-status-select.status-partial,.status-partial{background:#e6f4ff;color:#003a8c}.payment-status-select.status-cancelled,.status-cancelled{background:#fed7d7;color:#742a2a}.action-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s ease}.action-btn:hover{background:#f7fafc;transform:scale(1.1)}.delete-btn:hover{background:#fff5f5}.purchases-table tfoot{background:#f7fafc;font-weight:600}.purchases-table tfoot td{border-top:2px solid #e2e8f0;padding:1rem}.total-label{color:#4a5568;text-align:left}.total-value{color:#667eea;font-size:1.2rem}.empty-purchases{background:#f7fafc;border-radius:8px;padding:3rem;text-align:center}.empty-purchases .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-purchases p{color:#718096;font-size:1rem}@media (max-width:768px){.purchases-table{font-size:.85rem}.purchases-table td,.purchases-table th{padding:.5rem}.purchases-table th{font-size:.8rem}.purchases-table td:nth-child(6),.purchases-table td:nth-child(7),.purchases-table th:nth-child(6),.purchases-table th:nth-child(7){display:none}}.customer-detail-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.modal-header{position:relative}.close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.close-btn:hover{background:#f7fafc;color:#000;transform:scale(1.1)}.customer-header{align-items:center;display:flex;gap:1.5rem}.customer-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:600;height:80px;justify-content:center;width:80px}.customer-header-info h2{color:#2d3748;font-size:1.75rem;margin:0}.business-name{color:#718096;font-size:1rem;margin:.25rem 0}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;margin-top:.5rem;padding:.25rem .75rem}.status-active{background:#c6f6d5;color:#22543d}.status-inactive{background:#fed7d7;color:#742a2a}.status-prospect{background:#e9d8fd;color:#44337a}.modal-tabs{background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex}.tab-btn{background:#0000;border:none;color:#718096;cursor:pointer;flex:1 1;font-size:1rem;padding:1rem;position:relative;transition:all .3s ease}.tab-btn:hover{background:#fff;color:#2d3748}.tab-btn.active{background:#fff;color:#667eea}.tab-btn.active:after{background:#667eea;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.modal-body{flex:1 1;overflow-y:auto;padding:2rem}.customer-info-tab{display:flex;flex-direction:column;gap:2rem}.info-section{background:#f7fafc;border-radius:12px;padding:1.5rem}.info-section h3{color:#4a5568;font-size:1.1rem;margin:0 0 1rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{flex-direction:column;gap:.25rem}.info-label{color:#718096;font-size:.85rem;font-weight:500}.info-value{color:#2d3748;font-size:1rem}.info-value.link{color:#667eea;text-decoration:none;transition:color .3s ease}.info-value.link:hover{color:#5a67d8;text-decoration:underline}.customer-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:center}.summary-value{color:#667eea;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.summary-label{color:#718096;font-size:.85rem}.purchases-tab{display:flex;flex-direction:column;gap:1rem}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tab-header h3{color:#2d3748;font-size:1.25rem;margin:0}.btn-sm{font-size:.9rem;padding:.5rem 1rem}.add-purchase-form{background:#f7fafc;border-radius:12px;margin-top:1rem;padding:1.5rem}.add-purchase-form form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{gap:.25rem}.form-group input,.form-group select,.form-group textarea{border-radius:6px;padding:.5rem}.form-footer{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.quotations-list,.quotations-tab{display:flex;flex-direction:column;gap:1rem}.quotation-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.quotation-item:hover{border-color:#667eea;box-shadow:0 2px 4px #0000000d}.quotation-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.quotation-number{color:#2d3748;font-size:1.1rem;font-weight:700}.quotation-date{color:#718096;font-size:.9rem}.quotation-body{display:flex;gap:2rem;margin-bottom:1rem}.quotation-amount,.quotation-validity{align-items:center;display:flex;gap:.5rem}.quotation-amount .label,.quotation-validity .label{color:#718096;font-size:.9rem}.quotation-amount .value{color:#667eea;font-size:1.1rem;font-weight:700}.quotation-validity .value{color:#2d3748}.quotation-actions{display:flex;gap:.5rem}.notes-tab{padding:1rem}.notes-content{background:#f7fafc;border-radius:8px;padding:1.5rem}.notes-text{color:#2d3748;line-height:1.6;white-space:pre-wrap}.no-notes{color:#718096;font-style:italic;text-align:center}.btn-secondary{background:#e2e8f0;color:#4a5568;font-size:1rem;transition:all .3s ease}.btn-secondary:hover{background:#cbd5e0}.btn-danger{background:#fc8181;font-size:1rem;transition:all .3s ease}.btn-danger:hover{background:#f56565}.btn-close-bottom{background:#2d3748;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-left:auto;padding:.75rem 1.5rem;transition:all .3s ease}.btn-close-bottom:hover{background:#1a202c;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}@media (max-width:768px){.customer-detail-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.modal-tabs{overflow-x:auto}.tab-btn{white-space:nowrap}.info-grid{grid-template-columns:1fr}.customer-summary{grid-template-columns:repeat(2,1fr)}}.add-customer-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:row-reverse;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#2d3748;font-size:1.5rem;margin:0}.close-btn-left{order:-1}.customer-form{flex:1 1;overflow-y:auto;padding:2rem}.form-section{margin-bottom:2rem}.form-section h3{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#4a5568;font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error,.form-group select.error{border-color:#fc8181}.form-group input:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.error-message{color:#e53e3e;font-size:.85rem;margin-top:.25rem}.form-group textarea{min-height:100px;resize:vertical}.modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}@media (max-width:768px){.add-customer-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.customer-form{padding:1rem}.form-row{grid-template-columns:1fr}}.customers-page{background:#f7fafc;min-height:100vh}.customers-nav{background:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem 0;position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;padding:0 2rem}.nav-left,.nav-right{flex:1 1}.nav-right{display:flex;gap:1rem;justify-content:flex-end}.nav-center{flex:2 1;text-align:center}.nav-title{color:#2d3748;font-size:1.75rem;font-weight:600;margin:0}.back-to-dashboard{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:inline-flex;font-size:.95rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.back-to-dashboard:hover{background:#f7fafc;border-color:#cbd5e0;color:#2d3748}.back-arrow{font-size:1.2rem;transform:rotate(180deg)}.nav-btn{margin-left:auto}.customers-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.customers-header p{font-size:1.1rem;margin:0;opacity:.95}.customers-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1400px;padding:0 2rem}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;text-align:center}.stat-value{color:#667eea;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#718096;font-size:.9rem;text-transform:uppercase}.customers-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin:0 auto 2rem;max-width:1400px;padding:0 2rem}.search-box{flex:1 1;min-width:300px;position:relative}.search-input{border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-icon{opacity:.5;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.sort-container{align-items:center;display:flex;gap:.5rem}.sort-select{min-width:auto;padding:.75rem;width:auto}.filter-select:hover{border-color:#cbd5e0}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.sort-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:1.2rem;min-width:45px;padding:.75rem 1rem;transition:all .3s ease}.sort-btn:hover{background:#f7fafc;border-color:#cbd5e0}.customers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1400px;padding:0 2rem}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:4rem auto;max-width:600px;padding:4rem 2rem;text-align:center}.empty-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(102,126,234,.3));font-size:5rem;margin-bottom:2rem}.empty-state h3{color:#2d3748;font-size:1.5rem;margin-bottom:.5rem;margin-top:1rem}.empty-state p{color:#718096;margin-bottom:2rem}.loading-container{padding:4rem}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#667eea;height:40px;width:40px}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-icon{font-size:1.2rem;font-weight:700}@media (max-width:768px){.customers-page{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem}.customers-header p{color:#fff!important}.customers-stats{grid-template-columns:1fr}.customers-filters{flex-direction:column}.search-box{min-width:100%}.customers-grid{grid-template-columns:1fr}}.google-sheets-settings{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.google-sheets-settings .section-header{border-bottom:2px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.google-sheets-settings .section-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.premium-notice{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:32px;text-align:center}.premium-notice .premium-icon{font-size:48px;margin-bottom:16px}.premium-notice h4{font-size:24px;margin-bottom:12px}.premium-notice p{font-size:16px;margin-bottom:20px;opacity:.95}.premium-notice ul{list-style:none;margin:20px auto;max-width:400px;padding:0;text-align:right}.premium-notice ul li{font-size:15px;padding:8px 0}.upgrade-btn{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:transform .2s}.upgrade-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.setup-section{text-align:center}.feature-info{background:#f9fafb;border-radius:8px;margin-bottom:24px;padding:24px}.feature-info h4{color:#1f2937;font-size:18px;margin-bottom:12px}.feature-info p{color:#6b7280;font-size:15px;margin-bottom:16px}.feature-info ul{list-style:none;margin:0 auto;max-width:400px;padding:0;text-align:right}.feature-info ul li{color:#4b5563;font-size:15px;padding:8px 0}.init-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s}.init-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.init-btn:disabled{cursor:not-allowed;opacity:.7}.active-section{animation:fadeIn .5s}.status-card{align-items:center;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.status-card.success{background:#d1fae5;border:1px solid #6ee7b7}.status-icon{font-size:32px}.status-info h4{color:#065f46;font-size:18px;margin:0 0 4px}.status-info p{color:#047857;font-size:14px;margin:0}.spreadsheet-info{background:#f9fafb;border-radius:8px;margin-bottom:20px;padding:20px}.info-row{align-items:center;display:flex;gap:12px;padding:8px 0}.info-row .label{color:#6b7280;font-weight:500;min-width:120px}.info-row .value{color:#1f2937;font-family:Courier New,monospace;font-size:14px}.open-sheet-btn{align-items:center;background:#4285f4;border-radius:6px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s}.open-sheet-btn:hover{background:#357ae8;box-shadow:0 2px 8px #4285f44d;transform:translateY(-1px)}.sync-actions{margin:24px 0;text-align:center}.sync-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s}.sync-btn:hover:not(:disabled){background:#f0fdf4;border-color:#10b981;color:#10b981}.sync-btn:disabled{cursor:not-allowed;opacity:.6}.info-note{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-top:20px;padding:16px}.info-note p{color:#92400e;font-size:14px;font-weight:500;margin:0 0 12px}.info-note ul{color:#b45309;font-size:13px;margin:0;padding-right:20px}.info-note ul li{padding:4px 0}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.enable-button{align-items:center;background:linear-gradient(135deg,#4285f4,#357ae8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s}.enable-button:hover:not(:disabled){box-shadow:0 4px 12px #4285f44d;transform:translateY(-2px)}.enable-button:disabled{cursor:not-allowed;opacity:.7}.disconnect-button{align-items:center;background:#fff;border:2px solid #dc2626;border-radius:6px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;margin-left:12px;padding:10px 24px;transition:all .2s}.disconnect-button:hover:not(:disabled){background:#dc2626;color:#fff}.disconnect-button:disabled{cursor:not-allowed;opacity:.6}.google-account{background:#f3f4f6;border-radius:4px;color:#4b5563;font-size:14px;margin-left:12px;padding:4px 12px}.privacy-note{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:20px;padding:16px}.privacy-note small{color:#0369a1;font-size:13px;line-height:1.5}.features-list{background:#f9fafb;border-radius:8px;margin-top:24px;padding:20px}.features-list h4{color:#374151;font-size:16px;margin-bottom:12px}.features-list ul{list-style:none;margin:0;padding:0}.features-list ul li{align-items:center;color:#059669;display:flex;font-size:14px;gap:8px;padding:8px 0}.actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.sync-button{align-items:center;background:#fff;border:2px solid #059669;border-radius:6px;color:#059669;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s}.sync-button:hover:not(:disabled){background:#059669;color:#fff}.sync-button:disabled{cursor:not-allowed;opacity:.6}.open-button{align-items:center;background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;margin-top:12px;padding:10px 24px;transition:all .2s}.open-button:hover{background:#357ae8;box-shadow:0 2px 8px #4285f44d;transform:translateY(-1px)}.status-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.status-badge{background:#d1fae5;border-radius:6px;color:#065f46;font-size:14px;font-weight:500;padding:6px 12px}.last-sync{color:#6b7280;font-size:13px}.info-text{margin-bottom:12px}.description,.info-text{color:#4b5563;font-size:15px}.description{line-height:1.6;margin-bottom:24px}@media (max-width:768px){.google-sheets-settings{padding:16px}.feature-info ul,.premium-notice ul{max-width:100%}.info-row{align-items:flex-start;flex-direction:column}.info-row .label{min-width:auto}}.settings-page{--primary:var(--color-primary,#ec4899);--primary-dark:var(--color-primary-dark,#be185d);--primary-light:var(--color-primary-light,#f9a8d4);--text-primary:var(--color-text,#1f2937);--text-secondary:var(--color-text-secondary,#6b7280);--border:var(--color-border,#e5e7eb);--border-light:var(--color-border-light,#f3f4f6);--border-dark:var(--color-border-dark,#9ca3af);--bg-light:var(--color-background,#fafafa);--bg-lighter:var(--color-surface,#fff);background:linear-gradient(135deg,#ec4899,#8b5cf6);background:var(--gradient-primary,linear-gradient(135deg,#ec4899 0,#8b5cf6 100%));min-height:100vh;padding-bottom:2rem}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}.page-header{background:#fff;border-bottom:1px solid var(--border);box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1rem 0}.header-content{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1200px;padding:0 1rem}.header-left{display:flex;justify-content:flex-start}.header-center{text-align:center}.header-center h1{color:var(--text-primary);font-size:1.75rem;margin:0}.header-right{display:flex;justify-content:flex-end}.back-link{align-items:center;color:var(--primary);display:flex;font-weight:500;gap:.5rem;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--primary-dark)}.settings-tabs{border-bottom:2px solid var(--border);display:flex;gap:1rem;margin:0 auto 2rem;max-width:1200px;padding:0 1rem}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:-2px;opacity:.8;padding:.75rem 1.5rem;position:relative;transition:all .2s}.tab-button.active,.tab-button:hover{color:#fff;opacity:1}.tab-button.active{background:#ffffff1a;border-bottom-color:#fff;border-radius:8px 8px 0 0;font-weight:600}.settings-content{margin:0 auto;max-width:1200px;padding:0 1rem}.categories-section{background:#fffffff2;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.section-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.section-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.9rem;text-decoration:underline;transition:all .2s}.btn-link:hover{background:#8b5cf60d;color:var(--primary-dark);text-decoration:underline}.btn-link:active{background:#8b5cf61a;color:var(--primary-dark)}.add-category{display:flex;gap:1rem;margin-bottom:2rem}.category-input{border:2px solid var(--border);border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s}.category-input:focus{border-color:var(--primary);outline:none}.categories-list{background:#00000005;border:1px solid var(--border-light);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;max-height:400px;overflow-y:auto;padding:.5rem}.category-item{align-items:center;background:#fffffffa;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s}.category-item:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.category-name{color:var(--text-primary);font-size:1rem;font-weight:500}.category-actions{display:flex;gap:.5rem}.edit-input{border:2px solid var(--primary);border-radius:4px;flex:1 1;font-size:1rem;margin-right:.5rem;padding:.5rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--primary);border:1px solid var(--primary);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #8b5cf64d;transform:translateY(-1px)}.btn-primary:active:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-light);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:var(--border-dark);color:var(--text-primary);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background:#e5e7eb;border-color:var(--border-dark);color:var(--text-primary);transform:translateY(0)}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-sm{font-size:.875rem;padding:.25rem .5rem}.btn-edit{background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .2s}.btn-edit:hover{opacity:1}.btn-delete{background:none;border:none;cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .2s}.btn-delete:hover{opacity:1}.section-footer{align-items:center;border-top:1px solid var(--border);display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.save-success-message{animation:fadeIn .3s ease-in;color:#10b981;font-size:.95rem;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header-content{gap:1rem;grid-template-columns:auto 1fr auto}.header-center h1{font-size:1.5rem}.settings-tabs{justify-content:center}.tab-button{flex:1 1;text-align:center}.categories-section{padding:1.5rem}.add-category{flex-direction:column}.category-input{width:100%}.categories-list{max-height:300px}}@media (max-width:480px){.header-content{gap:.5rem;grid-template-columns:1fr;text-align:center}.header-left,.header-right{justify-content:center}.categories-section{padding:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}.business-settings{gap:2rem}.business-settings,.setting-group{display:flex;flex-direction:column}.setting-group{gap:.5rem}.setting-label{color:var(--text-primary);font-size:.95rem;font-weight:600}.setting-input{border:1px solid var(--border);border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s}.setting-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ec48991a;outline:none}.input-with-suffix{align-items:center;display:flex;gap:.5rem}.input-with-suffix .setting-input{flex:1 1;max-width:150px}.input-suffix{color:var(--text-secondary);font-weight:600}.setting-hint{color:var(--text-secondary);font-size:.875rem;margin:0}.subscription-content{display:flex;flex-direction:column;gap:2rem}.current-plan{background:linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:12px;color:#fff;padding:1.5rem;text-align:center}.current-plan h3{font-size:1.25rem;margin:0 0 1rem}.current-plan .plan-badge{background:#fff3;border-radius:20px;display:inline-block;font-size:1.1rem;font-weight:600;padding:.5rem 1.5rem}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{background:#fff;border:2px solid var(--border);border-radius:12px;padding:2rem;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.plan-card.featured{border-color:var(--primary);box-shadow:0 4px 12px #ec489933}.plan-card .plan-badge{background:var(--primary);border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem 1rem;position:absolute;right:20px;top:-12px}.plan-card h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 1rem}.plan-price{color:var(--primary);font-size:2rem;font-weight:700;margin-bottom:1.5rem}.plan-features{list-style:none;margin:0 0 1.5rem;padding:0}.plan-features li{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:.95rem;padding:.5rem 0}.plan-features li:last-child{border-bottom:none}.plan-button-wrapper{display:flex;justify-content:center;margin-top:1.5rem}.plan-button{background:#fff;border:2px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;font-weight:600;min-width:150px;padding:.75rem 2rem;transition:all .2s}.plan-button:hover{background:var(--primary);color:#fff}.plan-button.current{background:var(--border-light);border-color:var(--border);color:var(--text-secondary);cursor:default}.plan-button.upgrade{background:var(--primary);color:#fff}.plan-button.upgrade:hover{background:var(--primary-dark);box-shadow:0 4px 12px #ec48994d;transform:translateY(-2px)}.plan-button.downgrade{background:#fef2f2;border-color:#ef4444;color:#ef4444}.plan-button.downgrade:hover{background:#ef4444;color:#fff}.subscription-info{background:var(--bg-light);border-radius:8px;padding:1.5rem;text-align:center}.subscription-info p{color:var(--text-secondary);font-size:.95rem;margin:.5rem 0}.cancel-subscription-section{background:var(--bg-light);border-radius:8px;margin-top:2rem;padding:1.5rem;text-align:center}.cancel-subscription-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s}.cancel-subscription-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.cancel-info{color:var(--text-secondary);font-size:.875rem;margin-top:1rem}.subscription-date{color:var(--text-secondary);font-size:.95rem;margin-top:.5rem}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2rem;width:90%}.modal-content h3{color:var(--text-primary);margin:0 0 1rem}.cancel-details{background:var(--bg-light);border-radius:8px;margin:1.5rem 0;padding:1rem}.refund-notice{color:#10b981}.no-refund-notice,.refund-notice{font-weight:600;margin-bottom:.5rem}.no-refund-notice{color:#f59e0b}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-secondary{background:var(--border);color:var(--text-primary)}.btn-danger,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.blog-page{background:var(--color-background);background:var(--gradient-surface,var(--color-background));direction:rtl;font-family:var(--font-primary);min-height:100vh;text-align:right}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid var(--color-border);position:sticky;top:0;transition:all .3s ease;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:.5rem 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--color-primary);font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.logo-icon{animation:gentle-bounce 3s ease-in-out infinite;height:3rem}.logo-text{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;display:flex;gap:1.5rem}.nav-link{border-radius:8px;color:var(--color-text-secondary);font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:rgba(var(--color-primary-rgb),.05);color:var(--color-primary)}.nav-link.active{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);font-weight:600}.nav-link.active:after{background:var(--color-primary);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.nav-btn{background:var(--gradient-primary);border-radius:12px;box-shadow:var(--shadow-md);color:#fff;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.blog-hero{overflow:hidden;padding:3rem 0 2rem;position:relative;text-align:center}.blog-hero:before{background:radial-gradient(circle at 20% 30%,rgba(var(--color-primary-rgb),.1) 0,#0000 50%),radial-gradient(circle at 80% 70%,rgba(var(--color-secondary-rgb),.1) 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.hero-content{position:relative;z-index:1}.hero-title{align-items:center;color:var(--color-text);display:flex;flex-wrap:wrap;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;gap:1rem;justify-content:center;margin-bottom:1rem}.title-icon{animation:gentle-bounce 2s ease-in-out infinite;font-size:1em}.hero-subtitle{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.7;margin:0 auto 1rem;max-width:700px}.section-title{align-items:center;color:var(--color-text);display:flex;font-size:2rem;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:2rem;text-align:center}.section-icon{animation:gentle-bounce 2s ease-in-out infinite;font-size:1.2em}.blog-content{padding:0 0 2rem}.categories-filter{margin-bottom:1.5rem;text-align:center}.categories-filter h3{color:var(--color-text);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.categories-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.category-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:25px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.category-btn:before{background:var(--gradient-primary);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.category-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.category-btn:hover:before{left:0}.category-btn:hover{color:#fff}.category-btn.active{background:var(--gradient-primary);border-color:#0000;color:#fff;transform:scale(1.05)}.category-count{background:#fff3;border-radius:10px;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.category-btn:not(.active) .category-count{background:var(--color-background);color:var(--color-text-secondary)}.results-info{background:#ffffffb3;border:1px solid var(--color-border);border-radius:12px;margin-bottom:1rem;padding:1rem;text-align:center}.results-info h4{color:var(--color-text);font-weight:500;margin:0}.post-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:1rem;margin-bottom:.75rem}.category{background:var(--gradient-primary);border-radius:15px;color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.date,.read-time{align-items:center;display:flex;font-weight:500;gap:.25rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tag{background:var(--color-background);border-radius:12px;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;padding:.3rem .8rem;transition:all .3s ease}.tag:hover{background:var(--color-border);color:var(--color-text)}.read-more-btn,.tag.more{background:var(--gradient-primary);color:#fff;font-weight:600}.read-more-btn{align-items:center;align-self:flex-start;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.read-more-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-arrow{transition:transform .3s ease}.read-more-btn:hover .btn-arrow{transform:translateX(-3px)}.posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:1.5rem}.post-card{background:#ffffffe6;border:2px solid var(--color-border);border-radius:20px;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all .3s ease}.post-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-5px)}.post-image{align-items:center;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.05) 0,rgba(var(--color-secondary-rgb),.05) 100%);display:flex;height:140px;justify-content:center;overflow:hidden;position:relative}.post-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3.5rem;transition:transform .3s ease}.post-card:hover .post-icon{transform:scale(1.1)}.post-overlay{align-items:center;background:rgba(var(--color-primary-rgb),.9);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.post-card:hover .post-overlay{opacity:1}.quick-read-btn{background:#fff;border:none;border-radius:8px;color:var(--color-primary);cursor:pointer;font-weight:600;padding:.5rem 1rem;text-decoration:none;transform:translateY(10px);transition:transform .3s ease}.post-card:hover .quick-read-btn{transform:translateY(0)}.post-content{padding:1.5rem}.post-title{-webkit-line-clamp:2;color:var(--color-text);font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.post-excerpt,.post-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-excerpt{-webkit-line-clamp:3;color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.post-footer{border-top:1px solid var(--color-border-light);flex-wrap:wrap;justify-content:space-between;margin-top:1rem;padding-top:1rem}.post-footer,.post-info{align-items:center;display:flex;gap:1rem}.read-btn{background:none;border:none;border-radius:6px;color:var(--color-primary);cursor:pointer;font-weight:600;padding:.5rem;text-decoration:none;transition:all .3s ease}.read-btn:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary-dark)}.load-more-section{margin:1.5rem 0;text-align:center}.load-more-btn{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin:0 auto;padding:1rem 2rem;transition:all .3s ease}.load-more-btn:hover{background:var(--gradient-primary);border-color:#0000;color:#fff;transform:translateY(-2px)}.tenant-greendrop .results-info{border-color:var(--color-primary-light)}.tenant-greendrop .category-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.tenant-greendrop .post-card:hover{border-color:var(--color-primary)}.tenant-greendrop .quick-read-btn,.tenant-greendrop .read-btn{color:var(--color-primary)}.tenant-greendrop .read-btn:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary-dark)}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:768px){.nav-container{flex-direction:column;gap:.5rem;padding:.5rem}.blog-hero:before{content:"";display:block;height:6vh;width:100%}.blog-hero{margin-top:0;padding:3rem 0 2rem}.hero-title{flex-direction:column;font-size:2rem}.posts-grid{grid-template-columns:1fr}.categories-buttons{justify-content:center}.post-footer{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.container{padding:0 1rem}.post-card{margin:0 .5rem}.blog-hero{padding:2rem 0 1rem}}:root{--tenant-primary:#ec4899;--tenant-primary-hover:#db2777;--tenant-primary-light:#fbcfe8;--tenant-secondary:#8b5cf6;--tenant-secondary-hover:#7c3aed;--tenant-text-primary:#1f2937;--tenant-text-secondary:#6b7280;--tenant-bg-primary:#fff;--tenant-bg-secondary:#f8fafc;--tenant-border:#e2e8f0;--tenant-success:#10b981;--tenant-warning:#f59e0b;--tenant-error:#ef4444;--tenant-info:#3b82f6}[data-tenant=bakerpro],[data-tenant=bakery]{--tenant-primary:#ec4899;--tenant-primary-hover:#db2777;--tenant-primary-light:#fbcfe8;--tenant-secondary:#8b5cf6;--tenant-secondary-hover:#7c3aed}[data-tenant=greendrop]{--tenant-primary:#10b981;--tenant-primary-hover:#059669;--tenant-primary-light:#d1fae5;--tenant-secondary:#34d399;--tenant-secondary-hover:#10b981}.accessibility-page,.cookies-page,.privacy-page,.terms-page{background:#f8fafc;background:var(--tenant-bg-secondary);direction:rtl;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding-top:80px}h1,h2,h3,h4,h5,h6{color:#1f2937;color:var(--tenant-text-primary);font-weight:600;line-height:1.2}li,p{color:#6b7280;color:var(--tenant-text-secondary);line-height:1.7}a{color:#ec4899;color:var(--tenant-primary);text-decoration:none;transition:color .2s ease}a:hover{color:#db2777;color:var(--tenant-primary-hover);text-decoration:underline}a:focus{outline:2px solid #ec4899;outline:2px solid var(--tenant-primary);outline-offset:2px}.cookies-nav,.legal-nav,.privacy-nav,.terms-nav{align-items:center;background:#fff;background:var(--tenant-bg-primary);box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;left:0;min-height:60px;padding:1rem 2rem;position:fixed;right:0;top:0;width:100%;z-index:100}.cookies-nav-logo,.legal-nav-logo,.privacy-nav-logo,.terms-nav-logo{align-items:center;color:#ec4899;color:var(--tenant-primary);display:flex;font-size:1.2rem;font-weight:700;gap:.75rem;text-decoration:none;transition:opacity .2s ease}.cookies-nav-logo:hover,.legal-nav-logo:hover,.privacy-nav-logo:hover,.terms-nav-logo:hover{opacity:.8;text-decoration:none}.logo-icon{height:2rem;width:auto}.nav-logo-text{color:#ec4899;color:var(--tenant-primary)}.back-home,.back-register{align-items:center;background:#ec4899;background:var(--tenant-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.back-home:hover,.back-register:hover{background:#db2777;background:var(--tenant-primary-hover);box-shadow:0 2px 4px #0000001a;color:#fff;text-decoration:none;transform:translateY(-1px)}.back-home:focus,.back-register:focus{outline:2px solid #ec4899;outline:2px solid var(--tenant-primary);outline-offset:2px}.back-icon{font-size:1.2rem;line-height:1}.cookies-container,.legal-container,.privacy-container,.terms-container{margin:0 auto;max-width:900px;padding:2rem}.cookies-header,.legal-header,.privacy-header,.terms-header{background:#fff;background:var(--tenant-bg-primary);border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:3rem;padding:2rem;text-align:center}.cookies-title,.legal-title,.privacy-title,.terms-title{color:#1f2937;color:var(--tenant-text-primary);font-size:2.5rem;font-weight:700;margin:0 0 1rem}.cookies-subtitle,.legal-subtitle,.privacy-subtitle,.terms-subtitle{color:#6b7280;color:var(--tenant-text-secondary);font-size:1rem;margin:0 0 1rem}.legal-intro,.welcome-text{color:#1f2937;color:var(--tenant-text-primary);font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:700px}.cookies-content,.legal-content,.privacy-content,.terms-content{background:#fff;background:var(--tenant-bg-primary);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:2rem}.cookies-section,.legal-section,.privacy-section,.terms-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--tenant-border);margin-bottom:2.5rem;padding-bottom:2rem}.cookies-section:last-child,.legal-section:last-child,.privacy-section:last-child,.terms-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cookies-section h2,.legal-section h2,.privacy-section h2,.terms-section h2{border-bottom:2px solid #ec4899;border-bottom:2px solid var(--tenant-primary);color:#ec4899;color:var(--tenant-primary);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.cookies-section h3,.legal-section h3,.privacy-section h3,.terms-section h3{color:#1f2937;color:var(--tenant-text-primary);font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem}.cookies-section ul,.legal-section ul,.privacy-section ul,.terms-section ul{margin:0 0 1rem;padding-right:1.5rem}.cookies-section li,.legal-section li,.privacy-section li,.terms-section li{margin-bottom:.5rem}.company-info,.info-box{background:#f8fafc;background:var(--tenant-bg-secondary);border:1px solid #e2e8f0;border-radius:6px;border-right:4px solid #ec4899;border:1px solid var(--tenant-border);border-right:4px solid var(--tenant-primary);margin:1rem 0;padding:1.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;margin-top:1rem}.info-item{align-items:center;background:#fff;background:var(--tenant-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--tenant-border);border-radius:4px;display:flex;gap:1rem;padding:.75rem;transition:transform .2s ease}.info-item:hover{box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.info-icon{color:#ec4899;color:var(--tenant-primary);font-size:1.25rem;min-width:24px}.data-categories,.data-types{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.data-category{background:#f8fafc;background:var(--tenant-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--tenant-border);border-radius:6px;padding:1.5rem;transition:all .2s ease}.data-category:hover{border-color:#ec4899;border-color:var(--tenant-primary);box-shadow:0 2px 8px #0000000d}.data-category h4{align-items:center;color:#1f2937;color:var(--tenant-text-primary);display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1rem}.usage-purposes{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.purpose-item{background:#f8fafc;background:var(--tenant-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--tenant-border);border-radius:6px;padding:1.25rem;transition:all .2s ease}.purpose-item:hover{box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}.purpose-item h4{align-items:center;color:#1f2937;color:var(--tenant-text-primary);display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 .5rem}.rights-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.5rem 0}.right-item{align-items:center;background:#f8fafc;background:var(--tenant-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--tenant-border);border-radius:6px;display:flex;flex-direction:column;padding:1.25rem;text-align:center;transition:all .2s ease}.right-item:hover{box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}.right-icon{color:#ec4899;color:var(--tenant-primary);font-size:2rem;margin-bottom:.75rem}.contact-section{background:#fbcfe8;background:var(--tenant-primary-light);border:1px solid #ec4899;border:1px solid var(--tenant-primary);border-radius:6px;margin-top:2rem;padding:1.5rem}.contact-info{margin:1rem 0}.contact-info p{align-items:center;display:flex;gap:.5rem;line-height:1.6;margin:.5rem 0}.cookies-footer,.legal-footer,.privacy-footer,.terms-footer{background:#f8fafc;background:var(--tenant-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--tenant-border);border-radius:6px;margin-top:2rem;padding:1.5rem;text-align:center}.disclaimer{color:#6b7280;color:var(--tenant-text-secondary);font-size:.9rem;font-style:italic}.cookies-actions,.legal-actions,.privacy-actions,.terms-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.accept-cookies-btn,.accept-privacy-btn,.accept-terms-btn,.decline-btn,.legal-btn,.manage-cookies-btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 2rem;text-align:center;text-decoration:none;transition:all .2s ease}.accept-cookies-btn,.accept-privacy-btn,.accept-terms-btn,.legal-btn.primary{background:#ec4899;background:var(--tenant-primary);color:#fff}.accept-cookies-btn:hover,.accept-privacy-btn:hover,.accept-terms-btn:hover,.legal-btn.primary:hover{background:#db2777;background:var(--tenant-primary-hover);box-shadow:0 4px 8px #0000001a;color:#fff;text-decoration:none;transform:translateY(-1px)}.decline-btn,.legal-btn.secondary,.manage-cookies-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--tenant-border);color:#6b7280;color:var(--tenant-text-secondary)}.decline-btn:hover,.legal-btn.secondary:hover,.manage-cookies-btn:hover{background:#f8fafc;background:var(--tenant-bg-secondary);border-color:#ec4899;border-color:var(--tenant-primary);color:#1f2937;color:var(--tenant-text-primary);text-decoration:none}.accept-cookies-btn:focus,.accept-privacy-btn:focus,.accept-terms-btn:focus,.decline-btn:focus,.legal-btn:focus,.manage-cookies-btn:focus{outline:2px solid #ec4899;outline:2px solid var(--tenant-primary);outline-offset:2px}.skip-to-content{background:#ec4899;background:var(--tenant-primary);border-radius:0 0 4px 0;color:#fff;left:0;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-40px;z-index:101}.skip-to-content:focus{top:0}:focus{outline:2px solid #ec4899;outline:2px solid var(--tenant-primary);outline-offset:2px}@media (prefers-contrast:high){:root{--tenant-border:#000}.accept-cookies-btn,.accept-privacy-btn,.accept-terms-btn,.legal-btn{border:2px solid #0000}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.cookies-nav,.legal-nav,.privacy-nav,.terms-nav{padding:1rem}.back-home,.back-register{font-size:.9rem;padding:.4rem .8rem}.logo-icon{height:1.5rem}.cookies-container,.legal-container,.privacy-container,.terms-container{padding:1rem}.cookies-content,.legal-content,.privacy-content,.terms-content{padding:1.5rem}.cookies-title,.legal-title,.privacy-title,.terms-title{font-size:2rem}.data-categories,.rights-grid,.usage-purposes{grid-template-columns:1fr}.cookies-actions,.legal-actions,.privacy-actions,.terms-actions{flex-direction:column}.accept-cookies-btn,.accept-privacy-btn,.accept-terms-btn,.decline-btn,.legal-btn{width:100%}}@media (max-width:480px){.cookies-title,.legal-title,.privacy-title,.terms-title{font-size:1.75rem}.cookies-section h2,.legal-section h2,.privacy-section h2,.terms-section h2{font-size:1.25rem}.info-item{flex-direction:column;gap:.5rem;text-align:center}.accessibility-page,.cookies-page,.privacy-page,.terms-page{padding-top:60px}}@media print{.cookies-actions,.cookies-nav,.legal-actions,.legal-nav,.privacy-actions,.privacy-nav,.terms-actions,.terms-nav{display:none}.cookies-content,.legal-content,.privacy-content,.terms-content{background:#fff;box-shadow:none}*{background:#fff!important;color:#000!important}a[href]:after{content:" (" attr(href) ")"}}