@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh;margin:0;padding:0}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal.Dc4VJyIJ.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal.BE2fNs0E.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal.BLGc9T1a.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal.alAqRL36.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal.Bput3-QP.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal.XIH6-K3k.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal.DxZsaF_h.woff2) format("woff2"),url(/assets/inter-greek-400-normal.C3I71FoW.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal.DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal.Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal.C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal.77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal.C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal.CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal.BShVwWPj.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal.NrhEyngK.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal.D4Vwzodn.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal.BoeW9iIj.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal.B6guLgqG.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal.1SJLBQ3N.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal.CeQXL5ds.woff2) format("woff2"),url(/assets/inter-greek-500-normal.CSBZZ4CI.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal.DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal.mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal.CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal.BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal.Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal.BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal.CaqZN2hq.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal.t7rHAwBu.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal.BGBWG807.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal.vZ-N8GHY.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal.Cnui8OiR.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal.CCFnzSpK.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal.Dhlb-90d.woff2) format("woff2"),url(/assets/inter-greek-600-normal.BVGIV3oK.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal.Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal.BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal.D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal.CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal.LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal.CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal.ClVoMEGq.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal.Cg0zx2i8.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal.bGtGjVdZ.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal.oWiwobpV.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal.SzCdnevJ.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal.D0KHSs-V.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal.Cxpycf-U.woff2) format("woff2"),url(/assets/inter-greek-700-normal.DtGkhywV.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal.CGpBpxLq.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal.DL6eWghQ.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal.CfWAu3Qq.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal.Z3s-4e5M.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal.Drs_5D37.woff2) format("woff2"),url(/assets/inter-latin-700-normal.KTwiWvO9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary: #4361ee;--primary-light: rgba(67, 97, 238, .1);--secondary: #3f37c9;--info: #4cc9f0;--success: #4caf50;--warning: #ff9800;--danger: #f44336;--danger-light: rgba(244, 67, 54, .1);--dark: #1e293b;--light: #f8f9fa;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--border-light: rgba(0, 0, 0, .1);--border-dark: rgba(0, 0, 0, .2);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.gradient-bg{background:linear-gradient(135deg,#4f46e5,#3b82f6)}@keyframes spin-very-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes border-glow{0%,to{opacity:1}50%{opacity:.6}}.animate-spin-very-slow{animation:spin-very-slow 20s linear infinite}.animate-border-glow{animation:border-glow 3s ease-in-out infinite}.hover-lift{transition-property:transform;transition-duration:.3s}.hover-lift:hover{transform:translateY(-.25rem)}.hover-glow{transition-property:box-shadow;transition-duration:.3s}.hover-glow:hover{box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@layer base{:root{--color-background: 249 250 251;--color-foreground: 17 24 39;--color-primary: 14 165 233;--color-primary-foreground: 255 255 255;--color-border: 229 231 235;--color-input: 209 213 219;--color-ring: 14 165 233}.dark{--color-background: 17 24 39;--color-foreground: 243 244 246;--color-primary: 56 189 248;--color-primary-foreground: 255 255 255;--color-border: 55 65 81;--color-input: 75 85 99;--color-ring: 147 197 253}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans, sans-serif);-webkit-font-smoothing:antialiased;min-height:100vh;font-feature-settings:"rlig" 1,"calt" 1}}.container{width:100%;max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container{padding-left:2rem;padding-right:2rem}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.375rem;font-weight:500;transition-property:color,background-color,border-color;transition-duration:.15s}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-ring),0 0 0 4px var(--color-background)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}.btn-primary:hover{background-color:color-mix(in srgb,var(--color-primary) 90%,transparent)}.btn-outline{border:1px solid var(--color-input)}.btn-outline:hover{background-color:var(--color-accent, #f0f9ff);color:var(--color-accent-foreground, #0284c7)}.card{background-color:var(--color-card, white);color:var(--color-card-foreground, #1f2937);border-radius:.5rem;border:1px solid var(--color-border, #e5e7eb);box-shadow:0 1px 2px #0000000d}.input{display:flex;height:2.5rem;width:100%;border-radius:.375rem;border:1px solid var(--color-input, #d1d5db);background-color:var(--color-background, white);padding:.5rem .75rem;font-size:.875rem}.input:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-ring),0 0 0 4px var(--color-background)}.input:disabled{cursor:not-allowed;opacity:.5}.input::file-selector-button{border:0;background-color:transparent;font-size:.875rem;font-weight:500}.input::placeholder{color:var(--color-muted-foreground, #6b7280)}.btn-outline:hover{background-color:#f0f9ff}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}input,textarea,select{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #e2e8f0;border-radius:.375rem;font-size:1rem}.card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:1.5rem}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-medium{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes float-fast{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes border-glow{0%,to{opacity:.5}50%{opacity:1}}.animate-float-slow{animation:float-slow 6s ease-in-out infinite}.animate-float-medium{animation:float-medium 5s ease-in-out infinite}.animate-float-fast{animation:float-fast 4s ease-in-out infinite}.animate-spin-very-slow{animation:spin-slow 20s linear infinite}.animate-border-glow{animation:border-glow 2s ease-in-out infinite}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.hover-lift{transition:transform .3s ease-out,box-shadow .3s ease-out}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.hover-glow{transition:box-shadow .3s ease-out}.hover-glow:hover{box-shadow:0 0 15px #0ea5e980}.gradient-bg{background:linear-gradient(135deg,#0ea5e9,#3b82f6)}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.card-3d{transition:transform .3s ease;transform-style:preserve-3d}.card-3d:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}.animated-border{position:relative;overflow:hidden}.animated-border:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(to right,#0ea5e9,#3b82f6);transition:width .4s ease}.animated-border:hover:after{width:100%}input[type=number]{appearance:textfield!important;-moz-appearance:textfield!important;-webkit-appearance:textfield!important;padding-right:25px!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1!important;height:100%!important;width:20px!important;margin-left:0!important;display:block!important;position:absolute!important;right:0!important;top:0!important;background-color:#f3f4f6!important;border-left:1px solid #d1d5db!important}.cookie-consent-banner{position:fixed;bottom:20px;right:20px;max-width:420px;width:calc(100% - 40px);background-color:#fff;color:#1f2937;padding:1.25rem;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;font-size:.875rem;line-height:1.5;animation:slideIn .3s cubic-bezier(.16,1,.3,1);border:1px solid #e5e7eb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transform-origin:bottom right;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2}@keyframes slideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cookie-content{display:flex;flex-direction:column;gap:.75rem}.cookie-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.25rem}.cookie-header h3{margin:0;padding:0;font-size:1.125rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.5rem}.cookie-header h3 svg{color:#4f46e5;flex-shrink:0}.cookie-header button{margin:-.5rem -.5rem -.5rem .5rem;padding:.375rem;background:none;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cookie-header button:hover{color:#1f2937;background-color:#f3f4f6}.cookie-header button:focus{outline:2px solid #4f46e5;outline-offset:2px}.cookie-content p{margin:0;color:#4b5563;font-size:.875rem;line-height:1.5}.cookie-content a{color:#4f46e5;text-decoration:none;font-weight:500;transition:color .2s ease}.cookie-content a:hover{color:#4338ca;text-decoration:underline}.cookie-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.cookie-actions .btn{flex:1 1 auto;min-width:100px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-align:center;white-space:nowrap}.cookie-actions .btn-primary{background-color:#4f46e5;color:#fff;border-color:#4f46e5;box-shadow:0 1px 2px #0000000d}.cookie-actions .btn-primary:hover{background-color:#4338ca;border-color:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.cookie-actions .btn-primary:active{transform:translateY(0)}.cookie-actions .btn-outline{background-color:#fff;color:#4b5563;border:1px solid #d1d5db;transition:all .2s ease}.cookie-actions .btn-outline:hover{background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 1px 2px #0000000d}.cookie-actions .btn-outline:active{transform:translateY(0)}.cookie-preferences{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.cookie-preferences.visible{max-height:500px;opacity:1;margin-bottom:.5rem}.preference-item{display:flex;align-items:flex-start;margin-bottom:.75rem;padding:.75rem;background-color:#f9fafb;border-radius:8px;transition:all .2s ease}.preference-item:hover{background-color:#f3f4f6}.preference-item label{display:flex;align-items:flex-start;width:100%;cursor:pointer;gap:.75rem}.preference-item input[type=checkbox]{margin-top:.25rem;width:1rem;height:1rem;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s ease}.preference-item input[type=checkbox]:checked{background-color:#4f46e5;border-color:#4f46e5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:75%}.preference-item input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed}.preference-text{flex:1}.preference-text h4{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:#111827}.preference-text p{margin:0;font-size:.8125rem;color:#6b7280;line-height:1.4}.cookie-error{margin-top:.75rem;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:.8125rem;display:flex;align-items:flex-start;gap:.5rem;animation:fadeIn .2s ease}.cookie-error svg{flex-shrink:0;margin-top:.125rem;color:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cookie-loading{position:relative;pointer-events:none;color:transparent!important;-webkit-user-select:none;user-select:none}.cookie-loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}@media (max-width: 480px){.cookie-consent-banner{right:10px;left:10px;width:auto;bottom:10px;max-width:none}.cookie-actions{flex-direction:column}.cookie-actions .btn{width:100%}}@media (prefers-color-scheme: dark){.cookie-consent-banner{background-color:#1f2937f2;border-color:#374151;color:#f3f4f6}.cookie-header h3{color:#f9fafb}.cookie-content p{color:#d1d5db}.cookie-header button:hover{background-color:#374151;color:#f9fafb}.cookie-actions .btn-outline{background-color:#1f2937;color:#f3f4f6;border-color:#4b5563}.cookie-actions .btn-outline:hover{background-color:#374151;border-color:#6b7280}.preference-item{background-color:#1f2937;border:1px solid #374151}.preference-item:hover{background-color:#1f2937;border-color:#4b5563}.preference-text h4{color:#f9fafb}.preference-text p{color:#9ca3af}.cookie-error{background-color:#7f1d1d33;border-color:#7f1d1d;color:#fca5a5}.cookie-error svg{color:#f87171}}.btn-outline:hover{background-color:#f7fafc}.cookie-preferences{margin-top:8px;padding-top:8px;border-top:1px solid #edf2f7;display:none;font-size:12px}.cookie-preferences.visible{display:block}.preference-item{display:flex;align-items:center;margin-bottom:8px}.preference-item label{display:flex;align-items:center;cursor:pointer;gap:8px;font-size:13px;color:#4a5568}.preference-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media (max-width: 480px){.cookie-consent-banner{width:95%;padding:12px 15px}.cookie-actions{flex-direction:column}.btn{width:100%}}.upgrade-banner{position:relative;background:linear-gradient(135deg,#fff8e6,#fff0cc);border:1px solid rgba(255,171,0,.2);border-radius:12px;padding:14px 20px;margin:0 0 24px;box-shadow:0 4px 20px #0000000a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.upgrade-banner:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#ffb700,#ff8a00)}.upgrade-banner-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.upgrade-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ffb700,#ff8a00);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #ffab004d}.upgrade-message{flex:1;color:#5c4b2e;font-size:.95rem;line-height:1.5}.upgrade-message .highlight{font-weight:600;color:#5c4b2e;margin-right:4px}.upgrade-link{display:inline-flex;align-items:center;margin-top:6px;color:#d48806;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease;background:#ffab001a;padding:4px 12px;border-radius:20px;border:1px solid rgba(255,171,0,.2)}.upgrade-link:hover{background:#ffab0026;color:#ad6800;transform:translateY(-1px)}.upgrade-close{flex-shrink:0;background:none;border:none;color:#d9a74a;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin-left:auto}.upgrade-close:hover{background:#0000000d;color:#ad6800}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.upgrade-banner{animation:slideInDown .4s cubic-bezier(.16,1,.3,1) forwards}.subscription-button{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;border:none;width:100%;cursor:pointer;transition:all .2s ease;background-color:#f8f9fa;box-shadow:0 2px 4px #0000000d}.subscription-button.free-plan{background-color:#f8f9fa;border:1px solid #e9ecef}.subscription-button.paid-plan{background-color:#e9f7fe;border:1px solid #b3e0ff}.subscription-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.subscription-info{display:flex;align-items:center;gap:12px}.subscription-icon{font-size:20px;color:#0d6efd}.subscription-details{display:flex;flex-direction:column;text-align:left}.plan-name{font-weight:600;font-size:14px;color:#212529}.plan-action{font-size:12px;color:#6c757d}.subscription-arrow{color:#6c757d}.subscription-button-loading{opacity:.7;cursor:default}.subscription-alert{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;margin-bottom:20px;background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.subscription-alert-content{display:flex;align-items:center;gap:12px}.subscription-alert-icon{font-size:20px;color:#856404}.subscription-alert-message{font-size:14px}.subscription-alert-action{display:flex;align-items:center;gap:12px}.subscription-alert-link{font-size:14px;font-weight:500;color:#0d6efd;text-decoration:none}.subscription-alert-link:hover{text-decoration:underline}.subscription-alert-close{background:none;border:none;cursor:pointer;color:#856404;font-size:18px;display:flex;align-items:center;justify-content:center;padding:0}.limit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.limit-modal{background-color:#fff;border-radius:8px;padding:24px;width:90%;max-width:500px;box-shadow:0 4px 20px #00000026}.limit-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.limit-modal-icon{font-size:24px;color:#dc3545}.limit-modal-title{font-size:18px;font-weight:600;color:#212529;margin:0}.limit-modal-content{margin-bottom:24px;color:#495057;font-size:14px;line-height:1.5}.limit-modal-actions{display:flex;justify-content:flex-end;gap:12px}.limit-modal-button{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.limit-modal-button-secondary{background-color:#f8f9fa;border:1px solid #ced4da;color:#495057}.limit-modal-button-secondary:hover{background-color:#e9ecef}.limit-modal-button-primary{background-color:#0d6efd;border:1px solid #0d6efd;color:#fff}.limit-modal-button-primary:hover{background-color:#0b5ed7;border-color:#0a58ca}:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: rgba(59, 130, 246, .1);--secondary: #8b5cf6;--secondary-light: rgba(139, 92, 246, .1);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--border-light: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px}.page-container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;animation:fadeIn .3s ease-out}.page-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--border-light);padding-bottom:1.5rem}.page-title-section{flex:1;min-width:300px}.page-title{font-size:1.75rem;font-weight:700;color:var(--gray-800);margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.page-title svg{color:var(--primary)}.page-description{color:var(--gray-600);max-width:600px;line-height:1.5}.page-actions{display:flex;gap:.75rem;align-items:center}.card-actions .btn-icon{width:28px;height:28px;padding:0;justify-content:center;align-items:center;border-radius:6px}.card-actions .btn-icon svg{width:14px;height:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem;margin-top:1.5rem}.card{background-color:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow);transition:all .3s ease;height:100%;display:flex;flex-direction:column;position:relative;border:1px solid var(--gray-100)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.card-image{height:200px;position:relative;overflow:hidden;background-color:var(--gray-100)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-image img{transform:scale(1.05)}.card-badge{position:absolute;top:1rem;right:1rem;background-color:#0009;color:#fff;padding:.35rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm)}.card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--gray-800);line-height:1.3}.card-subtitle{font-size:.9rem;color:var(--gray-600);margin-bottom:1.25rem;line-height:1.5}.card-details{display:flex;flex-wrap:wrap;gap:1rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--gray-100)}.card-detail{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--gray-600);background-color:var(--gray-50);padding:.5rem .75rem;border-radius:var(--radius-full)}.card-detail svg{width:1rem;height:1rem;color:var(--primary)}.card-footer{padding:1rem 1.5rem;background-color:var(--gray-50);border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center}.card-actions{display:flex;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;transition:all .2s ease;cursor:pointer;border:none;outline:none;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#fff6;opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.btn:active:after{opacity:1;transform:scale(50) translate(-50%,-50%);transition:all .6s ease}.btn svg{width:1.1rem;height:1.1rem}.btn-primary{background-color:var(--primary);color:#fff;background-image:linear-gradient(135deg,var(--primary),var(--primary-dark))}.btn-primary:hover{background-image:linear-gradient(135deg,var(--primary-dark),var(--primary-dark));box-shadow:var(--shadow);transform:translateY(-1px)}.btn-outline{background-color:transparent;border:1px solid var(--gray-300);color:var(--gray-700)}.btn-outline:hover{background-color:var(--gray-100);border-color:var(--gray-400);color:var(--primary)}.btn-danger{background-color:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-danger:hover{background-color:var(--danger);color:#fff}.btn-success:hover{background-color:#0d9488;box-shadow:0 4px 8px #10b98133}.search-container{position:relative;width:100%;max-width:400px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border-light);border-radius:8px;font-size:.95rem;transition:all .2s ease;background-color:var(--white)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a;outline:none}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-500)}.table th{background-color:var(--gray-50);text-align:left;padding:1rem;font-weight:600;color:var(--gray-700);border-bottom:1px solid var(--border-light)}.table tbody tr:hover{background-color:var(--primary-light)}.loading-container,.error-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;background-color:var(--white);border-radius:8px;border:1px solid var(--border-light);margin-top:2rem}.loading-icon,.error-icon,.empty-icon{font-size:3rem;margin-bottom:1rem;color:var(--gray-400)}.loading-text,.error-text,.empty-text{font-size:1.1rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.loading-subtext,.error-subtext,.empty-subtext{color:var(--gray-600);max-width:500px;margin:0 auto}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.product-card .card-badge{background-color:var(--info)}.subscription-card{border:2px solid var(--border-light);transition:all .3s ease}.subscription-card.popular{border-color:var(--primary);transform:scale(1.05)}.subscription-card:hover{border-color:var(--primary)}.subscription-card .card-badge{background-color:var(--warning);color:var(--gray-800)}.subscription-card.popular .card-badge{background-color:var(--primary);color:#fff}.subscription-price{font-size:2rem;font-weight:700;color:var(--gray-800);margin:1rem 0}.subscription-price .period{font-size:.9rem;color:var(--gray-500);font-weight:400}.feature-list{margin:1.5rem 0;padding:0;list-style:none}.feature-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--gray-700)}.feature-list li svg{color:var(--success)}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--white);box-shadow:0 2px 10px #0000001a}.profile-name{font-size:1.5rem;font-weight:600;color:var(--gray-800);margin-bottom:.25rem}.profile-email{color:var(--gray-600);margin-bottom:.5rem}.profile-status{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;background-color:var(--primary-light);color:var(--primary)}.profile-section{margin-bottom:2rem}.profile-section-title{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.form-input{width:100%;padding:.75rem;border:1px solid var(--border-light);border-radius:6px;font-size:.95rem;transition:all .2s ease}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.page-actions{width:100%;justify-content:flex-start;margin-top:1rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.profile-header{flex-direction:column;align-items:flex-start;text-align:center}.profile-avatar{margin:0 auto}.profile-info{width:100%;text-align:center}}.products-table .btn-icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin:0 3px;transition:all .2s ease}.products-table .btn-icon:hover{transform:scale(1.1)}.products-table .btn-icon svg{width:18px;height:18px}.products-table .btn-sm{min-height:36px;min-width:36px;padding:0;font-size:13px}.products-table .product-actions{display:flex;gap:4px;justify-content:center}@media (max-width: 480px){.card-grid{grid-template-columns:1fr}.page-title{font-size:1.5rem}}.modern-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modern-modal-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:800px;animation:fadeIn .2s ease-out;position:relative;margin:10px 0;padding:10px}.modal-close-button{position:absolute;top:12px;right:12px;background:#f8fafc;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;font-size:1.1rem;z-index:10;transition:all .2s}.modal-close-button:hover{background:#f1f5f9;color:#334155}.modal-header{padding:24px 20px;text-align:center;background:#f8fafc;border-bottom:1px solid #f1f5f9}.modal-header h2{margin:0 0 12px;font-size:1.8rem;font-weight:800;line-height:1.2;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;position:relative;letter-spacing:-.5px;animation:gradientShift 8s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.subtitle-wrapper{position:relative;margin:0 auto;max-width:90%}.modal-header .subtitle{margin:0;color:#4b5563;font-size:1.15rem;font-weight:500;line-height:1.6;display:flex;flex-direction:column;gap:.25rem}.subtitle-text{position:relative;display:inline-block;padding-bottom:.5rem}.subtitle-text:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:2px}.subtitle-highlight{background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;display:inline-block;padding:.2rem 0}.subtitle-decoration{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem;opacity:.6}.decoration-dot{color:#8b5cf6;font-size:.5rem;animation:bounce 2s infinite}.decoration-dot:nth-child(2){animation-delay:.2s}.decoration-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.modern-plans-grid{display:flex;gap:8px;margin:0;padding:5px;width:100%;align-items:stretch}.modern-plan-card{flex:1;display:flex;flex-direction:column;height:180px;overflow:hidden;margin:0;padding:8px;font-size:.9em}.modern-plan-card{padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000d;overflow:hidden;margin:10px 0 0;height:100%;box-sizing:border-box}.plan-button-container{margin-top:auto;padding-top:10px}.modern-plan-card:last-child{border-right:none}.modern-plan-card.modern-popular{position:relative;border:2px solid #3b82f6;box-shadow:0 4px 6px -1px #3b82f61a,0 2px 4px -1px #3b82f60f;overflow:visible;transform:none;transition:all .3s ease;margin-top:10px;min-height:500px}.modern-plan-card.modern-popular{position:relative;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:visible}.modern-plan-card.modern-popular:before{content:"Populaire";position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#4f46e5,#8b5cf6);color:#fff;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:20px;box-shadow:0 2px 4px #0000001a;z-index:1;letter-spacing:.5px;text-transform:uppercase;animation:pulse 2s infinite;white-space:nowrap}@keyframes pulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.modern-plan-content{display:flex;flex-direction:column;height:100%;gap:10px;overflow:hidden}.modern-plan-header{margin-bottom:10px}.modern-plan-name{font-size:1.2em;font-weight:700;margin:0 0 4px;color:#1e293b;position:relative;padding-bottom:4px}.modern-plan-name:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:4px;background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:4px;transition:width .3s ease}.modern-plan-card:hover .modern-plan-name:after{width:60%}.modern-price{margin:0 0 8px;display:flex;align-items:baseline}.modern-amount{font-size:1.5em;font-weight:800;color:#0f172a;margin-right:4px}.modern-period{color:#64748b;font-size:.9rem}.modern-description{color:#64748b;font-size:.9rem;margin:0 0 16px;line-height:1.4}.modern-plan-features{flex:1;margin:4px 0 8px;padding:0 5px 0 0;list-style:none;font-size:.95em;overflow-y:auto;min-height:200px}.modern-plan-features li{display:flex;align-items:flex-start;margin-bottom:4px;color:#475569;position:relative;padding-left:24px}.modern-plan-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:.9em}.modern-plan-features li.negative-feature{color:#ef4444;text-decoration:line-through;opacity:.8}.modern-plan-features li.negative-feature:before{content:"❌"!important;color:#ef4444;background:none;border:none;font-size:1em;line-height:1;text-decoration:none}.plan-button{display:block;width:100%;padding:10px 16px;margin-top:auto;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;background:linear-gradient(90deg,#4f46e5,#8b5cf6);color:#fff;box-shadow:0 2px 10px #4f46e533}.plan-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4f46e54d}.plan-button:active{transform:translateY(0);box-shadow:0 2px 5px #4f46e533}.modern-plan-button{display:block;width:100%;padding:10px 16px;margin-top:auto;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #2563eb33;text-align:center;text-decoration:none}.modern-plan-button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #2563eb40;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.modern-plan-button:active{transform:translateY(0);box-shadow:0 1px 2px #2563eb33}.modern-upgrade-button{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 16px;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .15s;text-decoration:none;border:1px solid #e2e8f0;margin-top:auto}.modern-upgrade-button.modern-primary{background:#3b82f6;color:#fff;border-color:transparent;font-weight:600}.modern-upgrade-button.modern-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.modern-upgrade-button.modern-secondary{background:#fff;color:#3b82f6;border-color:#e2e8f0}.modern-upgrade-button.modern-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.modern-button-icon{margin-left:6px;transition:transform .15s;font-size:.9em}.modern-upgrade-button.modern-primary:hover .modern-button-icon{transform:translate(3px)}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.modal-footer{padding:14px 16px;text-align:center;border-top:1px solid #f1f5f9;background:#f8fafc}.modal-footer p{margin:0;color:#64748b;font-size:.9rem}.modal-footer a{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.modal-footer a:hover{color:#2563eb;text-decoration:underline}@media (max-width: 768px){.modern-plans-grid{flex-direction:column}.modern-plan-card,.modern-plan-card.modern-popular{min-height:auto;padding:16px 10px;border-right:none;border-bottom:1px solid #f1f5f9}.modern-plan-card.modern-popular{border-top:none;border-left:2px solid #3b82f6}.modal-header{padding:14px}.modal-header h2{font-size:1.3rem}.modal-footer{padding:12px 14px}}.modal-footer{padding:1.5rem 3rem;text-align:center;border-top:1px solid #f1f5f9;background:#f8fafc;border-radius:0 0 1rem 1rem}.modern-plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin:8px 0 16px;position:relative;text-align:center}.price-amount{font-size:2.2rem;font-weight:800;line-height:1;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-period{font-size:1rem;color:#64748b;font-weight:500}.modern-plan-price:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:2px}.footer-text{color:#64748b;font-size:.875rem;margin:0;line-height:1.5;display:flex;align-items:center;justify-content:center;gap:.5rem}.footer-text .icon{color:#4f46e5}.footer-link{color:#4f46e5;text-decoration:none;font-weight:500;transition:color .2s}.footer-link:hover{color:#4338ca;text-decoration:underline}@media (max-width: 768px){.modern-modal-overlay{padding:.5rem;align-items:center;display:flex;justify-content:center}.modern-modal-container{width:100%;max-width:340px;margin:0;max-height:95vh}.modal-header{padding:1.5rem 1.5rem 1rem}.header-title{font-size:1.75rem;padding-bottom:.75rem}.header-subtitle{font-size:1rem;line-height:1.6}.modal-content{padding:0 .75rem 1.25rem}.plans-grid{grid-template-columns:1fr;gap:1.25rem}.plan-card{padding:1rem .75rem;margin-top:0}.plan-card.recommended{margin-top:0}.plan-features{margin:.75rem 0}.feature-item{margin-bottom:.5rem}}.modern-navbar{background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:.75rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000001a;color:#fff}.dark .modern-navbar{background:linear-gradient(135deg,#4338ca,#6d28d9);border-bottom:none}.navbar-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{flex-shrink:0;margin-right:2rem}.logo-link{text-decoration:none;display:flex;align-items:center;transition:transform .2s ease}.logo-link:hover{transform:translateY(-1px)}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;color:#fff}.navbar-links{display:flex;gap:1rem;margin:0 2rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;color:#fffc;text-decoration:none;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-weight:500;position:relative;margin:0 2px;overflow:visible;z-index:1}.nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:8px;opacity:0;transition:opacity .3s ease;z-index:-1}.nav-link:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.nav-link:hover:before{opacity:1}.nav-link{position:relative;z-index:1;transition:all .3s ease;overflow:visible}.nav-link.active{color:#7c3aed!important;font-weight:600;position:relative;background:transparent;border:none;padding:.5rem 1.5rem;margin:0;box-shadow:none}.nav-link.active:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:180%;background:#fff;border-radius:9999px;z-index:-1;opacity:1;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.nav-link.active span{position:relative;z-index:2}.nav-link.active .nav-icon{position:relative;z-index:2;stroke:#7c3aed!important;color:#7c3aed!important}.nav-link.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:#fff;border-radius:3px 3px 0 0;box-shadow:0 0 15px #ffffffb3;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{opacity:.7;box-shadow:0 0 10px #ffffffb3}to{opacity:1;box-shadow:0 0 20px #ffffffe6}}.dark .nav-link{color:#fffc}.dark .nav-link:hover{color:#fff;background:#ffffff1a}.dark .nav-link.active{color:#fff!important;background:#00000040;box-shadow:0 4px 15px #0003}.dark .nav-link.active:after{background:#fff;box-shadow:0 0 20px #ffffffe6}.dark .nav-link.active{color:#a78bfa!important;background:transparent;border:none;box-shadow:none}.dark .nav-link.active:before{background:#ffffff40;opacity:1;box-shadow:0 2px 10px #0003}.dark .nav-link.active .nav-icon{stroke:#fff!important;color:#fff!important}.nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.nav-link.active .nav-icon{stroke:#7c3aed!important;color:#7c3aed!important}.dark .nav-link .nav-icon{stroke:#ffffffe6}.dark .nav-link.active .nav-icon{stroke:#a78bfa!important;color:#a78bfa!important}.pro-badge-nav{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#92400e;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:1rem;margin-left:.35rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 2px #0000001a}.user-menu-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);transition:all .2s ease}.user-avatar-placeholder{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 5px #0000001a;transition:all .2s ease}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:240px;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;overflow:hidden;z-index:10;animation:fadeIn .2s ease}.dark .user-menu-dropdown{background-color:var(--gray-800);box-shadow:0 4px 12px #0003}.user-menu-header{padding:1rem;background-color:#0000000d;border-bottom:1px solid rgba(0,0,0,.05)}.dark .user-menu-header{background-color:#ffffff0d;border-bottom-color:#ffffff0d}.user-name{font-weight:600;color:var(--gray-900);margin:0 0 .25rem}.dark .user-name{color:#fff}.dark .user-email{color:var(--gray-400)}.user-menu-divider{height:1px;background-color:var(--border-light);margin:.5rem 0}.user-menu-item{display:block;padding:.75rem 1rem;color:var(--gray-700);text-decoration:none;font-size:.95rem;transition:all .2s ease;background:none;border:none;width:100%;text-align:left;cursor:pointer}.dark .user-menu-item{color:var(--gray-300)}.user-menu-item:hover{background-color:var(--gray-50)}.dark .user-menu-item:hover{background-color:#ffffff0d}.logout-button{color:var(--danger)!important}.navbar-actions{display:flex;align-items:center;gap:1rem;margin-left:auto;padding-right:.5rem}.search-container{position:relative;width:200px}.search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:.9rem;pointer-events:none;z-index:1}.search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border-radius:2rem;border:1px solid var(--gray-200);background-color:var(--white);font-size:.85rem;transition:all .2s ease;color:var(--gray-800);box-shadow:0 1px 3px #0000000d}.search-input:focus{outline:none;border-color:var(--primary);background-color:var(--white);box-shadow:0 0 0 3px var(--primary-light)}.icon-button{position:relative;background:none;border:none;color:var(--gray-600);font-size:1.25rem;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background-color:var(--gray-100)}.icon-button:hover{background-color:var(--primary-light);color:var(--primary);transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.notification-badge{position:absolute;top:-.25rem;right:-.25rem;background-color:var(--danger);color:#fff;font-size:.7rem;font-weight:600;width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--white);box-shadow:0 2px 4px #0000001a}.user-menu-container{position:relative}.user-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;border:2px solid var(--primary-light);transition:all .2s ease}.user-avatar:hover{border-color:var(--primary)}.user-avatar-placeholder{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:2px solid var(--white);transition:all .2s ease;box-shadow:0 2px 5px #0000001a}.user-avatar-placeholder:hover{background-color:var(--primary);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:240px;background-color:var(--white);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;overflow:hidden;z-index:10;animation:fadeIn .2s ease}.user-dropdown-header{padding:1rem;background-color:var(--gray-50);border-bottom:1px solid var(--border-light)}.user-name{font-weight:600;color:var(--dark);margin:0 0 .25rem}.user-email{font-size:.85rem;color:var(--gray-500);margin:0}.user-dropdown-divider{height:1px;background-color:var(--border-light);margin:.5rem 0}.dropdown-item{display:block;padding:.75rem 1rem;color:var(--gray-700);text-decoration:none;font-size:.95rem;transition:all .2s ease}.dropdown-item:hover{background-color:var(--gray-50);color:var(--primary)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background-color:var(--danger-light);color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.navbar-links{display:none}.search-container{width:200px}}@media (max-width: 768px){.search-container{display:none}.navbar-container{padding:0 1rem}}.navbar-links{display:flex;gap:1.5rem;margin:0 2rem;align-items:center;font-family:Inter,sans-serif}.nav-link{position:relative;color:var(--gray-600);text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease-in-out;letter-spacing:.02em;display:flex;align-items:center;gap:.5rem}.nav-link:hover{color:var(--primary);background-color:#4361ee0d}.nav-link.active{color:var(--primary);font-weight:600;background-color:#4361ee14}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:20px;height:3px;background-color:var(--primary);border-radius:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-link[href="/dashboard/recipes"]{animation:fadeInUp .3s ease-out .1s both}.nav-link[href="/dashboard/products"]{animation:fadeInUp .3s ease-out .2s both}.nav-link[href="/dashboard/subscription"]{animation:fadeInUp .3s ease-out .3s both}.nav-link[href="/dashboard/profile"]{animation:fadeInUp .3s ease-out .4s both}.nav-link.premium:after,.nav-link.premium:before{display:none}.pro-badge-nav{background:linear-gradient(135deg,gold,#ffb700);color:#8a6d3b;font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:4px;margin-left:.35rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 2px #0000001a;position:relative;top:-1px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.page-container{max-width:1200px;margin:2rem auto;padding:0 1.5rem;animation:fadeIn .4s ease-out}.page-header{margin-bottom:2rem;border-bottom:1px solid var(--border-light);padding-bottom:1rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--gray-800);margin-bottom:.5rem}.page-description{color:var(--gray-600);font-size:.95rem;max-width:600px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.card{background:var(--white);border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border-light)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000014}.card-header{padding:1rem;border-bottom:1px solid var(--border-light);background-color:#4361ee08}.card-body{padding:1.25rem}.card-footer{padding:1rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;gap:.5rem;border:none}.btn-primary:hover{background-color:#3a56d4;box-shadow:0 4px 8px #4361ee33}.btn-outline{background-color:transparent;border:1px solid var(--border-light);color:var(--gray-700)}.btn-outline:hover{background-color:var(--gray-100);border-color:var(--gray-300)}.nav-icon{stroke-width:2px;transition:all .2s ease}.nav-link:hover .nav-icon{transform:translateY(-1px);color:var(--primary)}.nav-link.active .nav-icon{color:var(--primary);stroke-width:2.2px}.badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:#4361ee1a;color:var(--primary)}.badge-success{background-color:#10b9811a;color:#10b981}.badge-warning{background-color:#f59e0b1a;color:#f59e0b}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-700)}.form-input{width:100%;padding:.75rem;border:1px solid var(--border-light);border-radius:6px;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a;outline:none}.table-container{overflow-x:auto;margin:1.5rem 0;border-radius:8px;box-shadow:0 2px 8px #0000000d;border:1px solid var(--border-light)}.table{width:100%;border-collapse:collapse}.table th{background-color:#4361ee08;text-align:left;padding:1rem;font-weight:600;color:var(--gray-700);border-bottom:1px solid var(--border-light)}.table td{padding:1rem;border-bottom:1px solid var(--border-light);color:var(--gray-600)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:#4361ee05}.pro-badge-nav{margin-left:4px;font-size:.75rem;background-color:#ffc107;color:var(--primary);font-weight:700;padding:2px 8px;border-radius:9999px;display:inline-block}.main-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--gray-50)}.main-content{flex:1;padding:1.5rem;overflow-y:auto}.content-container{max-width:1400px;margin:0 auto;width:100%}@media (max-width: 768px){.main-content{padding:1rem}}.feature-grid{display:inline-flex;flex-wrap:nowrap;gap:.5rem;margin:1.5rem 0 0;padding:.5rem 0;width:100%;justify-content:center;white-space:nowrap;overflow:hidden}.feature-item{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:6px;background:var(--bg);color:var(--text);font-size:.85rem;font-weight:500;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;border:none;flex-shrink:0;height:100%;line-height:1.2}@media (max-width: 767px){.feature-grid{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.5rem 1rem;justify-content:flex-start}.feature-grid::-webkit-scrollbar{display:none}.feature-item{padding:.4rem .8rem;font-size:.8rem}.feature-icon{width:12px;height:12px}}.feature-item{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;background:var(--bg);color:var(--text);font-size:.85rem;font-weight:500;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;border:none}.feature-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.feature-icon{width:14px;height:14px;flex-shrink:0}@media (max-width: 768px){.feature-grid{justify-content:flex-start;padding:.5rem 1rem}.feature-item{padding:.4rem .8rem;font-size:.8rem}.feature-icon{width:12px;height:12px}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background:transparent;transition:all .3s ease;padding:1rem 0}.navbar.scrolled{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 0;box-shadow:0 2px 10px #0000001a}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-header{display:flex;align-items:center;width:100%;justify-content:space-between;position:relative}.nav-header-left{flex:1}.nav-center{position:absolute;left:50%;transform:translate(-50%)}.nav-center ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-center a{color:#fff;text-decoration:none;font-weight:500;transition:color .2s ease}.nav-center a:hover{color:#a78bfa}.nav-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:1rem}@media (max-width: 1024px){.nav-center,.desktop-buttons{display:none}}.mobile-menu-button{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}@media (max-width: 1024px){.mobile-menu-button{display:block}}.nav-content{display:none;position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:#1a1a1a;padding:2rem;transition:right .3s ease;z-index:1001;overflow-y:auto}.nav-content.active{right:0;display:block}.mobile-nav-links{list-style:none;padding:0;margin-bottom:2rem}.mobile-nav-links li{margin-bottom:1rem}.mobile-nav-links a{color:#fff;text-decoration:none;font-size:1.1rem;display:block;padding:.5rem 0}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{display:block;opacity:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s ease;background-color:transparent}.navbar.scrolled{background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.navbar.scrolled .logo span{color:#7c3aed;background:linear-gradient(90deg,#7c3aed,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.navbar.scrolled .logo svg path{stroke:#7c3aed}.navbar.scrolled .nav-center ul li a,.navbar.scrolled .mobile-nav-links li a{color:#6b7280;transition:color .3s ease}.navbar.scrolled .nav-center ul li a:hover,.navbar.scrolled .mobile-nav-links li a:hover{color:#4f46e5;opacity:1}.navbar.scrolled .nav-center ul li a[href="#outils"],.navbar.scrolled .nav-center ul li a[href="#pricing"],.navbar.scrolled .mobile-nav-links li a[href="#outils"],.navbar.scrolled .mobile-nav-links li a[href="#pricing"]{color:#7c3aed;font-weight:500}.navbar.scrolled .nav-center ul li a[href="#outils"]:hover,.navbar.scrolled .nav-center ul li a[href="#pricing"]:hover,.navbar.scrolled .mobile-nav-links li a[href="#outils"]:hover,.navbar.scrolled .mobile-nav-links li a[href="#pricing"]:hover{color:#4f46e5}.navbar.scrolled .mobile-menu-button{color:#7c3aed}.navbar.scrolled .mobile-menu-button svg path{stroke:#7c3aed}.navbar.scrolled .mobile-menu-button:hover{color:#4f46e5}.navbar.scrolled .mobile-menu-button:hover svg path{stroke:#4f46e5}.mobile-menu-button{background:#fff3;border:2px solid white;border-radius:8px;cursor:pointer;padding:.75rem;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease;position:fixed;right:1.5rem;top:1.5rem}.mobile-menu-button:hover{background:#ffffff4d}.mobile-menu-button[aria-expanded=true]{background:#fff;border-color:#fff;position:fixed;right:1.5rem;top:1.5rem;z-index:1001}.mobile-menu-button[aria-expanded=true] svg{width:24px;height:24px}.mobile-menu-button[aria-expanded=true] svg path{stroke:#7c3aed;stroke-width:3px}.mobile-menu-button[aria-expanded=true]:hover{background:#f0f0f0}.mobile-menu-button[aria-expanded=false] svg{width:24px;height:24px}.mobile-menu-button[aria-expanded=false] svg path{stroke:#fff;stroke-width:3px}.navbar-container{max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:relative}.logo{display:flex;align-items:center;text-decoration:none;z-index:60}.logo svg{margin-right:.5rem}.logo span{font-size:1.5rem;font-weight:700;color:#fff}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;z-index:60;padding:.5rem;transition:transform .2s ease}.mobile-menu-button:focus{outline:none;box-shadow:0 0 0 3px #7c3aed4d;border-radius:.25rem}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin:0;padding:0}.mobile-menu-overlay.active{opacity:1;visibility:visible}body.menu-open{overflow:hidden;height:100%;width:100%;position:fixed}.nav-content{display:flex;flex-direction:row;align-items:center;gap:2rem;transition:transform .3s ease-in-out;will-change:transform}.nav-content ul{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-content li a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s;padding:.5rem 0;position:relative;font-size:1rem;cursor:pointer;display:block;opacity:.9}.nav-content li a:hover{opacity:1;text-decoration:none}.nav-content li a:hover{color:#7c3aed}.btn{display:inline-block;padding:.5rem 1.25rem;border-radius:.375rem;font-weight:500;text-align:center;transition:all .2s;cursor:pointer;text-decoration:none}.btn-outline{color:#7c3aed;border:1px solid #7C3AED;background-color:transparent}.btn-outline:hover{background-color:#7c3aed;color:#fff}.btn-primary{background-color:#7c3aed;color:#fff;border:1px solid #7C3AED}.btn-primary:hover{background-color:#6d28d9;border-color:#6d28d9}@media (max-width: 1023px){.navbar-container{padding:.75rem 1rem}.nav-header{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-buttons{flex-direction:column;width:100%;margin-top:1.5rem;gap:.75rem}@media (min-width: 1024px){.nav-buttons{flex-direction:row;width:auto;margin-top:0}.nav-buttons .btn{width:auto;min-width:120px}}.mobile-menu-button{display:block}.nav-content{position:fixed;top:0;right:0;height:100vh;width:280px;background-color:#fff;padding:5rem 1.5rem 1.5rem;transform:translate(100%);transition:transform .3s ease-in-out;z-index:999;overflow-y:auto;display:flex;flex-direction:column;box-sizing:border-box;margin:0}.nav-content ul{width:100%;margin:0;padding:0}.nav-content li{margin-bottom:.5rem}.nav-content li a{color:#7c3aed;font-weight:600;font-size:1rem;padding:.6rem .75rem;display:block;transition:all .2s ease;border-radius:6px}.nav-content li a:hover{color:#6d28d9;background:none}.nav-content.active{transform:translate(0)}.nav-content>ul{flex-direction:column;width:100%;padding:0;margin:0;list-style:none}.nav-content>.nav-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding:0 1.5rem 1.5rem;width:100%;box-sizing:border-box}.nav-buttons .btn{width:100%;text-align:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s ease;font-size:.95rem;margin:0;box-sizing:border-box}}@keyframes subtle-float{0%,to{transform:translateY(0) scale(1);box-shadow:0 2px 8px #0000001a}50%{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #00000026}}.nav-buttons{display:flex;width:100%;box-sizing:border-box}.mobile-only{display:none}.nav-content.active .mobile-only{display:flex;flex-direction:column;gap:.75rem;width:100%}.nav-buttons-container{display:flex;gap:.75rem;width:100%;flex-direction:column}.mobile-full-width{width:100%;text-align:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;margin:0;box-sizing:border-box}@media (min-width: 1024px){.nav-buttons-container{flex-direction:row;align-items:center;justify-content:flex-end;margin-top:0}.mobile-full-width{width:auto;padding:.5rem 1.25rem}.nav-buttons{width:auto;padding:0}}.billing-toggle-wrapper{display:flex;justify-content:center;margin:-.5rem auto 1.5rem;max-width:1200px;padding:0 1rem;width:100%;box-sizing:border-box}.billing-toggle-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:#f9fafb;border-radius:.5rem;padding:.5rem;margin:0;box-shadow:0 1px 3px #0000000d;position:relative;width:100%;max-width:400px}.billing-option{position:relative;z-index:1;flex:0 1 auto;text-align:center;font-size:.95rem;font-weight:500;color:#6b7280;cursor:pointer;padding:.6rem 1rem;margin:0 2px;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;-webkit-user-select:none;user-select:none;min-width:0}.billing-option.active{background:#fff;color:#7c3aed;font-weight:600;box-shadow:0 4px 12px #7c3aed26;transform:translateY(-1px)}.billing-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:12px;opacity:0;z-index:-1;transition:opacity .3s ease}.billing-option.active:before{opacity:.1}.discount-badge{background:#4f46e5;color:#fff;font-size:.6875rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px;margin-left:.5rem;display:inline-block;line-height:1.2;transform:translateY(-1px)}.switch{position:relative;display:inline-block;width:48px;height:28px;margin:0 12px;flex-shrink:0;vertical-align:middle;order:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:-7px!important;background-color:#e5e7eb;transition:.4s;border-radius:10px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;top:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 2px #0003;transform:translate(0)}input:checked+.slider{background-color:#4f46e5}input:checked+.slider:before{transform:translate(20px);background:#7c3aed}.billing-toggle-wrapper{width:100%;display:flex;justify-content:center;margin:2.5rem 0}.billing-toggle-container{display:flex;align-items:center;background:#f9fafbb3;border-radius:16px;padding:6px 12px;max-width:600px;width:auto;margin:0 auto;flex-wrap:nowrap;white-space:nowrap;overflow:visible;box-sizing:border-box}@media (max-width: 767px){.billing-toggle-container{flex-direction:column;align-items:stretch;padding:.75rem;gap:.75rem;background:#f9fafbe6;border-radius:12px;max-width:300px;width:100%}.billing-option{padding:.9rem 1rem;border-radius:10px;background:#fff;margin:.15rem 0}.billing-option.active{box-shadow:0 4px 12px #7c3aed1a}.switch{margin:.5rem auto;align-self:center;order:1}.billing-toggle-wrapper{margin:1.5rem auto;padding:0 1rem;justify-content:center}}@keyframes pulse{0%{box-shadow:0 0 #7c3aed66}70%{box-shadow:0 0 0 6px #7c3aed00}to{box-shadow:0 0 #7c3aed00}}.switch:hover .slider{box-shadow:0 0 0 3px #7c3aed26}.switch:active .slider:before{transform:translate(0);animation:pulse .5s ease}input:checked+.slider:active:before{transform:translate(20px)}.switch input:focus-visible+.slider{outline:2px solid #7c3aed;outline-offset:2px}.slider:before{transition:transform .3s cubic-bezier(.4,0,.2,1)}.billing-save{font-size:.85rem;color:#10b981;font-weight:500;margin-top:.5rem;line-height:1.3;background:#10b9811a;padding:.5rem;border-radius:.5rem;display:inline-block;width:auto;text-align:center}.price{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.5rem}.price .billing-save{font-size:.85rem;color:#10b981;font-weight:500;display:inline-flex;align-items:center;background:#10b9811a;padding:.3rem .6rem;border-radius:.5rem;margin-left:.5rem;order:2;white-space:nowrap}.price .billing-save:before{content:none}.price .price-amount{font-size:2.5rem;font-weight:700;color:#111827;line-height:1;order:1}.price .price-suffix{font-size:1rem;color:#6b7280;align-self:flex-end;margin-bottom:.35rem;order:2}.price .ttc-mention{width:100%;text-align:center;font-size:.8rem;color:#6b7280;margin-top:.25rem;order:3}.price:has(>.price-amount:only-child){font-size:2rem;font-weight:700;color:#111827}@keyframes scroll-badge{0%{transform:translate(0)}to{transform:translate(calc(-100% + 100vw))}}.pricing-button{display:inline-block;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-align:center;color:#4f46e5;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease;text-decoration:none;margin-top:1.5rem}.pricing-button:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.pricing-button.primary{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.pricing-button.primary:hover{background-color:#4338ca;border-color:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e533}.hero .feature-badges-container{width:100%;max-width:1200px;margin:2rem auto 0;padding:1rem 0;overflow:hidden}.hero .feature-badges{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1.2rem;padding:0 1rem;margin:0;width:100%}@media (max-width: 1024px){.hero .feature-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:500px;margin:0 auto}@media (max-width: 550px){.hero .feature-badges{display:flex;flex-direction:column;align-items:center;max-width:100%;width:100%;padding:0 1rem;gap:.8rem}.hero .feature-badge{width:100%;max-width:300px;margin:0 auto;padding:.8rem 1rem;justify-content:center;text-align:center}}.hero .feature-badge{width:100%;margin:0 auto}}.hero .feature-badge{display:flex;flex:0 0 auto;background:#4f46e5;border:1px solid rgba(255,255,255,.2);padding:.6rem 1.2rem;border-radius:24px;padding:.8rem 1.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-size:1rem;color:#fff!important;font-weight:500;box-shadow:0 2px 8px #0000001a;white-space:nowrap;position:relative;transition:all .3s ease;flex-shrink:0;margin:0;box-sizing:border-box;text-align:center;line-height:1.4;min-width:max-content}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero .feature-badge{animation:fadeIn .3s ease-out forwards;opacity:0}.hero .feature-badge:nth-child(1){animation-delay:.1s}.hero .feature-badge:nth-child(2){animation-delay:.2s}.hero .feature-badge:nth-child(3){animation-delay:.3s}.hero .feature-badge:nth-child(4){animation-delay:.4s}.hero .feature-badge .feature-icon{flex-shrink:0;width:16px;height:16px;stroke-width:2.5;color:#fff}.hero .feature-badge .feature-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature .icon.included{color:#10b981}.feature .icon.excluded{color:#ef4444}.feature .icon.included svg{color:#10b981;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.feature .icon.excluded svg{color:#ef4444;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.feature:hover .icon svg{transform:scale(1.1);transition:transform .2s ease}.hero .feature-badge .feature-icon{width:20px;height:20px;stroke-width:2.5;color:#fff;transition:transform .3s ease;flex-shrink:0}.hero .feature-badge .feature-text{color:#fff;transition:transform .3s ease}.hero .feature-badge:hover{background:#4338ca;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 6px 16px #00000026;z-index:2;animation-play-state:paused}.hero .feature-badge:hover .feature-icon{transform:scale(1.1)}.hero .feature-badge:hover .feature-text{transform:translate(2px)}.tools-section{padding:4rem 1rem;background-color:#fff;position:relative;overflow:hidden}.tools-section .section-title{text-align:center;margin:0 auto 3rem!important;max-width:800px;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;padding:0 1rem!important;box-sizing:border-box!important;position:static!important;left:auto!important;transform:none!important;float:none!important;clear:both!important}.tools-section .section-title-text{font-size:2.25rem;font-weight:800;color:#111827;margin:.5rem 0 0;line-height:1.2;text-align:center;background:none!important;-webkit-text-fill-color:#111827!important;padding:0!important;margin:.5rem 0 0!important;display:block!important}.tools-section .badge{display:inline-block!important;background:linear-gradient(90deg,#7c3aed,#4f46e5)!important;color:#fff!important;font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.05em!important;padding:.5rem 1.25rem!important;border-radius:9999px!important;margin:0 auto 1rem!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif!important;line-height:1.5!important;text-shadow:none!important;position:relative!important;z-index:1!important;border:none!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;width:auto!important;text-align:center!important;-webkit-text-fill-color:white!important;-webkit-text-stroke-width:0!important}.tools-section .badge,.tools-section .badge *{color:#fff!important}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;gap:1.25rem;max-width:1200px;margin:0 auto}.tool-card{background:#fff;border-radius:.5rem;padding:1.5rem 1.25rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .3s ease;display:flex;flex-direction:column;height:100%;justify-content:space-between}.tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.tool-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;flex-shrink:0}.tool-icon svg{width:1.25rem;height:1.25rem}.tool-card h3{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 .75rem;line-height:1.3;text-align:center;min-height:2.8rem;display:flex;align-items:center;justify-content:center}.tool-card p{color:#4b5563;line-height:1.5;font-size:.9rem;margin:0;text-align:center;flex-grow:1;display:flex;align-items:flex-start;justify-content:center}.features-section{padding:3rem 1rem;background-color:#f9fafb}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section-title{text-align:center;font-size:1.8rem;font-weight:700;color:#111827;margin-bottom:2rem;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title h2{font-size:2.75rem;font-weight:800;margin:0 0 3rem;color:#111827;position:relative;display:inline-block;text-align:center;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0 1rem 1.5rem}.section-title h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;border-radius:4px;background:linear-gradient(90deg,#4f46e5,#8b5cf6)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:0 2rem;max-width:1600px;margin:0 auto}@media (max-width: 1400px){.features-grid{grid-template-columns:repeat(2,1fr);max-width:1000px}}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;max-width:500px;padding:0 1.5rem}}.feature-card{border-radius:16px;padding:1.75rem 1.5rem;box-shadow:0 4px 15px #0000000a;transition:all .3s cubic-bezier(.175,.885,.32,1.1);border:1px solid #f1f5f9;background:#fff;position:relative;overflow:hidden;z-index:1;height:100%;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6366f108,#a855f708);z-index:-1;opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000014;border-color:#e5e7eb}.feature-card:hover .feature-list li:before{transform:translateY(-50%) scale(1.2);transition:transform .3s ease}.feature-icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 0 1.5rem;background:#fff;border:1px solid #e5e7eb;box-shadow:0 3px 10px #0000000a;position:relative;transition:all .3s ease}.feature-card:hover .feature-icon-wrapper{transform:scale(1.05) rotate(5deg);box-shadow:0 8px 25px #6366f126;border-color:#d1d5db}.feature-icon{width:28px;height:28px;color:#4f46e5;transition:all .3s ease;stroke-width:1.5}.feature-icon-wrapper .fi-pie-chart{stroke-width:1.8}.feature-card:hover .feature-icon{transform:scale(1.1);color:#4338ca}.feature-card h3{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#111827;position:relative;display:block;line-height:1.3}.feature-card h3:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;border-radius:2px;background:linear-gradient(90deg,#4f46e5,#8b5cf6)}.feature-list{list-style:none;padding:0;margin:0}.feature-list{margin-top:auto;padding-top:.5rem}.feature-list{padding:0;margin:0}.feature-list-item{position:relative;padding-left:1.25rem;margin-bottom:.5rem;color:#4b5563;line-height:1.6;font-size:.95rem}.feature-list-item:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#8b5cf6);transform:translateY(-50%);transition:all .3s ease}.feature-card:hover .feature-list-item:before{transform:translateY(-50%) scale(1.4);background:#4f46e5}.challenges-section{padding:4rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);position:relative;overflow:hidden;color:#fff}.challenges-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#fff3}.challenges-section .section-title h2{color:#fff!important;-webkit-text-fill-color:white!important;margin-bottom:.5rem;font-size:2rem;font-weight:800;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.2)}.section-subtitle{text-align:center;color:#ffffffe6;font-size:1.125rem;max-width:700px;margin:0 auto 2.5rem;line-height:1.6;font-weight:300}.challenges-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1000px;margin:0 auto;position:relative;z-index:1}.challenges-column,.solutions-column{background:#fffffff2;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.challenges-column:hover,.solutions-column:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000026}.challenges-header,.solutions-header{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(0,0,0,.05)}.challenges-header{background:linear-gradient(135deg,#f973161a,#f973160d);border-bottom:1px solid rgba(249,115,22,.1)}.solutions-header{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-bottom:1px solid rgba(16,185,129,.1)}.challenges-icon,.solutions-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.challenges-icon{background:#f9731626;color:#f97316}.solutions-icon{background:#10b98126;color:#10b981}.challenges-icon svg,.solutions-icon svg{width:20px;height:20px}.challenges-header h3,.solutions-header h3{font-size:1.1rem;font-weight:700;margin:0;color:#1e293b;background:none;-webkit-text-fill-color:initial}.challenges-list,.solutions-list{list-style:none;padding:0;margin:0}.challenges-list li,.solutions-list li{padding:.75rem 1.5rem;position:relative;color:#475569;line-height:1.5;font-size:.95rem;border-bottom:1px solid rgba(0,0,0,.03);transition:all .25s ease}.challenges-list li:last-child,.solutions-list li:last-child{border-bottom:none}.challenges-list li,.solutions-list li{background:#fffffffa}.challenges-list li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#f97316;margin-right:10px;vertical-align:middle}.solutions-list li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#10b981;margin-right:10px;vertical-align:middle}.challenges-list li:hover,.solutions-list li:hover{background:#fff;padding-left:1.75rem}.challenges-section:after{content:"";position:absolute;bottom:-50px;left:0;right:0;height:100px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 100' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,50 C150,100 350,0 500,50 C650,100 800,0 950,50 C1100,100 1250,0 1440,50 L1440,100 L0,100 Z'/%3E%3C/svg%3E") no-repeat center bottom / 100% 100%;z-index:0}@media (max-width: 1024px){.challenges-grid{grid-template-columns:1fr;max-width:600px}.challenges-section{padding:3.5rem 1.5rem}.challenges-section:after{bottom:-30px;height:60px}}@media (max-width: 640px){.challenges-header,.solutions-header{padding:1rem 1.25rem}.challenges-list li,.solutions-list li{padding:.65rem 1.25rem;font-size:.9rem}.challenges-list li:hover,.solutions-list li:hover{padding-left:1.5rem}.section-title h2{font-size:1.75rem}.section-subtitle{font-size:1rem;margin-bottom:2rem}}.home-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#1e293b;line-height:1.5}.hero-subtitle{font-size:1.5rem;font-weight:600;color:#1f2937;line-height:1.3;max-width:48rem;margin:2.5rem auto 0rem;text-align:center;padding:0 1rem}.hero{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:1rem 0rem 1.5rem;position:relative;overflow:visible;display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;box-sizing:border-box;width:100%;margin:0;padding-top:60px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.pricing-section .section-header{text-align:center;margin-bottom:60px}.pricing-section .section-badge{display:inline-block;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;font-size:.8125rem;font-weight:600;padding:6px 18px;border-radius:50px;margin-bottom:16px;letter-spacing:.05em;text-transform:uppercase}.pricing-section h2{font-size:2.5rem;font-weight:800;margin:0 0 16px;background:linear-gradient(90deg,#1e3a8a,#1e40af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.title-stacked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;margin:.5rem auto;width:100%;text-align:center}.title-stacked span{display:block;line-height:1.2;text-align:center;width:100%}.pricing-section .section-intro{font-size:1.25rem;color:#4b5563;max-width:700px;margin:.5rem auto 0;line-height:1.6}.pricing-section{padding:6rem 2rem;background:#f9fafb;position:relative;overflow:hidden}.pricing-section .container{max-width:1200px;margin:0 auto;position:relative;z-index:1;padding:0 1.5rem}.section-header{text-align:center;margin-bottom:4rem;display:inline-block;background:transparent;padding:0;border:none;box-shadow:none;transform:none;transition:none}.section-header:hover{transform:none;box-shadow:none}.section-title{font-size:1.75rem;color:#7e22ce;margin-bottom:.5rem;font-weight:700;background:linear-gradient(90deg,#7e22ce,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:1rem;color:#7e22ce;max-width:600px;margin:0 auto;line-height:1.5;font-weight:500;opacity:.9}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.pricing-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%}.pricing-card-inner{display:flex;flex-direction:column;height:100%;justify-content:space-between}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pricing-card.featured{border:2px solid #4f46e5;transform:scale(1.03);position:relative;overflow:visible}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.popular-tag{position:absolute;top:-12px;right:2rem;background:#4f46e5;color:#fff;padding:.25rem 1rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1}.pricing-card-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.pricing-card h3{font-size:1.5rem;color:#111827;margin-bottom:.5rem;font-weight:700}.challenges-section:after{content:"";position:absolute;bottom:-50px;left:0;right:0;height:100px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 100' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,50 C150,100 350,0 500,50 C650,100 800,0 950,50 C1100,100 1250,0 1440,50 L1440,100 L0,100 Z'/%3E%3C/svg%3E") no-repeat center bottom / 100% 100%;z-index:0}@media (max-width: 1024px){.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:100%;padding:0 1rem;gap:1.5rem}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-5px)}.home-pricing-section{padding:3rem 1.25rem}.home-pricing-section>.container>.section-header{margin-bottom:2.5rem}.home-pricing-section .section-title,.section-title{font-size:2rem}}@media (max-width: 768px){.home-pricing-section{padding:2.5rem 1rem}.home-pricing-section .section-badge{padding:.4rem 1.1rem;font-size:.75rem}.title-stacked{gap:.1rem}.title-stacked span{font-size:95%;line-height:1.15}.section-title{font-size:2rem}}@media (max-width: 640px){.pricing-section{padding:4rem 1rem}.title-stacked{margin:.3rem auto .5rem}.title-stacked span{font-size:90%;line-height:1.2}.section-title{font-size:2rem}.pricing-card{padding:1.5rem}}.navbar-container{max-width:1280px;margin:0 auto;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;transition:all .3s ease}.logo svg{width:32px;height:32px;flex-shrink:0;transition:transform .3s ease;stroke:#fff}.logo:hover svg{transform:rotate(-15deg)}.logo-text{color:#fff;font-weight:700;letter-spacing:-.5px}.nav-links{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.nav-link{color:#ffffffe6;text-decoration:none;font-weight:500;font-size:1rem;position:relative;padding:.5rem 0;transition:all .3s ease}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#fff;transition:width .3s ease}.nav-link:hover{color:#fff}.nav-link:hover:after{width:100%}.auth-buttons{display:flex;gap:1rem;align-items:center}.btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;letter-spacing:.3px;cursor:pointer;border:none;outline:none}.btn-login{background:transparent;color:#fff;position:relative;overflow:hidden;z-index:1}.btn-login:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;border-radius:10px;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:-1}.btn-login:hover:before{transform:scaleX(1);transform-origin:left}.btn-primary{background:#fff;color:#4f46e5;box-shadow:0 4px 20px #4f46e54d;position:relative;overflow:hidden;z-index:1}.btn-primary:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);opacity:0;transition:opacity .3s ease;z-index:-1;border-radius:10px}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 25px #4f46e566}.btn-primary:hover:after{opacity:1}.navbar-container.scrolled{background:#4f46e5f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;border-radius:0 0 20px 20px;height:70px;margin:0 1.5rem;max-width:calc(1280px - 3rem);padding:0 1.5rem;transition:all .3s ease}.hero-content{width:100%;max-width:100%;margin:0 auto;padding:1rem .75rem;position:relative;z-index:2;box-sizing:border-box;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.5rem;width:100%;margin:0 auto;padding:1rem 0}.hero-text{text-align:center;max-width:100%;margin:0 auto;position:relative;z-index:2;box-sizing:border-box;padding:0 .5rem;width:100%;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-badge{display:inline-block;margin:.5rem 0 1rem;padding:.4rem 1rem;border-radius:20px;background:linear-gradient(90deg,#0284c733,#38bdf833);border:1px solid rgba(56,189,248,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px #0000001a;white-space:normal;text-align:center;width:auto;max-width:100%}.hero-badge-text{color:#fff;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;display:inline-block;max-width:100%;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;white-space:normal;text-align:center;line-height:1.3}.hero-title{font-size:1.75rem;font-weight:800;margin:0 auto .75rem;background:linear-gradient(90deg,#fff,#e0f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.02em;line-height:1.3;padding:0 .5rem;box-sizing:border-box;width:100%;text-align:center;max-width:100%;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;overflow:visible;display:block}.hero-description{font-size:1.1rem;line-height:1.6;margin:0 auto 1.5rem;max-width:800px;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.15);position:relative;z-index:2;padding:0 1rem;box-sizing:border-box;width:100%;text-align:center;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;overflow:visible;display:block;font-weight:400;letter-spacing:.01em}.hero-description span{display:inline-block;margin-bottom:.5rem;font-weight:500;color:#fff;font-size:1.15rem}@media (max-width: 1024px){.hero{min-height:auto;padding:1.5rem 1rem 3rem}.hero-title{font-size:2.2rem;line-height:1.2}.hero-description{font-size:.95rem;line-height:1.5;margin:0 auto 1.25rem;padding:0 .75rem}.hero-description span{font-size:1rem;line-height:1.5;display:block;margin-bottom:.5rem}}@media (max-width: 768px){.hero{padding:1rem .5rem 2rem;min-height:auto;overflow-x:visible}.hero-title,.hero-subtitle{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.hero-content{padding:0;margin:0}.hero-inner{gap:1.25rem}.hero-title{font-size:1.6rem;margin-bottom:.75rem;line-height:1.4;padding:0 .5rem;word-break:break-word;overflow-wrap:break-word;white-space:normal}.hero-subtitle{margin-bottom:1.5rem!important}.hero-description{font-size:1rem;line-height:1.6;margin:0 auto 1.25rem;padding:0 1rem}.hero-description span{font-size:1.05rem;line-height:1.5}.feature-badges{gap:.5rem;margin:1.25rem -.25rem .75rem;padding:.5rem .25rem .75rem;justify-content:center;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scroll-padding:0 1rem}.feature-badge{padding:.4rem .8rem;font-size:.8rem}.feature-emoji{font-size:1.1rem}.hero-description{font-size:1.1rem;line-height:1.6;padding:0 .5rem;margin-bottom:1.5rem}}@media (max-width: 480px){.hero{padding:1rem .5rem 1.5rem;min-height:auto;overflow-x:visible}.hero-title,.hero-subtitle{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.hero-badge{padding:.5rem 1rem;margin:.3rem auto 1rem;white-space:normal;max-width:100%;font-size:.8rem;line-height:1.4;display:flex;justify-content:center;align-items:center;text-align:center;background:#ffffff1a;border-radius:50px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.hero-badge-text{font-size:.75rem;line-height:1.4;white-space:normal;display:inline;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.hero-title{font-size:1.5rem;line-height:1.4;margin:.2rem 0 .8rem;padding:0 .5rem;word-break:break-word;overflow-wrap:break-word;white-space:normal}.hero-description{font-size:.9rem;line-height:1.5;margin:.2rem 0 1.25rem;padding:0 .5rem}.feature-badges{display:flex;flex-wrap:wrap;justify-content:center;margin:.5rem -.25rem .25rem;padding:.25rem .25rem .5rem;gap:.3rem;width:100%;max-width:100%;box-sizing:border-box}.feature-badge{flex:1 0 auto;padding:.25rem .4rem;font-size:.65rem;min-width:calc(50% - .6rem);max-width:calc(50% - .6rem);box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-icon{font-size:.75rem;margin-right:.2rem;flex-shrink:0}.feature-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.hero-subtitle{position:relative;margin-bottom:4rem!important;padding-bottom:1rem;font-size:1.5rem;font-weight:700;color:#e2e8f0;text-shadow:0 1px 3px rgba(0,0,0,.1);text-align:center;max-width:100%;padding:0 1rem 1rem;box-sizing:border-box;width:100%;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;white-space:normal}.hero-subtitle:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:#fff;border-radius:3px}.modern-challenges{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f0f9ff);padding:80px 0;border-radius:24px;margin:60px auto;max-width:1400px;box-shadow:0 20px 40px #0000000d}.modern-challenges .container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.modern-challenges .section-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px;padding:0 15px;width:100%}.modern-challenges .section-badge{background:linear-gradient(90deg,#4f46e5,#7c3aed)!important;color:#fff!important;font-weight:600;letter-spacing:.02em;padding:6px 18px!important;margin:0 auto 12px!important;display:block;width:fit-content;border-radius:50px;font-size:.8125rem;box-shadow:0 4px 15px #4f46e533;text-transform:none}.modern-challenges h2{font-size:2.75rem;line-height:1.2;font-weight:800;margin:0 0 16px;background:linear-gradient(90deg,#1e3a8a,#1e40af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;text-align:center;max-width:100%;padding:0 20px}.modern-challenges .section-intro{font-size:1.25rem;line-height:1.6;color:#4b5563;max-width:700px;margin:0 auto;opacity:.9;padding:0 20px;text-align:center;box-sizing:border-box}.challenges-container{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:50px;justify-content:center;width:100%;padding:0 10px}@media (max-width: 1024px){.modern-challenges{padding:50px 0}.modern-challenges h2{font-size:2rem}.challenges-container{gap:20px;margin-bottom:40px}}@media (max-width: 768px){.modern-challenges{padding:40px 0}.modern-challenges .section-header{margin-bottom:30px;padding:0 10px}.modern-challenges h2{font-size:1.5rem;padding:0 5px}.modern-challenges .section-intro{font-size:1rem;line-height:1.5}.challenges-container{flex-direction:column;align-items:center;gap:30px;padding:0 15px}.challenge-card,.solution-card{width:100%;max-width:500px;height:auto;min-height:0}.card-front,.card-back{position:relative;min-height:300px;height:auto;padding:30px 25px}.card-back{position:absolute;top:0;left:0;right:0}}@media (max-width: 480px){.modern-challenges{padding:30px 0}.modern-challenges h2{font-size:1.5rem}.modern-challenges .section-badge{font-size:.7rem;padding:4px 12px}.modern-challenges .section-intro{font-size:.95rem}}.challenge-card,.solution-card{flex:1;min-width:300px;max-width:450px;perspective:1000px;min-height:380px;height:auto;margin-bottom:20px;position:relative}.card-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d;border-radius:20px;box-shadow:0 15px 35px #0000000d}.challenge-card:hover .card-inner,.solution-card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;top:0;left:0;right:0;width:100%;min-height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;padding:40px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.card-front{background:#fff;border:1px solid #e5e7eb}.challenge-card .card-front{background:linear-gradient(135deg,#f8fafc,#f0f9ff)}.solution-card .card-front{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.card-back{background:#fff;transform:rotateY(180deg);justify-content:flex-start;padding-top:50px;border:1px solid #e5e7eb;box-shadow:0 15px 35px #00000014}.card-icon{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.problem{color:#dc2626}.solution{color:#10b981}.card-icon svg{width:36px;height:36px}.card-front h3{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:#111827}.card-front p{color:#4b5563;margin:0 0 24px;line-height:1.6}.flip-cta{color:#4f46e5;font-weight:600;font-size:.9375rem;display:inline-flex;align-items:center;transition:all .3s ease}.flip-cta:hover{color:#4338ca;transform:translate(4px)}.card-back h3{font-size:1.5rem;font-weight:700;margin:0 0 24px;color:#111827;position:relative;padding-bottom:12px}.card-back h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:3px}.card-back ul{list-style:none;padding:0;margin:0;text-align:left;width:100%}.card-back li{color:#4b5563;margin-bottom:12px;padding-left:10px;position:relative;line-height:1.6;display:flex;align-items:flex-start}.problems-list{list-style:none;padding:0;margin:0;width:100%}.problems-list li{color:#4b5563;margin-bottom:14px;padding-left:0;position:relative;line-height:1.6;display:flex;align-items:flex-start;font-size:1rem}.cross-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background-color:#fee2e2;color:#dc2626;border-radius:50%;margin-right:12px;flex-shrink:0;font-size:.8rem;font-weight:700;transform:translateY(1px);box-shadow:0 2px 4px #dc26261a}.benefits-list{list-style:none;padding:0;margin:0;width:100%}.benefits-list li{color:#4b5563;margin-bottom:14px;padding-left:0;position:relative;line-height:1.6;display:flex;align-items:center;font-size:1rem}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background-color:#dcfce7;color:#16a34a;border-radius:50%;margin-right:12px;flex-shrink:0;font-size:.8rem;font-weight:700;transform:translateY(1px);box-shadow:0 2px 4px #16a34a1a}.card-back li{color:#4b5563;margin-bottom:12px;padding-left:0;position:relative;line-height:1.6;display:flex;align-items:flex-start}.home-pricing-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f0f9ff);padding:80px 0;border-radius:24px;margin:60px auto;max-width:1400px;box-shadow:0 20px 40px #0000000d}.home-pricing-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.1) 0%,transparent 25%),radial-gradient(circle at 90% 80%,rgba(168,85,247,.1) 0%,transparent 25%);z-index:1;animation:float-showcase 15s ease-in-out infinite}.home-pricing-section>.container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.home-pricing-section .section-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px;padding:0 15px;width:100%}.home-pricing-section .section-badge{background:linear-gradient(90deg,#4f46e5,#7c3aed)!important;color:#fff!important;font-weight:600;letter-spacing:.02em;padding:6px 18px!important;margin:0 auto 12px!important;display:block;width:fit-content;border-radius:50px;font-size:.8125rem;box-shadow:0 4px 15px #4f46e533;text-transform:none}.home-pricing-section h2{font-size:2.75rem;line-height:1.2;font-weight:800;margin:0 0 16px;background:linear-gradient(90deg,#1e3a8a,#1e40af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;text-align:center;max-width:100%;padding:0 20px}.home-pricing-section .hero-subtitle{font-size:1.5rem;font-weight:600;color:#1f2937;line-height:1.3;max-width:48rem;margin:0 auto 1rem;text-align:center;padding:0 1rem}.hero-description{font-size:1.25rem;line-height:1.6;color:#4b5563;max-width:42rem;margin:0 auto 2.5rem;text-align:center}.home-pricing-section .section-intro{font-size:1.25rem;line-height:1.6;color:#4b5563;max-width:700px;margin:0 auto 3rem;opacity:.9;line-height:1.7;text-align:center;padding:0 15px;width:100%;box-sizing:border-box}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:80rem;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box;justify-content:center}.home-pricing-cards{display:contents}.home-pricing-card{background:#fff;border-radius:1rem;padding:2.5rem 1.5rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;border:1px solid #e5e7eb;width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.home-pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.home-pricing-badge{position:absolute;top:1rem;right:-2.5rem;background:#4f46e5;color:#fff;padding:.5rem 2.5rem;font-size:.875rem;font-weight:600;transform:rotate(45deg);text-align:center;width:10rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1}.home-pricing-card-header{margin-bottom:1.5rem;text-align:center;position:relative}.home-pricing-card-icon{width:3.5rem;height:3.5rem;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:#f5f3ff;border-radius:1rem;color:#7c3aed;font-size:1.5rem}.home-pricing-card-title{font-size:1.5rem;font-weight:700;color:#1e1b4b;margin:0 0 .5rem}.home-pricing-card-price{margin:1rem 0;line-height:1}.home-pricing-card-amount{font-size:3rem;font-weight:800;color:#1e1b4b}.home-pricing-card-period{font-size:1rem;color:#6b7280;font-weight:500}.home-pricing-card-description{color:#6b7280;font-size:1rem;margin-bottom:1.5rem;text-align:center;line-height:1.6}.home-pricing-features{margin:2rem 0}.home-pricing-feature{display:flex;align-items:center;margin-bottom:1rem;font-size:.9375rem;color:#4b5563}.home-pricing-feature-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:.75rem;flex-shrink:0}.home-pricing-feature-icon.included svg{color:#10b981;stroke:#10b981;fill:none;width:1.25rem;height:1.25rem}.home-pricing-feature-icon.excluded svg{color:#ef4444;stroke:#ef4444;fill:none;width:1.25rem;height:1.25rem;opacity:.7}.home-pricing-card-button{display:block;width:100%;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease;margin-top:auto;border:none}.home-pricing-card-button.is-primary{background:#4f46e5;color:#fff}.home-pricing-card-button.is-primary:hover{background:#4338ca;transform:translateY(-2px)}.home-pricing-card-button.is-outline{background:transparent;color:#4f46e5;border:2px solid #4f46e5}.home-pricing-card-button.is-outline:hover{background:#f5f3ff;transform:translateY(-2px)}.home-pricing-card.is-featured{border:1px solid #c7d2fe;transform:scale(1.03);z-index:1}.home-pricing-card.is-featured:hover{transform:scale(1.05) translateY(-5px)}@media (max-width: 1024px){.home-pricing-cards{grid-template-columns:repeat(2,1fr)}.home-pricing-card.is-featured{transform:none}.home-pricing-card.is-featured:hover{transform:translateY(-5px)}}@media (max-width: 640px){.home-pricing-cards{grid-template-columns:1fr;max-width:28rem;margin:0 auto}.home-pricing-card{padding:2rem 1.5rem}}.home-pricing-card-description{color:#6b7280;text-align:center;font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem}.home-pricing-features{margin-bottom:2rem}.home-pricing-feature{display:flex;align-items:flex-start;margin-bottom:.75rem;color:#4b5563;font-size:.9375rem;line-height:1.5}.home-pricing-feature:last-child{margin-bottom:0}.home-pricing-feature-icon{margin-right:.75rem;flex-shrink:0;margin-top:.125rem;display:inline-flex}.home-pricing-feature-icon svg{width:1.25rem;height:1.25rem}.home-pricing-card-button{display:block;width:100%;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;text-align:center;border-radius:.5rem;transition:all .2s ease-in-out;cursor:pointer;border:none}.home-pricing-card-button.is-primary{background:#7c3aed;color:#fff}.home-pricing-card-button.is-primary:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.home-pricing-card-button.is-outline{background:transparent;color:#7c3aed;border:1px solid #7c3aed}.home-pricing-card-button.is-outline:hover{background:#f5f3ff;transform:translateY(-1px)}.home-pricing-badge{position:absolute;top:1rem;right:-2.5rem;background:#7c3aed;color:#fff;padding:.25rem 2.5rem;font-size:.75rem;font-weight:600;transform:rotate(45deg);transform-origin:center;text-align:center}@media (max-width: 1024px){.home-pricing-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%;width:100%;padding:0 1rem;gap:1.5rem}.home-pricing-card.is-featured{transform:none}}@media (max-width: 768px){.home-pricing-cards{grid-template-columns:minmax(0,1fr);max-width:100%;width:100%;padding:0 1rem}.home-pricing-card{max-width:100%;margin:0}.home-pricing-section{padding:3rem 1rem}.home-pricing-section .section-title{font-size:1.875rem}.home-pricing-section .section-description{font-size:1rem}}.home-pricing-feature-icon.included svg{color:#10b981}.home-pricing-feature-icon.excluded svg{color:#e5e7eb}.pricing-section{padding:6rem 1rem;background:linear-gradient(90deg,#4f46e5,#8b5cf6);position:relative;overflow:hidden}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px;padding:0 20px;max-width:1200px;margin-left:auto;margin-right:auto}.popular-badge{position:absolute;top:16px;right:-32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:6px 40px;transform:rotate(45deg);font-size:.75rem;font-weight:600;width:160px;text-align:center;box-shadow:0 4px 15px #8b5cf64d;display:flex;align-items:center;justify-content:center;gap:6px;z-index:2}.popular-badge svg{flex-shrink:0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.home-pricing-card h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin:.5rem 0 .25rem;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.price{font-size:3rem;font-weight:800;color:#1f2937;margin:.5rem 0 0;display:flex;align-items:flex-start;justify-content:center;gap:4px;line-height:1;position:relative}.price .amount{background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1}.price .period{font-size:1rem;font-weight:400;color:#6b7280;align-self:flex-end;margin-bottom:.5rem;margin-left:2px}.price .ttc-mention{font-size:.7rem;font-weight:500;color:#7c3aed;margin-top:2px;text-transform:uppercase;letter-spacing:.05em}.description{color:#6b7280;text-align:center;margin:1rem 0 1.5rem;font-size:1rem;line-height:1.6;padding:0 1rem;min-height:3em;display:flex;align-items:center;justify-content:center}.features{margin:0 0 2rem;flex-grow:1;padding:0 .5rem}.feature{display:flex;align-items:flex-start;margin-bottom:1rem;position:relative;padding-left:.5rem}.feature:before{content:"";position:absolute;left:0;top:.75em;width:6px;height:2px;background:linear-gradient(90deg,#8b5cf6,#c4b5fd);border-radius:2px;opacity:0;transition:all .3s ease}.feature:hover:before{opacity:1;width:12px}.feature:hover .icon{transform:scale(1.1);background:#8b5cf633}.feature .icon.included{background:transparent!important}.feature .icon.included svg{color:#10b981!important;fill:#10b981!important;stroke:#10b981!important;opacity:1!important}.feature .icon.excluded{color:#e5e7eb}.feature span{color:#4b5563;font-size:.95rem;line-height:1.5;font-weight:500;transition:all .3s ease}.feature:hover span{color:#1f2937;transform:translate(2px)}@keyframes float-badge{0%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-5px)}to{transform:rotate(45deg) translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #a855f766}70%{box-shadow:0 0 0 15px #a855f700}to{box-shadow:0 0 #a855f700}}.home-pricing-card.is-featured .popular-badge{animation:float-badge 4s ease-in-out infinite,pulse 3s infinite}.pricing-card:before{display:none}@media (max-width: 1024px){.pricing-cards{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-5px)}}@media (max-width: 480px){.pricing-card{padding:30px 20px}.price span{font-size:2rem}}@media (max-width: 992px){.modern-challenges{padding:80px 0}.challenges-container{flex-direction:column;align-items:center}.challenge-card,.solution-card{width:100%;max-width:500px}.features-highlight{grid-template-columns:1fr;max-width:500px;margin:60px auto 0}}@media (max-width: 768px){.modern-challenges h2{font-size:2rem}.modern-challenges .section-intro{font-size:1.125rem}.card-front,.card-back{padding:30px 20px}.feature-item{padding:24px 20px}.hero-description{font-size:1.1rem;line-height:1.6;padding:0 .5rem;margin-bottom:1.5rem}}.dashboard-showcase{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#f0f9ff);padding:50px 0 80px;border-radius:24px;margin:10px auto;max-width:1400px;box-shadow:0 20px 40px #0000000d}.dashboard-showcase .container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px}.dashboard-showcase:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.1) 0%,transparent 25%),radial-gradient(circle at 90% 80%,rgba(168,85,247,.1) 0%,transparent 25%);z-index:1;animation:float-showcase 15s ease-in-out infinite}@keyframes float-showcase{0%,to{transform:translateY(0)}33%{transform:translateY(-10px) translate(10px)}66%{transform:translateY(10px) translate(-10px)}}.dashboard-showcase .text-center{margin:0 auto 30px;max-width:800px;padding-top:10px}.dashboard-showcase .inline-block{background:linear-gradient(90deg,#4f46e5,#7c3aed)!important;color:#fff!important;font-weight:600;letter-spacing:.02em;padding:6px 18px!important;margin:0 auto 12px!important;display:block;width:fit-content;border-radius:50px;font-size:.8125rem;box-shadow:0 4px 15px #4f46e533}.dashboard-showcase h2{font-size:2.75rem;line-height:1.2;font-weight:800;margin:0 0 16px;background:linear-gradient(90deg,#1e3a8a,#1e40af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.dashboard-showcase .text-lg{font-size:1.25rem;line-height:1.6;color:#4b5563;max-width:700px;margin:0 auto;opacity:.9}.dashboard-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(229,231,235,.8)}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #0000001f}.reveal-block{position:relative;width:100%;margin:0 auto;max-width:1100px;padding:0 20px}.gradient-halo-behind-image{background:linear-gradient(90deg,#6366f199,#a855f799,#3b82f699);filter:blur(40px);border-radius:24px;height:60px;width:90%;margin:0 auto -50px;opacity:.8;transform:translateY(20px);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%{transform:translateY(20px) scale(1)}50%{transform:translateY(20px) scale(1.02)}to{transform:translateY(20px) scale(1)}}.halo-image-container{position:relative;width:100%;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -10px #0003;border:1px solid rgba(255,255,255,.2);transform:translateZ(0);transition:all .4s cubic-bezier(.4,0,.2,1)}.halo-image{width:100%;height:auto;display:block;border-radius:16px;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-origin:center center}.halo-image-container{cursor:pointer;transition:transform .3s ease}.halo-image-container:hover .halo-image{transform:scale(1.02)}.image-zoom-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding:1rem;cursor:zoom-out}body.image-zoomed .image-zoom-overlay{opacity:1;visibility:visible}.zoomed-image-container{position:relative;max-width:90%;max-height:90vh;margin:auto;display:flex;justify-content:center;align-items:center}.zoomed-image{max-width:100%;max-height:90vh;width:auto;height:auto;border-radius:8px;box-shadow:0 10px 30px #0000004d;opacity:0;transform:scale(.9);transition:opacity .3s ease,transform .3s ease}body.image-zoomed .zoomed-image{opacity:1;transform:scale(1)}.close-zoom{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;padding:.5rem 1rem;line-height:1;transition:color .2s ease}.close-zoom:hover{color:#7c3aed}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:64px;padding:0 20px}.feature-card{background:#fff;border-radius:16px;padding:32px;text-align:left;transition:all .3s ease;border:1px solid rgba(229,231,235,.8);position:relative;overflow:hidden;z-index:1}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e5,#7c3aed);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000000d}.feature-card:hover:before{opacity:1}.feature-card .icon-container{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:24px;transition:all .3s ease}.feature-card:hover .icon-container{transform:scale(1.1)}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:#111827}.feature-card p{color:#6b7280;line-height:1.6;font-size:1rem;margin:0}.cta-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;font-weight:600;font-size:1.125rem;padding:16px 40px;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 20px #4f46e54d;border:none;cursor:pointer;margin-top:60px;position:relative;overflow:hidden;z-index:1}.cta-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#7c3aed,#4f46e5);opacity:0;transition:opacity .3s ease;z-index:-1;border-radius:50px}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #4f46e566}.cta-button:hover:before{opacity:1}.cta-button svg{margin-left:12px;transition:transform .3s ease}.cta-button:hover svg{transform:translate(5px)}@media (max-width: 1024px){.dashboard-showcase{padding:80px 0;margin:0;border-radius:0}.dashboard-showcase h2{font-size:2.25rem}.features-grid{grid-template-columns:1fr;max-width:500px;margin:40px auto 0}.halo-image-container,.halo-image{border-radius:12px}}@media (max-width: 640px){.dashboard-showcase{padding:60px 0}.dashboard-showcase h2{font-size:1.875rem}.dashboard-showcase .text-lg{font-size:1.125rem}.feature-card{padding:24px}.cta-button{width:100%;padding:16px 24px}}.hero-description{font-size:1.4rem;line-height:1.6;font-weight:300;color:#fff;max-width:46rem;margin:0 auto 20px;padding:.5rem 0;letter-spacing:.01em}.hero-description span{font-weight:500}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.feature-badges{display:flex;justify-content:center;align-items:center;gap:.8rem;margin:1.5rem 0;flex-wrap:wrap;padding:.5rem .5rem 1rem;width:100%;max-width:100%;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.feature-badges::-webkit-scrollbar{display:none}.feature-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;cursor:pointer;position:relative;overflow:hidden;flex-shrink:0;font-size:.9rem}.feature-badge:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--badge-color);opacity:0;transition:opacity .3s ease;z-index:-1}.feature-badge:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003;border-color:var(--badge-color)}.feature-badge:hover:before{opacity:.1}.feature-emoji{font-size:1.2rem;display:inline-block;animation:bounce 2s infinite;transition:transform .3s ease}.feature-badge:hover .feature-emoji{animation:pulse .8s infinite;transform:scale(1.1)}.feature-badge-text{color:#fff;font-size:.85rem;font-weight:500;transition:all .3s ease;position:relative;z-index:1}.feature-badge:nth-child(1) .feature-icon-wrapper{animation-delay:0s}.feature-badge:nth-child(2) .feature-icon-wrapper{animation-delay:.2s}.feature-badge:nth-child(3) .feature-icon-wrapper{animation-delay:.4s}.feature-badge:nth-child(4) .feature-icon-wrapper{animation-delay:.6s}.main-footer{background-color:#fff;color:#4b5563;padding:4rem 0 0;margin-top:5rem;border-top:1px solid #e5e7eb;width:100%;overflow:hidden}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:3rem}@media (min-width: 768px){.footer-container{grid-template-columns:1fr 2fr}}.footer-logo .logo{display:flex;align-items:center;text-decoration:none;margin-bottom:1.5rem}.footer-logo .logo svg{margin-right:.75rem}.footer-logo .logo-text{font-size:1.5rem;font-weight:700;color:#7c3aed;background:linear-gradient(90deg,#7c3aed,#4f46e5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer-tagline{color:#6b7280;line-height:1.6;max-width:100%;margin-bottom:2rem}@media (min-width: 768px){.footer-tagline{max-width:300px;margin-bottom:0}}.footer-links{display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width: 576px){.footer-links{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.footer-links{grid-template-columns:repeat(3,1fr)}}.footer-column h4{font-size:1.1rem;font-weight:600;color:#111827;margin-bottom:1.25rem;position:relative;padding-bottom:.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}@media (min-width: 992px){.footer-column h4{cursor:auto;pointer-events:none}.footer-column h4:after{display:none}}.footer-column h4:after{content:"+";font-size:1.5rem;font-weight:300;transition:transform .3s ease}.footer-column.active h4:after{transform:rotate(45deg)}@media (min-width: 992px){.footer-column h4:after{display:none}}.footer-column h4:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background:linear-gradient(90deg,#7c3aed,#4f46e5)}.footer-column ul{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .3s ease}@media (min-width: 992px){.footer-column ul{max-height:none}}.footer-column.active ul{max-height:500px;padding-bottom:1rem}.footer-column ul li{margin-bottom:.75rem}.footer-column ul li a{color:#6b7280;text-decoration:none;transition:color .2s ease;font-size:.95rem}.footer-column ul li a:hover{color:#7c3aed;text-decoration:none}.footer-bottom{border-top:1px solid #e5e7eb;padding:1.5rem 0;background-color:#f9fafb}.footer-bottom .container{max-width:1200px;margin:0 auto;padding:0 1.5rem;text-align:center}@media (min-width: 768px){.footer-bottom .container{text-align:left;display:flex;justify-content:space-between;align-items:center}}.footer-bottom p{margin:0;color:#6b7280;font-size:.9rem}.social-links{display:flex;gap:1.25rem}.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#f3f4f6;transition:all .2s ease}.social-links a:hover{background-color:#e5e7eb;transform:translateY(-2px)}@media (max-width: 768px){.feature-badges{justify-content:flex-start;padding:1rem;margin:1rem -1rem}.feature-badge{padding:.5rem 1rem}.feature-emoji{font-size:1.2rem}.feature-badge-text{font-size:.8rem}}.feature-badge{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.5rem 1rem;border-radius:9999px;border:1px solid rgba(255,255,255,.2)}.feature-badge span{color:#fff;font-weight:500;font-size:.95rem}.hero-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.btn-lg{padding:1rem 2rem;border-radius:9999px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s}.btn-primary-lg{background-color:#0284c7;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary-lg:hover{background-color:#0369a1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-outline-white{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.btn-outline-white:hover{background-color:#ffffff1a;border-color:#fffc}.features{padding:5rem 1rem;background:linear-gradient(180deg,#f8fafc,#fff);position:relative;overflow:hidden}.features:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e2e8f0' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;z-index:0}.features-container{max-width:1800px;margin:0 auto;position:relative;z-index:1;background:#fff;border-radius:20px;padding:3rem 0;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,0,0,.04)}.section-header{text-align:center;max-width:48rem;margin:0 auto 4rem}.section-title{font-size:2.25rem;font-weight:800;color:#0f172a;margin-bottom:1.5rem;line-height:1.2}.section-description{font-size:1.125rem;color:#475569;line-height:1.6}.hero{position:relative;width:100vw;padding:0;margin:0;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:#0f172a;color:#fff;overflow:hidden;text-align:center}.hero-background{position:absolute;top:0;width:100vw;height:100%;overflow:hidden;margin:0;padding:0;transform:translate(-50%);left:50%;right:auto}.hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 20%,rgba(79,70,229,.15) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(236,72,153,.15) 0%,transparent 40%),radial-gradient(circle at 60% 60%,rgba(16,185,129,.1) 0%,transparent 40%);z-index:1}.hero-blob-1,.hero-blob-2{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;z-index:0}.hero-blob-1{width:600px;height:600px;background:linear-gradient(135deg,#4f46e5,#7c3aed);top:-200px;right:-200px;animation:float 8s ease-in-out infinite}.hero-blob-2{width:500px;height:500px;background:linear-gradient(135deg,#fff 20%,#4f46e5);bottom:-150px;left:-150px;animation:float 10s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}}.hero-content{position:relative;z-index:10;width:100%;max-width:100vw;margin:0;padding:6rem 0}.hero-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem;gap:3rem}.hero-text{max-width:800px;margin:0 auto;position:relative;z-index:5}.hero-badge{display:inline-block;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:50px;padding:.5rem 1.25rem;margin-bottom:1.5rem;transition:all .3s ease}.hero-badge:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.hero-badge-text{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(90deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin:0 0 1.5rem;background:linear-gradient(to right,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.hero-title-line{display:block}.hero-title .highlight{background:linear-gradient(90deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-description{font-size:1.25rem;line-height:1.6;color:#ffffffe6;max-width:700px;margin:0 auto 2.5rem;font-weight:400}.hero-cta{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none;outline:none}.btn-primary{background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 20px #4f46e54d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #4f46e566}.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#ffffff4d}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;max-width:900px;margin:0 auto;width:100%}.feature-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default}.feature-item:hover{transform:translateY(-5px);background:#ffffff1a;box-shadow:0 10px 25px -5px #0000001a;border-color:#fff3}.feature-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;background:linear-gradient(135deg,var(--feature-color, #4f46e5) 0%,var(--feature-color, #7c3aed) 100%);box-shadow:0 4px 15px #4f46e533}.feature-icon{color:#fff;font-size:1.25rem}.feature-text{font-size:.9rem;font-weight:500;color:#fff;text-align:center;line-height:1.4}.hero-image{position:relative;width:100%;max-width:1000px;margin:2rem auto 0;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.1);transform-style:preserve-3d;perspective:1000px}.dashboard-preview{position:relative;padding-top:56.25%;background:#0f172a;border-radius:20px;overflow:hidden}.dashboard-screenshot{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:20px;transition:transform .5s ease}.dashboard-highlight{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0f172a33,#0f172acc);border-radius:20px;pointer-events:none}@media (max-width: 1024px){.hero-title{font-size:3rem}.hero-description{font-size:1.1rem}.feature-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.hero-content{padding:2rem 0}.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.feature-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.hero-cta{flex-direction:column;gap:.75rem}.btn{width:100%}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-badge-text{font-size:.8rem}.feature-grid{grid-template-columns:1fr 1fr}.feature-item{padding:.75rem .5rem}.feature-icon-wrapper{width:40px;height:40px;margin-bottom:.5rem}.feature-text{font-size:.8rem}}.login-page-container{position:relative;min-height:100vh;background:linear-gradient(90deg,#6366f1,#8b5cf6)!important;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.login-header{position:relative;width:100%;margin:0 0 1rem;padding:0;display:flex;justify-content:center;align-items:flex-start;min-height:50px}.login-logo-container{display:flex;justify-content:center;width:100%;padding-top:30px}.back-home-btn{position:absolute;left:0;top:-20px;padding:.5rem 1rem;font-size:.875rem;white-space:nowrap;margin:0;width:auto;display:inline-flex;align-items:center;gap:.5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;color:#4f46e5;cursor:pointer;transition:all .2s ease;z-index:10;text-decoration:none;box-shadow:0 1px 3px #0000001a}.login-container{max-width:90%;width:100%;max-height:95vh;padding:30px 20px;background:#fffffffa;border-radius:20px;box-shadow:0 15px 50px #4f46e526;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);position:relative;z-index:1;box-sizing:border-box;opacity:1;transform:none;overflow:hidden;margin:0}@media (min-width: 480px){.login-container{max-width:420px;padding:40px;margin:40px auto}}.login-container:hover{transform:translateY(-5px);box-shadow:0 20px 60px #4f46e533}.login-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a,#fff0 70%);pointer-events:none;z-index:-1;opacity:0;transition:opacity .6s ease}.login-container:hover:before{opacity:1}.login-logo{display:flex;justify-content:center;margin-bottom:32px;color:#4f46e5;transition:transform .3s ease,opacity .3s ease}.login-logo:hover{transform:scale(1.03);opacity:.9}.login-title{text-align:center;font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;letter-spacing:-1px}.login-desc{text-align:center;color:#6b7280;font-size:1rem;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:18px}.login-label{font-size:.97rem;color:#374151;font-weight:500;margin-bottom:4px}.login-field-wrapper{position:relative;width:100%}.login-field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#bdbdbd;font-size:1.1rem}.login-input{width:100%;padding:14px 16px 14px 44px;border:1.5px solid #e5e7eb;border-radius:12px;background:#f8f9ff;color:#1f2937;font-size:.98rem;transition:all .3s cubic-bezier(.25,.8,.25,1);box-sizing:border-box;font-family:inherit}.login-input:focus{border-color:#8b5cf6;outline:none;background:#fff;box-shadow:0 0 0 3px #8b5cf633}.login-input.error{border-color:#ef4444;background-color:#fff5f5}.login-input.error:focus{box-shadow:0 0 0 3px #ef444426}.login-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#bdbdbd;cursor:pointer;font-size:1.1rem;padding:0}.login-eye-btn:hover{color:#0284c7}.login-error{color:#dc2626;font-size:.93rem;margin-top:3px;margin-bottom:-10px}.login-options{display:flex;justify-content:space-between;align-items:center;margin:8px 0 16px;padding:0 4px}.login-remember{display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;margin:0;padding:0;height:20px}.login-remember:hover{transform:translate(2px)}.login-checkbox{width:18px;height:18px;min-width:18px;border-radius:4px;border:1.5px solid #d1d5db;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;position:relative;transition:all .2s ease;margin:0;padding:0;vertical-align:middle}.login-checkbox:checked{background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-color:transparent}.login-checkbox:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;left:50%;top:50%;transform:translate(-50%,-50%)}.login-remember-label{font-size:.92rem;color:#4b5563;-webkit-user-select:none;user-select:none}.login-forgot{font-size:.92rem;color:#4f46e5;text-decoration:none;font-weight:500;transition:all .2s ease;position:relative;padding-bottom:2px}.login-forgot:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:linear-gradient(90deg,#4f46e5,#8b5cf6);transition:width .3s ease}.login-forgot:hover{color:#8b5cf6;text-decoration:none}.login-forgot:hover:after{width:100%}.login-submit{width:100%;padding:14px 0;background:linear-gradient(90deg,#4f46e5,#8b5cf6);color:#fff;font-weight:600;font-size:1.05rem;border:none;border-radius:12px;margin-top:16px;box-shadow:0 4px 15px #4f46e54d;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;z-index:1}.login-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s;z-index:-1}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566}.login-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #4f46e566}.login-submit:disabled{opacity:.6;cursor:not-allowed;background:#c7d2fe}.login-submit:hover:not(:disabled):before{left:100%}.login-bottom{text-align:center;margin-top:28px;border-top:1px solid #f3f4f6;padding-top:20px;color:#6b7280;font-size:.95rem;display:flex;flex-wrap:nowrap;white-space:nowrap;gap:6px;justify-content:center;align-items:center;position:relative}.login-bottom:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:2px}.login-bottom-link{color:#4f46e5;font-weight:600;text-decoration:none;margin-left:4px;cursor:pointer;position:relative;transition:color .2s ease;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.login-bottom-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,#4f46e5,#8b5cf6);transition:width .3s ease}.login-bottom-link:hover{color:#8b5cf6}.login-bottom-link:hover:after{width:100%}.login-toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000}.login-toast-success{background-color:#ecfdf5;color:#065f46;border-left:4px solid #10b981}.login-toast-error{background-color:#fef2f2;color:#991b1b;border-left:4px solid #ef4444}.register-page-container{position:relative;min-height:100vh;background:linear-gradient(90deg,#6366f1,#8b5cf6)!important;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}html,body,#root,.app{height:100%;margin:0;padding:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);z-index:-1}.register-header{position:relative;width:100%;margin:0 0 2rem;padding:0;display:flex;justify-content:center;align-items:center}.register-logo-container{display:flex;justify-content:center;width:100%}.back-home-btn{position:fixed;left:20px;top:0%!important;padding:.5rem 1rem;font-size:.875rem;white-space:nowrap;margin:0;width:auto;display:inline-flex;align-items:center;gap:.5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;color:#4f46e5;cursor:pointer;transition:all .2s ease;z-index:1000;text-decoration:none;box-shadow:0 2px 5px #0000001a}.back-home-btn-login:hover{background:#e5e7eb;transform:translateY(-50%) translate(4px);text-decoration:none}.register-container{max-width:400px;width:100%;margin:20px auto;padding:20px 25px 25px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #4f46e51a,0 1.5px 8px #8b5cf61a;border:1px solid rgba(79,70,229,.2);position:relative;opacity:0;transform:translateY(20px);animation:fadeIn .6s ease-out forwards;box-sizing:border-box;overflow:visible}.password-strength{margin-top:4px;width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;position:relative;order:2}.strength-bar{height:100%;width:0%;transition:width .3s ease,background .3s ease;border-radius:2px}.strength-0{width:0%;background:#ef4444}.strength-1{width:20%;background:#ef4444}.strength-2{width:40%;background:#f59e0b}.strength-3{width:60%;background:#3b82f6}.strength-4{width:80%;background:#10b981}.strength-5{width:100%;background:#10b981}.strength-text{font-size:.7rem;margin-top:2px;text-align:right;color:#6b7280;order:3}.registration-success{text-align:center;padding:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:20px;color:#166534}.registration-success-icon{font-size:2.5rem;margin-bottom:10px;color:#22c55e}@media (min-width: 480px){.register-container{padding:30px 40px;margin:30px auto}}.register-container:hover{transform:translateY(-5px);box-shadow:0 20px 60px #4f46e533}.back-home-btn{position:absolute;top:5px;left:20px;background:#f3f4f6;border:none;border-radius:20px;padding:6px 14px 6px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#4f46e5;font-size:.9rem;font-weight:500;transition:all .2s ease;z-index:10;box-shadow:0 1px 3px #0000001a;white-space:nowrap}.back-home-btn:hover{background:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 6px #00000026;color:#4338ca}.back-home-btn:active{transform:translateY(0)}.register-logo{display:flex;justify-content:center;margin:40px 0 24px;color:#4f46e5;transition:transform .3s ease,opacity .3s ease}.register-logo:hover{transform:scale(1.03);opacity:.9}.register-title{text-align:center;font-size:2rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;letter-spacing:-1px}.register-desc{text-align:center;color:#6b7280;font-size:1rem;margin-bottom:1.5rem}.register-google{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-weight:500;color:#444;margin-bottom:16px;cursor:pointer;transition:background .2s,box-shadow .2s}.register-google:hover{background:#f3f4f6;box-shadow:0 2px 8px #3c3c8212}.register-divider{display:flex;align-items:center;margin:16px 0;width:100%;padding:0 4px;box-sizing:border-box}.register-divider span{flex:1;height:1px;background:#e5e7eb;display:block}.register-divider .divider-text{margin:0 12px;color:#9ca3af;font-size:12px;text-transform:uppercase;white-space:nowrap}.register-form{display:flex;flex-direction:column;gap:8px}.register-label{display:block;margin-bottom:1px;font-size:.8rem;font-weight:500;color:#374151}.register-field-wrapper{position:relative;margin-bottom:2px;display:flex;flex-direction:column}.register-field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#bdbdbd;z-index:1;font-size:1.1rem}.register-input{width:100%;padding:14px 16px 14px 44px;border:1.5px solid #e5e7eb;border-radius:12px;background:#f8f9ff;color:#1f2937;font-size:.98rem;transition:all .3s cubic-bezier(.25,.8,.25,1);box-sizing:border-box;font-family:inherit}.register-input:focus{border-color:#8b5cf6;outline:none;background:#fff;box-shadow:0 0 0 3px #8b5cf633;transform:translateY(-1px)}.register-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#bdbdbd;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;z-index:1;font-size:1.1rem}.register-eye-btn:hover{color:#0284c7}.register-error{color:#dc2626;font-size:.93rem;margin-top:3px;margin-bottom:-10px}.register-checkbox-row{display:flex;align-items:flex-start;margin:2px 0 4px;width:100%;padding:0 4px;box-sizing:border-box;gap:8px}.register-checkbox{width:18px;height:18px;min-width:18px;accent-color:#4f46e5;margin-top:2px;transition:all .2s ease;cursor:pointer}.register-checkbox:hover{transform:scale(1.1);filter:brightness(1.1)}.register-terms-label{font-size:.9rem;color:#374151;line-height:1.4;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.register-terms-link{color:#4f46e5;text-decoration:none;margin-left:2px;cursor:pointer;font-weight:500;transition:all .2s ease}.register-terms-link:hover{color:#8b5cf6;text-decoration:underline}.register-submit{width:100%;padding:8px;margin-top:4px;background:linear-gradient(90deg,#4f46e5,#8b5cf6);color:#fff;font-weight:700;font-size:1.08rem;border:none;border-radius:8px;box-shadow:0 2px 8px #4f46e526;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.register-submit:disabled{opacity:.6;cursor:not-allowed}.register-submit:hover:not(:disabled){background:linear-gradient(90deg,#4338ca,#7c3aed);box-shadow:0 4px 12px #4f46e540;transform:translateY(-1px)}.register-bottom{text-align:center;margin-top:24px;border-top:1px solid #e5e7eb;padding-top:16px;color:#6b7280;font-size:.97rem;display:flex;gap:6px;justify-content:center;align-items:center}.register-bottom-link{color:#4f46e5;font-weight:600;text-decoration:none;margin-left:2px;cursor:pointer;transition:all .2s ease}.register-bottom-link:hover{color:#8b5cf6;text-decoration:underline}.register-toast{position:fixed;top:24px;right:24px;min-width:220px;padding:14px 22px;border-radius:8px;box-shadow:0 2px 16px #3c3c821a;z-index:1000;font-size:1rem;display:flex;align-items:center;gap:10px}.register-toast-success{background:#e0f7eb;color:#15803d}.register-toast-error{background:#fee2e2;color:#b91c1c}:root{--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #eef2ff;--secondary: #10b981;--secondary-hover: #059669;--secondary-light: #ecfdf5;--danger: #ef4444;--danger-hover: #dc2626;--warning: #f59e0b;--warning-hover: #d97706;--info: #3b82f6;--info-hover: #2563eb;--dark: #1f2937;--dark-hover: #111827;--light: #f9fafb;--light-hover: #f3f4f6;--gray: #6b7280;--gray-light: #e5e7eb;--gray-dark: #374151;--border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.chart-container{position:relative;width:100%;height:350px;margin:0 auto;padding:20px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.chart-container:hover{transform:translateY(-3px)}.chart-container canvas{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;margin:0 auto;display:block;position:relative;left:0;top:0;transform:none!important;transition:all .3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:15px}.chart-legend-item{display:flex;align-items:center;margin:2px 8px;cursor:pointer;padding:4px 8px;border-radius:16px;background:#ffffffb3;transition:all .2s ease;border:1px solid #e5e7eb}.chart-legend-item:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000001a;background:#fff}.chart-legend-color{width:12px;height:12px;border-radius:50%;margin-right:6px;display:inline-block;transition:transform .2s ease}.chart-legend-item:hover .chart-legend-color{transform:scale(1.2)}.chart-tooltip{background:#111827f2!important;border-radius:8px!important;padding:12px!important;border:none!important;box-shadow:0 4px 20px #00000026!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.chart-segment-active{animation:pulse 2s infinite;transition:all .3s ease}.dashboard-container{width:100%;padding:0 0 2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-header-content{display:flex;flex-direction:column}.dashboard-title{font-size:2rem;font-weight:700;color:var(--dark);margin-bottom:.5rem;background:linear-gradient(to right,var(--primary),var(--info));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.dashboard-welcome{color:var(--gray-600);font-size:1.1rem}.user-name{font-weight:600;color:var(--primary)}.dashboard-actions{display:flex;gap:1rem}.dashboard-action-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:var(--primary);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0000001a}.dashboard-action-button:hover{background-color:var(--secondary);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.dashboard-breadcrumb{display:flex;align-items:center;margin-bottom:1.5rem;font-size:.9rem;color:var(--gray-500)}.breadcrumb-home{color:var(--gray-500);cursor:pointer}.breadcrumb-home:hover{color:var(--primary)}.breadcrumb-separator{margin:0 .5rem;font-size:.8rem}.breadcrumb-current{font-weight:500;color:var(--gray-700)}.dashboard-sections{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--gray-200);padding-bottom:.5rem}.dashboard-section-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem .5rem 0 0;cursor:pointer;transition:all .2s ease;position:relative;color:var(--gray-600);font-weight:500}.dashboard-section-item:hover,.dashboard-section-item.active{color:var(--primary);background-color:var(--gray-50)}.dashboard-section-item.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:3px;background-color:var(--primary);border-radius:3px 3px 0 0}.section-icon{display:flex;align-items:center;justify-content:center;font-size:1.1rem}.dashboard-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:2rem;position:relative}.dashboard-tab{padding:1rem 1.5rem;font-weight:500;font-size:.875rem;color:var(--gray);cursor:pointer;transition:all .2s ease;position:relative;border:none;background:transparent}.dashboard-tab:hover{color:var(--primary)}.dashboard-tab.active{color:var(--primary);font-weight:600}.dashboard-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--primary);border-radius:2px 2px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(to bottom,var(--primary),var(--info));border-radius:5px 0 0 5px}.stat-header{display:flex;align-items:center;color:var(--gray);margin-bottom:1rem}.stat-icon{margin-right:.75rem;font-size:1.25rem;color:var(--primary);background-color:var(--primary-light);padding:.5rem;border-radius:.5rem}.stat-value{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:var(--dark)}.stat-change{display:flex;align-items:center;font-size:.875rem}.stat-change.positive{color:var(--secondary)}.stat-change.negative{color:var(--danger)}.content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media (min-width: 1024px){.content-grid{grid-template-columns:1fr 1fr}}.content-card{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.content-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.content-card-title{font-size:1.25rem;font-weight:600;color:var(--dark)}.content-card-action{color:var(--primary);font-size:.875rem;font-weight:500;display:flex;align-items:center;cursor:pointer;transition:color .2s ease;text-decoration:none}.content-card-action:hover{color:var(--primary-hover)}.content-card-action svg{margin-left:.25rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{padding:1rem;border-left:3px solid var(--primary);background-color:var(--light);border-radius:0 .5rem .5rem 0}.activity-item.success{border-left-color:var(--secondary)}.activity-item.warning{border-left-color:var(--warning)}.activity-item.danger{border-left-color:var(--danger)}.activity-date{font-size:.75rem;color:var(--gray);margin-bottom:.25rem}.activity-content{font-weight:500;color:var(--dark)}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-item{display:flex;align-items:center;padding:1rem;background-color:var(--light);border-radius:.5rem;transition:background-color .2s ease}.task-item:hover{background-color:var(--light-hover)}.task-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--gray-light);border-radius:.25rem;margin-right:1rem;cursor:pointer;position:relative;transition:all .2s ease}.task-checkbox:checked{background-color:var(--primary);border-color:var(--primary)}.task-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem}.task-label{flex:1;color:var(--dark)}.task-checkbox:checked+.task-label{text-decoration:line-through;color:var(--gray)}.data-table-container{overflow-x:auto;margin-bottom:1.5rem}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray);background-color:var(--light);border-bottom:1px solid var(--border)}.data-table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--dark);font-size:.875rem}.data-table tr:hover td{background-color:var(--light)}.data-table a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}.data-table a:hover{color:var(--primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;transition:all .2s ease;cursor:pointer;border:none}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-outline{background-color:transparent;border:1px solid var(--border);color:var(--dark)}.btn-outline:hover{background-color:var(--light)}.btn-icon{margin-right:.5rem}.action-button{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.action-button:hover{background-color:var(--light)}.action-edit{color:var(--info)}.action-share{color:var(--secondary)}.action-download{color:var(--primary)}.action-delete{color:var(--danger)}.search-bar{position:relative;margin-bottom:1.5rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray);pointer-events:none}.filter-container{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-size:.875rem;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}@media (max-width: 768px){.dashboard-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{padding:1rem}.stat-card,.content-card{padding:1.25rem}}.fade-in,.tab-content{animation:fadeIn .3s ease forwards}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-secondary{background-color:var(--secondary-light);color:var(--secondary)}.badge-danger{background-color:#fee2e2;color:var(--danger)}.badge-warning{background-color:#fffbeb;color:var(--warning)}.badge-info{background-color:#eff6ff;color:var(--info)}.tooltip{position:relative}.tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem;background-color:var(--dark);color:#fff;border-radius:.25rem;font-size:.75rem;white-space:nowrap;z-index:10;margin-bottom:.5rem}.tooltip:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:var(--dark) transparent transparent transparent;z-index:10}.modern-modal h2.modal-title,.modern-modal .modern-modal-title h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.modern-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modern-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:600px;min-height:60vh;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.modal-enter{animation:slideIn .3s ease forwards}.modal-leave{animation:slideOut .3s ease forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.modern-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #f0f0f0;background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff}.modern-modal-title{display:flex;align-items:center;gap:.75rem}.modern-modal-title h2{font-size:1.25rem;font-weight:600;margin:0}.modern-modal-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.modern-modal-close:hover{background-color:#fff3}.modern-modal-progress{padding:1rem 1.5rem;border-bottom:1px solid #f0f0f0}.progress-steps{display:flex;align-items:center;justify-content:space-between}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.step-number{width:2rem;height:2rem;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#666;margin-bottom:.5rem;transition:all .3s}.progress-step.active .step-number{background-color:var(--primary);color:#fff}.step-label{font-size:.875rem;color:#666;transition:all .3s}.progress-step.active .step-label{color:var(--primary);font-weight:500}.progress-line{flex:1;height:2px;background-color:#f0f0f0;margin:0 .5rem 1.5rem;position:relative}.progress-line:before{content:"";position:absolute;top:0;left:0;height:100%;background-color:var(--primary);transition:width .3s}.modern-modal-content{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;min-height:400px}.modern-modal-error{margin:0 1.5rem;padding:.75rem 1rem;background-color:#fee2e2;color:#ef4444;border-radius:6px;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.step-content{animation:fadeIn .3s ease}.step-title{font-size:1.125rem;font-weight:600;color:#333;margin-top:0;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.custom-input-container{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb;overflow:hidden;transition:all .2s ease}.custom-input-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;background-color:#fff}.custom-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;color:#9ca3af;background-color:transparent;border-right:1px solid #e5e7eb}.custom-input{flex:1;padding:.75rem 1rem;border:none;background:transparent;font-size:.95rem;color:#1f2937;outline:none}.input-with-icon{display:flex;align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:0 .75rem;transition:all .2s}.input-with-icon:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;background-color:#fff}.icon-container{display:flex;align-items:center;justify-content:center;color:#9ca3af;width:2.5rem;height:100%;flex-shrink:0}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;line-height:1}.input-icon-right{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem;pointer-events:none}.form-group input,.form-group select{width:100%;padding:.75rem .5rem;border:none;font-size:.95rem;background-color:transparent;color:#1f2937;box-sizing:border-box;outline:none}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;background-color:#fff}.form-group input::placeholder{color:#9ca3af}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.product-summary{background-color:#f9fafb;border-radius:8px;padding:1.25rem;margin-top:1.5rem}.product-summary h4{font-size:1rem;font-weight:600;color:#374151;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.summary-item{display:flex;justify-content:space-between;margin-bottom:.75rem}.summary-label{font-weight:500;color:#6b7280}.summary-value{font-weight:500;color:#1f2937}.modern-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:.75rem;background-color:#f9fafb;position:sticky;bottom:0;z-index:10;box-shadow:0 -2px 10px #0000000d}.btn-primary,.btn-secondary,.btn-success{padding:.75rem 1.25rem;border-radius:8px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-primary{background-color:var(--primary);color:#fff;border:none}.btn-primary:hover{background-color:var(--primary-dark)}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary{background-color:#fff;color:#4b5563;border:1px solid #e5e7eb}.btn-secondary:hover{background-color:#f3f4f6}.btn-success{background-color:var(--success);color:#fff;border:none}.btn-success:hover{background-color:#059669}.btn-success:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-danger{background-color:var(--danger);color:#fff;border:none}.btn-danger:hover{background-color:#dc2626}.modern-modal-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s;border:1px solid transparent;display:inline-flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.btn-delete{background-color:#ef4444;color:#fff;border:none;box-shadow:0 2px 5px #ef44444d}.btn-delete:hover{background-color:#dc2626;box-shadow:0 3px 8px #dc262666;transform:translateY(-1px)}.delete-header{background:linear-gradient(to right,#ef4444,#f97316)}.delete-icon-container{display:flex;justify-content:center;margin-bottom:1.5rem}.delete-icon{width:80px;height:80px;border-radius:50%;background-color:#fee2e2;color:#ef4444;display:flex;align-items:center;justify-content:center}.delete-message{text-align:center;color:#1f2937}.delete-warning{color:#ef4444;font-size:.875rem;margin-top:.75rem}.loading-text{display:flex;align-items:center;gap:.5rem}.loading-text:before{content:"";width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}@media (max-width: 640px){.modern-modal{max-width:100%;border-radius:12px;max-height:85vh}.form-row{grid-template-columns:1fr}.step-label{display:none}}@keyframes slideInFromRight{0%{transform:translate(100%)}10%{transform:translate(0)}90%{transform:translate(0)}to{transform:translate(100%)}}.toast-container{position:fixed;top:0;right:0;z-index:9999;width:100%;height:100vh;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.toast{display:flex;align-items:center;padding:0;position:relative;overflow:hidden;pointer-events:auto;animation:slideInFromRight 5s ease-in-out forwards;width:500px;height:100px;margin-right:20px;box-shadow:0 10px 30px #0000004d}.toast-success{background-color:#00c853;color:#fff}.toast-error{background-color:#ff3d00;color:#fff}.toast:before{content:"";position:absolute;bottom:0;left:0;height:5px;width:100%;background:#ffffffb3;animation:progress 4.5s linear forwards}.toast-icon{flex-shrink:0;width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#fff3}.toast-icon svg{width:40px;height:40px;color:#fff}.toast-message{flex-grow:1;font-size:22px;font-weight:600;padding:0 30px;letter-spacing:.5px}.toast-close{background:#0000001a;border:none;color:#fff;font-size:24px;cursor:pointer;width:50px;height:100px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.toast-close:hover{background:#0003}@media (max-width: 768px){.toast{width:90%;height:80px}.toast-icon{width:80px;height:80px}.toast-icon svg{width:30px;height:30px}.toast-message{font-size:18px;padding:0 20px}.toast-close{width:40px;height:80px}}:root{--primary-color: #4a6cf7;--primary-light: rgba(74, 108, 247, .1);--primary-dark: #3a56d4;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--border-radius: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition: all .3s ease}.modern-recipe-container{max-width:1200px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow)}.modern-recipe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.modern-recipe-title{font-size:2rem;font-weight:700;color:var(--gray-800);margin:0;background:linear-gradient(to right,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modern-recipe-subtitle{font-size:1rem;color:var(--gray-500);margin-top:.5rem}.modern-recipe-info{background-color:#fff;border-radius:4px;padding:.5rem .75rem;margin-bottom:1rem;border:1px solid #eaeaea}.modern-recipe-info-title{font-size:.8rem;font-weight:500;color:var(--gray-600);margin-top:0;margin-bottom:.5rem;display:flex;align-items:center}.modern-recipe-info-title svg{margin-right:.3rem;color:var(--primary-color);font-size:.8rem}.modern-recipe-info-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:8px 2px}.modern-recipe-info-table td{width:25%;padding:0;vertical-align:top}.simple-info-section{background-color:#fff;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.simple-section-title{font-size:1.1rem;font-weight:600;color:var(--gray-700);margin-top:0;margin-bottom:.75rem;display:flex;align-items:center}.simple-section-title svg{margin-right:.5rem;color:var(--primary-color);font-size:1.1rem}.simple-form-row{display:flex;flex-wrap:nowrap;gap:16px;margin-bottom:.75rem}.simple-form-group{flex:1;min-width:0}.simple-form-label{display:block;font-size:.9rem;font-weight:500;color:var(--gray-600);margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.simple-form-input,.simple-form-select{width:100%;height:38px;padding:.25rem .6rem;font-size:.95rem;border:1px solid var(--gray-300);border-radius:4px;box-sizing:border-box;transition:border-color .2s ease;background-color:#fff;color:var(--gray-800)}.simple-form-input:focus,.simple-form-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px var(--primary-light)}.simple-photo-upload{width:100%;height:32px;border:1px dashed var(--gray-300);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#f9f9f9;transition:all .2s ease}.simple-photo-upload:hover{border-color:var(--primary-color);background-color:var(--primary-light)}.simple-photo-icon{margin-right:6px;font-size:1rem;color:var(--primary-color)}.simple-photo-text{font-size:.9rem;white-space:nowrap;color:var(--gray-600)}.simple-photo-preview{width:100%;height:80px;position:relative;border-radius:4px;overflow:hidden;cursor:pointer;box-shadow:0 2px 4px #0000001a}.simple-photo-image{width:100%;height:100%;object-fit:cover}.simple-photo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.simple-photo-overlay svg{color:#fff;font-size:1.2rem}.simple-photo-preview:hover .simple-photo-overlay{opacity:1}.modern-recipe-info-table{width:100%;border-collapse:separate;border-spacing:8px 2px;table-layout:fixed}.modern-recipe-info-table td{padding:0 4px;vertical-align:top;width:25%}.modern-recipe-info-table input,.modern-recipe-info-table select{box-sizing:border-box;height:24px;padding:.2rem .4rem;font-size:.75rem;width:100%;border:1px solid #ddd;border-radius:3px}.modern-recipe-info-table label,.modern-recipe-info-label{display:block;font-size:.7rem;font-weight:500;color:var(--gray-500);margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-recipe-info-input,.modern-recipe-info-select{width:100%;padding:.2rem .4rem;border:1px solid var(--gray-200);border-radius:3px;font-size:.75rem;color:var(--gray-700);background-color:#fff;transition:var(--transition);height:24px}.modern-recipe-info-input:focus,.modern-recipe-info-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6cf71a}.modern-recipe-info-input::placeholder{color:var(--gray-400)}.modern-recipe-photo-upload{width:100%;height:40px;border:1px dashed var(--gray-300);border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);background-color:var(--gray-100);overflow:hidden;position:relative}.modern-recipe-photo-upload:hover{border-color:var(--primary-color);background-color:var(--primary-light)}.modern-recipe-photo-upload-icon{font-size:1rem;color:var(--gray-400);margin-right:.3rem}.modern-recipe-photo-upload-text{font-size:.7rem;color:var(--gray-500);white-space:nowrap}.modern-recipe-photo-preview-container{position:relative;width:100%;height:40px;overflow:hidden;border-radius:3px;border:1px solid var(--gray-200)}.modern-recipe-photo-preview{width:100%;height:100%;object-fit:cover}.modern-recipe-photo-preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem}@media (max-width: 768px){.modern-recipe-info-grid{grid-template-columns:1fr 1fr;gap:.75rem}.modern-recipe-info-item.name-item,.modern-recipe-info-item.photo-item{grid-column:span 2}}.modern-recipe-ingredients{background-color:#fff;border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.modern-recipe-ingredients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modern-recipe-ingredients-title{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin:0;display:flex;align-items:center}.modern-recipe-ingredients-title svg{margin-right:.5rem;color:var(--primary-color)}.modern-add-ingredient-button{display:inline-flex;align-items:center;padding:.7rem 1.2rem;background:linear-gradient(135deg,var(--success-color),#0d9488);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b9814d}.modern-add-ingredient-button svg{margin-right:.5rem}.modern-add-ingredient-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #10b98166}.modern-empty-ingredients{text-align:center;padding:2rem;background-color:var(--gray-100);border-radius:var(--border-radius);color:var(--gray-500)}.modern-empty-ingredients p:first-child{font-weight:500;margin-bottom:.5rem}.modern-empty-ingredients p:last-child{font-size:.875rem}.modern-ingredients-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:2rem;box-shadow:var(--shadow);border-radius:var(--border-radius);overflow:hidden}.modern-ingredients-table th{text-align:left;padding:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-bottom:1px solid var(--gray-200)}.modern-ingredients-table th:first-child{border-top-left-radius:var(--border-radius)}.modern-ingredients-table th:last-child{border-top-right-radius:var(--border-radius);text-align:center}.modern-ingredients-table td{padding:1rem;border-bottom:1px solid var(--gray-200);vertical-align:middle}.modern-ingredients-table tr:last-child td{border-bottom:none}.modern-ingredients-table tr:hover{background-color:var(--primary-light)}.modern-ingredient-name{display:flex;flex-direction:column;gap:4px;font-weight:500;color:var(--gray-800)}.modern-ingredient-supplier{font-size:.85rem;color:var(--gray-500);font-weight:400;display:inline-block;background-color:var(--gray-100);padding:2px 8px;border-radius:12px}.modern-ingredient-select{width:100%;padding:.5rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;color:var(--gray-800);background-color:#fff;transition:var(--transition)}.modern-ingredient-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6cf733}.modern-quantity-input-container{display:flex;align-items:center;gap:.5rem;background-color:var(--gray-100);border-radius:8px;padding:.25rem .5rem;width:fit-content}.modern-quantity-input{width:60px;padding:.4rem;border:none;border-radius:4px;font-size:.875rem;color:var(--gray-800);background-color:#fff;transition:var(--transition);text-align:center}.modern-quantity-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6cf733}.modern-quantity-unit{margin-left:.5rem;color:var(--gray-500);font-size:.875rem}.modern-ingredient-cost{font-weight:600;color:#fff;background-color:var(--primary-color);padding:.4rem .8rem;border-radius:8px;display:inline-block}.modern-delete-ingredient-button{display:inline-flex;border:none;color:#fff;cursor:pointer;padding:.5rem .75rem;border-radius:8px;background:linear-gradient(135deg,#ff4d4d,#ef4444);transition:all .3s ease;box-shadow:0 2px 4px #ef44444d;align-items:center;justify-content:center;position:relative;overflow:hidden}.modern-delete-ingredient-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:all .3s ease}.modern-delete-ingredient-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 8px #ef444466;background:linear-gradient(135deg,#f33,#dc2626)}.modern-delete-ingredient-button:hover:before{left:100%}.modern-recipe-steps{background-color:#fff;border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.modern-recipe-steps-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modern-recipe-steps-title{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin:0;display:flex;align-items:center}.modern-recipe-steps-title svg{margin-right:.5rem;color:var(--primary-color)}.modern-add-step-button{display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.modern-add-step-button svg{margin-right:.5rem}.modern-add-step-button:hover{background-color:var(--primary-color);color:#fff}.modern-step-item{display:flex;margin-bottom:1.5rem;position:relative;width:100%;box-sizing:border-box}.modern-step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--primary-color);color:#fff;font-weight:600;margin-right:1rem;flex-shrink:0}.modern-step-content{flex-grow:1;width:calc(100% - 60px);box-sizing:border-box}.modern-step-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:8px;background-color:#fff;color:var(--gray-800);font-size:.875rem;resize:vertical;min-height:100px;transition:var(--transition);box-sizing:border-box;max-width:100%}.modern-step-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6cf733}.modern-delete-step-button{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background-color:#ef44441a;color:var(--danger-color);cursor:pointer;transition:var(--transition)}.modern-delete-step-button:hover{background-color:var(--danger-color);color:#fff;transform:scale(1.05);box-shadow:0 4px 8px #ef44444d}.modern-recipe-cost{background-color:#fff;border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.modern-recipe-cost-title{font-size:1.25rem;font-weight:600;color:var(--gray-800);margin-top:0;margin-bottom:1.5rem;display:flex;align-items:center}.modern-recipe-cost-title svg{margin-right:.5rem;color:var(--primary-color)}.modern-recipe-cost-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.modern-recipe-cost-item{background-color:var(--gray-100);border-radius:12px;padding:1.25rem;text-align:center;box-shadow:0 2px 6px #0000000d;transition:all .3s ease}.modern-recipe-cost-item:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.modern-recipe-cost-label{font-size:.875rem;color:var(--gray-500);margin-bottom:.5rem}.modern-recipe-cost-value{font-size:1.75rem;font-weight:700;color:var(--gray-800);margin:0;display:flex;align-items:center;justify-content:center}.modern-recipe-cost-value.primary{color:var(--primary-color);font-size:2rem;text-shadow:0 1px 2px rgba(74,108,247,.2);position:relative}.modern-recipe-cost-value.primary:after{content:"";position:absolute;bottom:-5px;left:25%;width:50%;height:3px;background:linear-gradient(to right,var(--primary-light),var(--primary-color),var(--primary-light));border-radius:3px}.modern-recipe-cost-value.success{color:var(--success-color);text-shadow:0 1px 2px rgba(16,185,129,.2)}.modern-margin-slider{width:100%;margin-bottom:1rem}.modern-margin-slider-label{display:flex;justify-content:space-between;margin-bottom:.5rem}.modern-margin-slider-label span{font-size:.875rem;color:var(--gray-600)}.modern-margin-slider-input{width:100%;margin-top:.5rem;height:8px;border-radius:4px;background:linear-gradient(to right,var(--primary-light),var(--primary-color),var(--success-color));-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;box-shadow:0 1px 3px #0000001a inset;transition:all .3s ease}.modern-margin-slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--success-color));cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003;transition:all .3s ease}.modern-margin-slider-input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #00000040}.modern-recipe-actions{display:flex;justify-content:space-between;margin-top:2rem}.modern-recipe-action-button{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition)}.modern-recipe-action-button svg{margin-right:.5rem}.modern-recipe-action-button.primary{background-color:var(--primary-color);color:#fff}.modern-recipe-action-button.primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.modern-recipe-action-button.secondary{background-color:#fff;color:var(--gray-600);border:1px solid var(--gray-300)}.modern-recipe-action-button.secondary:hover{background-color:var(--gray-100);color:var(--gray-800)}.modern-recipe-action-button.danger{background-color:#ef44441a;color:var(--danger-color)}.modern-recipe-action-button.danger:hover{background-color:var(--danger-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.modern-toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;border-radius:8px;background-color:#fff;color:var(--gray-800);box-shadow:var(--shadow-lg);display:flex;align-items:center;z-index:1000;animation:slideIn .3s ease-out forwards}.modern-toast.success{border-left:4px solid var(--success-color)}.modern-toast.error{border-left:4px solid var(--danger-color)}.modern-toast-icon{margin-right:.75rem;font-size:1.25rem}.modern-toast.success .modern-toast-icon{color:var(--success-color)}.modern-toast.error .modern-toast-icon{color:var(--danger-color)}.modern-toast-message{font-size:.875rem}.modern-toast-close{margin-left:1rem;background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:1.25rem;padding:0;display:flex;align-items:center;justify-content:center}.modern-toast-close:hover{color:var(--gray-600)}@media (max-width: 768px){.modern-recipe-container{padding:1rem}.modern-recipe-header{flex-direction:column;align-items:flex-start}.modern-recipe-info-grid,.modern-recipe-cost-grid{grid-template-columns:1fr}.modern-recipe-actions{flex-direction:column;gap:1rem}.modern-recipe-action-button{width:100%;justify-content:center}}.ingredient-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ingredient-modal{background-color:#fff;border-radius:16px;width:90%;max-width:1000px;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #4a6cf71a;animation:modalFadeIn .4s cubic-bezier(.16,1,.3,1);overflow:hidden;border:1px solid rgba(74,108,247,.2)}.ingredient-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;background:linear-gradient(135deg,#4a6cf7,#3a56d4);color:#fff;border-bottom:none}.ingredient-modal-header h3{margin:0;font-size:1.3rem;font-weight:600;color:#fff;letter-spacing:.01em}.ingredient-modal-close{background:#fff3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;color:#fff;transition:all .2s ease}.ingredient-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.ingredient-modal-filters{padding:1.5rem 1.75rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem}.ingredient-search-input{width:100%;max-width:400px;padding:.75rem 1.25rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;background-color:#fff;color:#374151;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;padding-left:40px}.ingredient-search-input:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726;outline:none}.ingredient-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:.75rem}.ingredient-category-select,.ingredient-supplier-select,.ingredient-sort-select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;min-width:160px;max-width:200px;background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;background-position:right 10px center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");padding-right:35px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ingredient-category-select:focus,.ingredient-supplier-select:focus,.ingredient-sort-select:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726;outline:none}.ingredient-sort{display:flex;align-items:center;gap:.75rem;position:relative}.ingredient-sort-direction{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease;box-shadow:0 2px 4px #0000000d;color:#4a6cf7}.ingredient-sort-direction:hover{background-color:#f9fafb;border-color:#4a6cf7;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.ingredient-modal-content{flex-grow:1;overflow-y:auto;padding:1rem 1.75rem .5rem}.ingredient-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d;table-layout:fixed}.ingredient-table th{text-align:left;padding:1rem .75rem;font-weight:600;color:#374151;background-color:#f9fafb;font-size:.95rem;position:sticky;top:0;z-index:10;box-shadow:0 1px 2px #0000000d}.ingredient-table th:nth-child(1){width:10%}.ingredient-table th:nth-child(2){width:20%}.ingredient-table th:nth-child(3){width:10%}.ingredient-table th:nth-child(4){width:15%}.ingredient-table th:nth-child(5){width:20%}.ingredient-table th:nth-child(6){width:25%}.ingredient-table th:first-child{padding-left:1.25rem}.ingredient-table th:last-child{padding-right:1.25rem}.ingredient-table td{padding:.6rem .75rem;border-bottom:1px solid #f3f4f6;font-size:.95rem;color:#4b5563;vertical-align:middle;transition:all .2s ease}.ingredient-table td:first-child{padding-left:1.25rem;width:80px}.ingredient-table td:last-child{padding-right:1.25rem}.ingredient-table tr:last-child td{border-bottom:none}.ingredient-table tr:hover{background-color:#f9fafb;cursor:pointer}.ingredient-table tr:hover td{color:#4a6cf7}.selected-ingredient{background-color:#4a6cf714!important}.selected-ingredient td{color:#4a6cf7;font-weight:500}.ingredient-table input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;outline:none;cursor:pointer;position:relative;transition:all .2s ease;margin:0;padding:0;flex-shrink:0}.ingredient-table input[type=radio]:checked{border-color:#4a6cf7;background-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733}.ingredient-table input[type=radio]:checked:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:0}.ingredient-selection-cell{display:flex;align-items:center;gap:8px;white-space:nowrap}.ingredient-validate-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b9814d;margin-left:-4px;position:relative;top:-1px}.ingredient-validate-button:hover{transform:scale(1.15);box-shadow:0 4px 6px #10b98166}.ingredient-empty-message{text-align:center;padding:3rem 0;color:#6b7280;font-style:italic;background-color:#f9fafb;border-radius:8px;margin:1rem 0}.ingredient-modal-pagination{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.75rem;border-top:1px solid #f3f4f6;background-color:#fff}.pagination-button{padding:.5rem 1rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;color:#4b5563;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000000d}.pagination-button:hover:not(:disabled){background-color:#f9fafb;border-color:#4a6cf7;color:#4a6cf7;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.pagination-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.pagination-info{font-size:.95rem;color:#4b5563;background-color:#f9fafb;padding:.7rem 1.2rem;border-radius:8px;font-weight:500;box-shadow:inset 0 2px 4px #0000000d}.ingredient-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.75rem;border-top:1px solid #f3f4f6;background-color:#f9fafb}.ingredient-modal-cancel{padding:.8rem 1.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;color:#4b5563;box-shadow:0 2px 4px #0000000d}.ingredient-modal-cancel:hover{background-color:#f9fafb;border-color:#4b5563;color:#374151;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.ingredient-modal-add{padding:.8rem 1.5rem;background:linear-gradient(135deg,#4a6cf7,#3a56d4);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;box-shadow:0 4px 6px #4a6cf740;display:flex;align-items:center;gap:.5rem}.ingredient-modal-add:before{content:"+";font-size:1.2rem;font-weight:400;margin-right:.25rem}.ingredient-modal-add:hover:not(:disabled){background:linear-gradient(135deg,#3a56d4,#2a46c4);transform:translateY(-2px);box-shadow:0 6px 8px #4a6cf74d}.ingredient-modal-add:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.ingredient-modal input,.ingredient-modal select,.ingredient-modal button,.ingredient-modal textarea,.ingredient-modal .ingredient-category-select,.ingredient-modal .ingredient-supplier-select,.ingredient-modal .ingredient-sort-select,.ingredient-modal .ingredient-search-input,.ingredient-modal td,.ingredient-modal th,.ingredient-modal p,.ingredient-modal label,.ingredient-modal span{color:#374151!important}.ingredient-modal input,.ingredient-modal select,.ingredient-modal textarea{background-color:#fff!important}.ingredient-modal button:not(.ingredient-modal-close):not(.ingredient-modal-add){background-color:#fff!important;color:#4a6cf7!important}.ingredient-table td,.filter-label{color:#4b5563!important}.ingredient-category-select,.ingredient-supplier-select,.ingredient-sort-select{color:#374151!important}:root{--primary: #4f46e5;--primary-dark: #4338ca;--primary-light: #eef2ff;--primary-hover: #4338ca;--secondary: #f59e0b;--secondary-dark: #d97706;--secondary-light: #fef3c7;--success: #10b981;--success-light: #d1fae5;--danger: #ef4444;--danger-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--info: #3b82f6;--info-light: #dbeafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .25rem;--radius: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition: all .2s ease;--transition-slow: all .3s ease}body{font-family:Poppins,sans-serif;background-color:var(--gray-50);color:var(--gray-800)}.inventory-container{max-width:1280px;margin:0 auto;padding:2rem}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.inventory-title-section{display:flex;flex-direction:column}.inventory-title-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.inventory-icon-wrapper{width:3rem;height:3rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.inventory-icon{color:#fff;font-size:1.5rem}.inventory-title{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0;line-height:1.2;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.inventory-description{color:var(--gray-500);font-size:1rem;max-width:36rem}.inventory-actions{display:flex;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;transition:var(--transition);cursor:pointer;border:none;outline:none;box-shadow:var(--shadow-sm)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 6px #4f46e540}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 10px #4f46e54d}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #4f46e533}.btn-secondary{background:linear-gradient(135deg,var(--secondary),var(--secondary-dark));color:#fff;box-shadow:0 4px 6px #f59e0b40}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 10px #f59e0b4d}.btn-outline{background-color:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.btn-outline:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.btn-danger{background:linear-gradient(135deg,var(--danger),#dc2626);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 10px #ef44444d}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-icon{padding:.5rem;border-radius:var(--radius-full)}.btn-icon svg{width:1.25rem;height:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--gray-100);display:flex;align-items:center;overflow:hidden;position:relative}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-card:after{content:"";position:absolute;top:0;right:0;width:6rem;height:6rem;background:linear-gradient(135deg,#fff0,#ffffff1a);border-radius:50%;transform:translate(30%,-30%)}.stat-icon-wrapper{width:3rem;height:3rem;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0;box-shadow:0 4px 8px #0000001a;background-color:currentColor}.stat-icon{color:#fff!important;font-size:1.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important}.stat-content{flex:1}.stat-title{color:var(--gray-500);font-size:.875rem;margin-bottom:.25rem;font-weight:500}.stat-value{color:var(--gray-900);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-primary .stat-icon-wrapper{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 6px #4f46e540}.stat-success .stat-icon-wrapper{background:linear-gradient(135deg,var(--success),#059669);box-shadow:0 4px 6px #10b98140}.stat-warning .stat-icon-wrapper{background:linear-gradient(135deg,var(--warning),var(--secondary-dark));box-shadow:0 4px 6px #f59e0b40}.stat-info .stat-icon-wrapper{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 6px #8b5cf640}.search-filter-container{background-color:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);margin-bottom:2rem;border:1px solid var(--gray-100)}.search-filter-row{display:flex;flex-wrap:wrap;gap:1rem}.search-container{flex:1;min-width:250px;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-400)}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:var(--radius);border:1px solid var(--gray-300);background-color:var(--gray-50);font-size:.875rem;color:var(--gray-800);transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.filter-select{padding:.75rem 2.5rem .75rem 1rem;border-radius:var(--radius);border:1px solid var(--gray-300);background-color:var(--gray-50);font-size:.875rem;color:var(--gray-800);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;min-width:180px;transition:var(--transition)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.filter-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.filter-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.filter-badge-close{width:1rem;height:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--primary);color:#fff;font-size:.75rem;line-height:1;cursor:pointer;transition:var(--transition)}.filter-badge-close:hover{background-color:var(--primary-dark)}.view-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.view-mode-buttons{display:flex;gap:.5rem;background-color:var(--gray-100);padding:.25rem;border-radius:var(--radius)}.view-mode-button{padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.view-mode-button.active{background-color:#fff;box-shadow:var(--shadow-sm);color:var(--primary)}.view-mode-button:not(.active){color:var(--gray-500)}.view-mode-button:not(.active):hover{background-color:var(--gray-200);color:var(--gray-700)}.action-buttons{display:flex;gap:.5rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.product-card{background-color:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition-slow);border:1px solid var(--gray-100);display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.product-card-image{height:120px;background-color:var(--gray-100);position:relative;overflow:hidden}.product-card-image-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:var(--transition)}.product-card:hover .product-card-image-content{transform:scale(1.1)}.product-card-badge{position:absolute;bottom:.75rem;left:.75rem;padding:.25rem .75rem;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;color:var(--primary);box-shadow:var(--shadow-sm)}.product-card-content{padding:1.25rem;flex:1;display:flex;flex-direction:column}.product-card-title{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.product-card-description{font-size:.875rem;color:var(--gray-500);margin-bottom:1rem;flex:1}.product-card-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.product-card-detail{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700)}.product-card-detail svg{color:var(--gray-400)}.product-card-footer{padding:1rem 1.25rem;border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center}.product-card-date{font-size:.75rem;color:var(--gray-500)}.product-card-actions{display:flex;gap:.5rem}.products-table-container{background-color:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--gray-100)}.products-table{width:100%;border-collapse:separate;border-spacing:0}.products-table th{background-color:var(--gray-50);padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200);position:relative}.products-table th.sortable{cursor:pointer}.products-table th.sortable:hover{background-color:var(--gray-100)}.products-table th.sorted{color:#fff;background-color:var(--primary);font-weight:600}.products-table th.sorted .sort-icon{color:#fff}.sort-icon{display:inline-block;margin-left:.25rem;font-size:.875rem}.products-table td{padding:1rem;border-bottom:1px solid var(--gray-100);transition:var(--transition)}.products-table tr:last-child td{border-bottom:none}.products-table tr:hover td{background-color:var(--gray-50)}.product-name-cell{display:flex;align-items:center;gap:.75rem}.product-icon{width:2.5rem;height:2.5rem;background-color:var(--primary-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary)}.product-name-content{display:flex;flex-direction:column}.product-name{font-weight:500;color:var(--gray-900)}.product-category{font-size:.75rem;color:var(--gray-500)}.product-price{font-weight:500;color:var(--gray-800)}.product-quantity{font-weight:500}.product-supplier{color:var(--gray-700)}.product-actions{display:flex;justify-content:flex-end;gap:.5rem}.loading-container,.error-container,.empty-container{padding:3rem;text-align:center;background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-100)}.loading-spinner{width:3rem;height:3rem;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loading-text{color:var(--gray-500);font-size:1rem}.error-icon,.empty-icon{font-size:3rem;margin-bottom:1rem}.error-icon{color:var(--danger)}.empty-icon{color:var(--gray-300)}.error-title,.empty-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--gray-900)}.error-message,.empty-message{color:var(--gray-500);margin-bottom:1.5rem;max-width:24rem;margin-left:auto;margin-right:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem;animation:fadeIn .2s ease-out}.modal{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:28rem;max-height:calc(100vh - 2rem);overflow:hidden;animation:slideUp .3s ease-out}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.25rem;font-weight:600;color:var(--gray-900)}.modal-close{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-500);cursor:pointer;transition:var(--transition)}.modal-close:hover{background-color:var(--gray-100);color:var(--gray-700)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--gray-100);display:flex;justify-content:flex-end;gap:.75rem}.delete-modal-header{background-color:var(--danger);color:#fff}.delete-modal-title{color:#fff}.delete-modal-close{color:#fffc}.delete-modal-close:hover{background-color:#fff3;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}@media (max-width: 768px){.inventory-header{flex-direction:column;align-items:flex-start;gap:1rem}.inventory-actions{width:100%}.stats-grid{grid-template-columns:1fr}.search-filter-row{flex-direction:column}.products-table th:nth-child(4),.products-table td:nth-child(4){display:none}}@media (max-width: 480px){.inventory-container{padding:1rem}.products-table th:nth-child(3),.products-table td:nth-child(3){display:none}.product-card-footer{flex-direction:column;align-items:flex-start;gap:.75rem}.product-card-actions{width:100%;justify-content:flex-end}}.ingredients-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;color:#1f2937}.fade-in{opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.ingredients-header{margin-bottom:30px;background:linear-gradient(135deg,#3b82f6,#4f46e5);border-radius:12px;padding:30px;color:#fff;box-shadow:0 4px 15px #3b82f633}.header-content{display:flex;justify-content:space-between;align-items:center}.ingredients-title{font-size:32px;font-weight:700;margin-bottom:10px;background:linear-gradient(to right,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}.ingredients-subtitle{font-size:18px;color:#ffffffe6;margin-bottom:0;max-width:600px}.header-stats{display:flex;gap:20px;align-items:center}.logo-container{display:flex;align-items:center;margin-right:20px;padding-right:20px;border-right:1px solid rgba(255,255,255,.2);text-decoration:none;cursor:pointer;transition:transform .2s ease}.logo-container:hover{transform:scale(1.05)}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 0 10px}.header-stat{text-align:center;background:#ffffff26;padding:15px 25px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-stat-value{font-size:28px;font-weight:700}.header-stat-label{font-size:14px;opacity:.9}.ingredients-card{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;overflow:hidden;margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease}.ingredients-card:hover{box-shadow:0 8px 25px #00000014}.card-actions{display:flex;justify-content:flex-end;align-items:center;padding:20px;border-bottom:1px solid #f3f4f6}.ingredients-table-header{display:grid;grid-template-columns:2fr 1fr 1fr .5fr;gap:10px;padding:15px 20px;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;font-weight:600;text-transform:uppercase;font-size:14px;max-width:100%}.ingredients-list{max-height:500px;overflow-y:auto;scrollbar-width:thin;padding-bottom:10px}.ingredients-list::-webkit-scrollbar{width:6px}.ingredients-list::-webkit-scrollbar-track{background:#f1f5f9}.ingredients-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#6b7280}.empty-icon{background-color:#f3f4f6;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#3b82f6}.empty-state h3{font-size:18px;font-weight:600;margin-bottom:8px;color:#374151}.empty-state p{font-size:14px;max-width:300px}.ingredient-row{display:grid;grid-template-columns:2fr 1fr 1fr .5fr;gap:10px;padding:15px 20px;align-items:center;border-bottom:1px solid #f3f4f6;transition:all .2s ease;max-width:100%}.row-even{background-color:#fff}.row-odd{background-color:#f9fafb}.ingredient-row:hover{background-color:#f0f9ff;transform:translate(3px)}.ingredient-input{width:100%;max-width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;box-sizing:border-box;min-width:0;transition:all .2s ease}.ingredient-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.ingredient-select{width:100%;max-width:100px;padding:10px 30px 10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background-color:#fff;box-sizing:border-box;min-width:0;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.ingredient-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.price-input-container{position:relative;display:flex;align-items:center}.price-input{width:100%;max-width:100px;padding:10px 30px 10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;box-sizing:border-box;min-width:0;transition:all .2s ease}.price-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.price-symbol-wrapper{position:absolute;right:10px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.price-symbol{color:#6b7280;font-size:14px}.ingredient-name-cell,.ingredient-unit-cell,.ingredient-price-cell,.ingredient-action-cell{display:flex;align-items:center;overflow:hidden}.ingredient-name-cell{width:100%}.ingredient-unit-cell{width:100%;max-width:100px}.ingredient-price-cell{width:100%;max-width:100px;position:relative}.ingredient-action-cell{display:flex;justify-content:center;align-items:center;width:40px}.delete-button{display:flex;justify-content:center;align-items:center;background:none;border:none;color:#ef4444;cursor:pointer;width:36px;height:36px;border-radius:50%;transition:all .2s ease}.delete-button:hover{background-color:#fee2e2;transform:rotate(90deg)}.actions-container{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f9fafb;border-top:1px solid #f3f4f6}.ingredients-summary{font-size:14px;color:#6b7280}.summary-text{display:inline-block;padding:6px 12px;background-color:#f3f4f6;border-radius:20px;font-weight:500}.modern-button{display:flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px #0000001a;letter-spacing:.5px}.modern-button svg{flex-shrink:0}.modern-button span{margin:0 8px}.modern-button:disabled{opacity:.7;cursor:not-allowed}.add-button{background-color:#3b82f6;color:#fff;box-shadow:0 4px 10px #3b82f64d}.add-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666}.add-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #3b82f64d}.add-button svg{margin-right:4px}.next-button{background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;box-shadow:0 4px 10px #4f46e54d}.next-button:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 12px #4f46e566}.next-button:active{transform:translateY(0);box-shadow:0 2px 6px #4f46e54d}.next-button svg{margin-left:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.stat-card{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;padding:25px;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000014}.stat-content{display:flex;align-items:center;margin-bottom:20px}.stat-icon{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:12px;margin-right:20px;box-shadow:0 4px 10px #0000001a}.icon-blue{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.icon-indigo{background:linear-gradient(135deg,#4f46e5,#818cf8);color:#fff}.icon-green{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.stat-info{flex:1}.stat-title{font-size:14px;color:#6b7280;margin-top:5px}.stat-value{font-size:28px;font-weight:700;color:#1f2937;line-height:1.2}.stat-progress{height:6px;background-color:#f3f4f6;border-radius:3px;overflow:hidden}.stat-progress-bar{height:100%;border-radius:3px;transition:width 1s ease}.icon-blue+.stat-info+.stat-progress .stat-progress-bar{background:linear-gradient(to right,#3b82f6,#60a5fa)}.icon-indigo+.stat-info+.stat-progress .stat-progress-bar{background:linear-gradient(to right,#4f46e5,#818cf8)}.icon-green+.stat-info+.stat-progress .stat-progress-bar{background:linear-gradient(to right,#10b981,#34d399)}.toast{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;justify-content:space-between;padding:0;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:1000;animation:slideIn .3s ease forwards;overflow:hidden;max-width:350px;width:100%}.toast-content{display:flex;align-items:center;padding:16px;flex:1}.toast-success{background-color:#f0fdf4;border-left:5px solid #22c55e;color:#166534}.toast-error{background-color:#fef2f2;border-left:5px solid #ef4444;color:#b91c1c}.toast-icon{display:flex;align-items:center;justify-content:center;margin-right:12px;width:24px;height:24px}.toast-message{font-size:14px;font-weight:500;line-height:1.4}.toast-close{height:100%;padding:0 16px;background:#0000000d;border:none;font-size:18px;color:currentColor;cursor:pointer;opacity:.7;transition:all .2s ease}.toast-close:hover{opacity:1;background:#0000001a}.planning-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.planning-modal{background:#fff;border-radius:.75rem;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.planning-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.planning-modal-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;margin:0;color:#fff}.modal-title-icon{font-size:1.125rem;color:#fff;stroke:#fff}.planning-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:#fff3;color:#fff;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.planning-modal-close:hover{background:#ffffff4d}.planning-modal-body{padding:1.5rem;max-height:calc(90vh - 200px);overflow-y:auto}.planning-modal-form{display:block}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group textarea{resize:vertical;min-height:80px}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.planning-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-create{padding:.75rem 1.5rem;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-create:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.planning-modal-form input[type=date]:disabled{background-color:#f5f5f5;color:#333;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#333}.employees-selection{margin-top:1rem}.employees-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:1rem}.employee-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:.5rem;transition:all .2s ease;cursor:pointer;background:#fff;position:relative;overflow:hidden}.employee-checkbox:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.employee-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:.25rem;outline:none;cursor:pointer;position:relative;flex-shrink:0;transition:all .2s ease}.employee-checkbox input[type=checkbox]:checked{background-color:#4f46e5;border-color:#4f46e5}.employee-selection-actions{display:flex;gap:1rem;margin-bottom:1rem}.employee-selection-actions .btn-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;color:#4f46e5;background:none;border:none;font-size:.875rem;cursor:pointer;transition:color .2s}.employee-selection-actions .btn-link:hover{color:#4338ca;text-decoration:underline}.employee-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.employee-selection-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.employee-selection-item:hover{border-color:#c7d2fe;box-shadow:0 1px 3px #0000001a}.employee-selection-item.selected{border-color:#4f46e5;background-color:#f5f3ff}.employee-avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#e0e7ff;color:#4f46e5;font-weight:600;flex-shrink:0}.employee-name{font-weight:500;color:#111827;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-email{font-size:.75rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-poste{font-size:.75rem;color:#4f46e5;background:#eef2ff;display:inline-block;padding:.125rem .5rem;border-radius:1rem;margin-top:.25rem}.employee-selection-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;flex-shrink:0;transition:all .2s ease}.employee-selection-item.selected .employee-selection-check{background:#4f46e5;border-color:#4f46e5;color:#fff}.employee-selection-item .unselected-icon{opacity:0;transition:opacity .2s ease}.employee-selection-item:hover .unselected-icon{opacity:.7}.employee-selection-item .selected-icon{color:#fff}.selected-count{font-size:.875rem;color:#4f46e5;text-align:right;margin-top:.5rem;font-weight:500}@media (max-width: 640px){.employee-selection-grid{grid-template-columns:1fr}}.employee-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:.75rem;top:50%;left:50%;transform:translate(-50%,-50%)}.employee-checkbox input[type=checkbox]:focus{box-shadow:0 0 0 3px #6366f14d}.employee-checkbox.selected{background-color:#f0f9ff;border-color:#7dd3fc;border-left:4px solid #0ea5e9}.employee-info{display:flex;flex-direction:column;flex-grow:1}.employee-info strong{font-size:.875rem;font-weight:500;color:#111827;line-height:1.25}.employee-info small{font-size:.75rem;color:#6b7280;margin-top:.125rem}.selected-count{font-size:.875rem;font-weight:500;color:#4f46e5;text-align:right;margin-top:1rem;padding:.75rem 0;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.selected-count:before{content:"";display:inline-block;width:.5rem;height:.5rem;background-color:#4f46e5;border-radius:50%}@media (max-width: 768px){.planning-modal{max-width:95vw;margin:1rem}.planning-modal-header,.planning-modal-body,.planning-modal-footer{padding:1rem}.form-row{grid-template-columns:1fr;gap:.75rem}.planning-modal-footer{flex-direction:column}.btn-cancel,.btn-create{width:100%;justify-content:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;position:relative;margin:1rem}.send-planning-modal{max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-icon{color:#3b82f6}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 .75rem .75rem}.btn-secondary{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:#3b82f6;color:#fff;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#2563eb}.planning-info{background:#f8fafc;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;border:1px solid #e2e8f0}.planning-info h3{margin:0 0 .5rem;color:#1e293b;font-size:1.1rem;font-weight:600}.planning-info p{margin:0;color:#64748b;font-size:.9rem}.employee-selection-section{margin-bottom:1.5rem}.section-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e2e8f0}.select-all-checkbox{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.employees-list{max-height:300px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff}.employee-item{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.employee-item:last-child{border-bottom:none}.employee-item:hover{background:#f8fafc}.employee-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.employee-info{flex:1;min-width:0}.employee-name{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#1e293b;margin-bottom:.25rem}.employee-icon{color:#64748b;font-size:.9rem}.employee-email{font-size:.85rem}.email-valid{display:flex;align-items:center;gap:.25rem;color:#059669}.email-icon{font-size:.8rem}.email-missing{color:#dc2626;font-style:italic}.employee-checkbox input[type=checkbox],.select-all-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:18px;width:18px;background-color:#fff;border:2px solid #d1d5db;border-radius:3px;position:relative;transition:all .2s ease;flex-shrink:0}.employee-checkbox:hover .checkmark,.select-all-checkbox:hover .checkmark{border-color:#3b82f6}.employee-checkbox input:checked~.checkmark,.select-all-checkbox input:checked~.checkmark{background-color:#3b82f6;border-color:#3b82f6}.checkmark:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.employee-checkbox input:checked~.checkmark:after,.select-all-checkbox input:checked~.checkmark:after{display:block}.message-section{margin-bottom:1.5rem}.message-section label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.message-section textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;font-size:.9rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}.message-section textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.message-section textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.selected-summary{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:.375rem;padding:.75rem;margin-bottom:1rem}.selected-summary p{margin:0;display:flex;align-items:center;gap:.5rem;color:#065f46;font-weight:500}.check-icon{color:#059669}.modal-footer .btn-primary:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.modal-footer .btn-primary:disabled:hover{background-color:#d1d5db}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}@media (max-width: 640px){.send-planning-modal{width:95vw;max-height:90vh}.employee-checkbox{padding:.5rem}.employee-name{font-size:.9rem}.employee-email{font-size:.8rem}}.employee-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.employee-modal{background:#fff;border-radius:.5rem;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 10px 25px #00000026}.employee-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.employee-modal-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-title-icon{color:#6b7280;font-size:1.125rem}.employee-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.employee-modal-close:hover{background:#f3f4f6;color:#374151}.employee-modal-body{padding:1.5rem;max-height:calc(90vh - 200px);overflow-y:auto}.employee-modal-form{display:block}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.section-icon{color:#6b7280;font-size:.875rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.label-icon{font-size:.75rem;color:#6b7280}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .2s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.error-message{color:#dc2626;font-size:.75rem;margin-top:.25rem}.competences-input{display:flex;gap:.5rem;margin-bottom:1rem}.competences-input input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.btn-add-competence{padding:.75rem 1rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-competence:hover{background:#e5e7eb;border-color:#9ca3af}.competences-list{display:flex;flex-wrap:wrap;gap:.5rem}.competence-tag{display:flex;align-items:center;gap:.25rem;background:#f3f4f6;color:#374151;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.remove-competence{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;background:#e5e7eb;color:#6b7280;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.remove-competence:hover{background:#dc2626;color:#fff}.employee-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.btn-cancel{padding:.75rem 1.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{padding:.75rem 1.5rem;border:none;background:#3b82f6;color:#fff;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-submit:hover:not(:disabled){background:#2563eb}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#374151;border-color:#374151}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}@media (max-width: 768px){.employee-modal-overlay{padding:.5rem}.employee-modal{max-width:100%;max-height:95vh}.employee-modal-header,.employee-modal-body,.employee-modal-footer{padding:1rem}.form-row{grid-template-columns:1fr;gap:.75rem}.employee-modal-footer{flex-direction:column}.btn{justify-content:center}}@media (max-width: 480px){.employee-modal-overlay{padding:0}.employee-modal{border-radius:0;max-height:100vh}.competences-input{flex-direction:column}}.planning-view{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.planning-view-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.planning-info{display:flex;align-items:center;gap:1rem}.planning-info>div{display:flex;flex-direction:column;gap:.5rem}.back-button{background:#fff;border:2px solid white;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#764ba2;transition:all .2s ease;flex-shrink:0;z-index:10;box-shadow:0 2px 4px #0000001a}.back-button svg{width:20px;height:20px;filter:drop-shadow(0 0 1px rgba(0,0,0,.3))}.back-button:hover{background:#ffffff80;transform:translate(-2px);box-shadow:0 4px 6px #00000026}.back-button:active{transform:translate(0);box-shadow:0 2px 3px #0000001a}.planning-title{font-size:1.5rem;font-weight:700;margin:0}.planning-period{font-size:.875rem;opacity:.9;margin:0}.planning-status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:#fff3;width:fit-content}.planning-actions{display:flex;gap:.75rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-btn:hover{background:#fff3;transform:translateY(-1px)}.save-btn:hover{background:#22c55e33}.publish-btn:hover{background:#3b82f633}.export-btn:hover{background:#a855f733}.notify-btn:hover{background:#f59e0b33}.day-types-legend{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.day-types-legend h3{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.legend-list{display:flex;gap:.5rem;flex-wrap:wrap}.legend-item{padding:.5rem .75rem;border-radius:.375rem;color:#fff;font-size:.75rem;font-weight:500;-webkit-user-select:none;user-select:none;transition:all .2s ease}.legend-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.conflicts-alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#fef2f2;border-left:4px solid #ef4444;color:#dc2626;font-size:.875rem}.conflicts-alert button{margin-left:auto;padding:.25rem .75rem;border:1px solid #dc2626;background:#fff;color:#dc2626;border-radius:.25rem;font-size:.75rem;cursor:pointer}.planning-grid{overflow-x:auto;background:#f9fafb}.grid-header{display:grid;grid-template-columns:200px repeat(var(--day-count, 7),1fr);background:#e5e7eb;border-radius:.5rem .5rem 0 0;width:100%;overflow-x:auto}.employee-header,.day-header,.hours-header{padding:1rem;background:#f3f4f6;font-weight:600;color:#374151;text-align:center}.employee-header{text-align:left}.day-header{display:flex;flex-direction:column;align-items:center;gap:.25rem}.day-name{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.day-number{font-size:1.25rem;font-weight:700}.employee-row{display:grid;grid-template-columns:200px repeat(var(--day-count, 7),1fr);background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:.25rem;width:100%;overflow-x:auto}.employee-info{padding:1rem;background:#fff;display:flex;flex-direction:column;justify-content:center}.employee-name{font-weight:600;color:#111827;font-size:.875rem}.employee-role{font-size:.75rem;color:#6b7280;margin-top:.25rem}.employee-hours-info{display:flex;gap:.5rem;margin-top:.75rem}.hours-box{display:flex;flex-direction:column;align-items:center;padding:.5rem;border-radius:.5rem;min-width:60px;font-size:.75rem}.hours-box.contract-hours{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border:1px solid #81d4fa}.hours-box.worked-hours{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #ce93d8}.hours-label{font-weight:500;color:#374151;margin-bottom:.25rem}.hours-value{font-weight:700;color:#111827;font-size:.875rem}.day-cell{background:#fff;min-height:120px;padding:.5rem;position:relative;display:flex;flex-direction:column;gap:.25rem}.day-cell:hover{background:#f9fafb}.shift-card{position:relative;padding:.5rem;border-radius:.375rem;color:#fff;font-size:.75rem;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none;min-height:60px}.shift-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0003}.shift-card:active{cursor:grabbing}.shift-card.conflict{border:2px solid #ef4444;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.shift-time{font-weight:600;margin-bottom:.25rem}.shift-type{font-size:.625rem;opacity:.9;margin-bottom:.25rem}.shift-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.shift-card:hover .shift-actions{opacity:1}.shift-actions button{width:1.5rem;height:1.5rem;border:none;background:#0003;color:#fff;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem}.shift-actions button:hover{background:#0006}.add-shift-btn{width:100%;height:2rem;border:2px dashed #d1d5db;background:transparent;color:#9ca3af;border-radius:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:auto;transition:all .2s ease}.add-shift-btn:hover{border-color:#667eea;color:#667eea;background:#667eea0d}.hours-total{background:#fff;padding:1rem;display:flex;align-items:center;justify-content:center;font-weight:600;color:#374151}.shift-editor{position:fixed;top:50%;right:2rem;transform:translateY(-50%);width:300px;background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a;padding:1.5rem;z-index:100}.shift-editor h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#111827}.editor-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.field-group{display:flex;flex-direction:column}.field-group label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.field-group input,.field-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.field-group input:focus,.field-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.editor-actions{display:flex;gap:.75rem}.editor-actions button{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.editor-actions button:first-child{background:#fff;color:#374151}.editor-actions button:first-child:hover{background:#f9fafb}.editor-actions button:last-child{background:#ef4444;color:#fff;border-color:#ef4444}.editor-actions button:last-child:hover{background:#dc2626}@media (max-width: 1024px){.planning-view-header{flex-direction:column;gap:1rem;align-items:flex-start}.planning-actions{width:100%;justify-content:space-between}.action-btn{flex:1;justify-content:center}.action-btn span{display:none}.grid-header,.employee-row{grid-template-columns:150px repeat(7,100px) 60px}.shift-editor{position:fixed;top:auto;bottom:0;right:0;left:0;transform:none;width:auto;border-radius:.75rem .75rem 0 0}}@media (max-width: 768px){.roles-list{gap:.25rem}.role-card{padding:.375rem .5rem;font-size:.625rem}.grid-header,.employee-row{grid-template-columns:120px repeat(7,80px) 50px}.employee-info,.day-cell,.hours-total{padding:.5rem}.day-cell{min-height:100px}.shift-card{min-height:50px;padding:.375rem}}.planning-page{padding:2rem;max-width:1200px;margin:0 auto;background:#fff;min-height:100vh}.modern-header{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;padding:2.5rem;margin-bottom:2rem;overflow:hidden;color:#fff}.header-content{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.header-text{flex:1}.title-group{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.title-icon-wrapper{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#fff3;border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title-icon{font-size:1.5rem;color:#fff}.page-title{font-size:2.25rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-description{color:#ffffffe6;font-size:1.125rem;margin:0;line-height:1.6;max-width:500px}.header-actions{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.action-btn{display:flex;align-items:center;padding:0;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease;overflow:hidden;min-width:160px;max-width:160px}.btn-content{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;width:100%}.btn-icon{font-size:1.125rem;flex-shrink:0}.primary-btn{background:#fffffff2;color:#6366f1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.primary-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.secondary-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secondary-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.btn-icon{font-size:1.125rem}.header-decoration{position:absolute;top:0;right:0;width:100%;height:100%;pointer-events:none;z-index:1}.decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:200px;height:200px;top:-100px;right:-50px}.circle-2{width:150px;height:150px;top:50px;right:200px;background:#ffffff0d}.circle-3{width:100px;height:100px;bottom:-50px;right:100px;background:#ffffff14}.action-buttons{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:.875rem;border:1px solid #d1d5db;cursor:pointer;transition:all .2s ease;text-decoration:none;background:#fff}.btn-primary{background:#111827;color:#fff;border-color:#111827}.btn-primary:hover{background:#374151;border-color:#374151}.btn-secondary{background:#fff;color:#111827;border-color:#d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-icon{font-size:1rem}.section{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:2rem;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#111827;margin:0}.section-icon{color:#6b7280;font-size:1.125rem}.section-actions{display:flex;align-items:center;gap:1rem}.btn-refresh{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid #d1d5db;background:#fff;color:#6b7280;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.btn-refresh:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-count{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.table-container{overflow-x:auto}.modern-table{width:100%;border-collapse:collapse;font-size:.875rem}.modern-table th{background:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:500;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.modern-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.modern-table tbody tr:hover{background:#f9fafb}.font-medium{font-weight:500;color:#111827}.contract-type{background:#f3f4f6;color:#374151;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.hours-badge{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.875rem;font-weight:500}.hours-icon{font-size:.875rem}.schedule,.period{font-family:SF Mono,Monaco,Menlo,monospace;color:#6b7280;font-size:.875rem}.employees-count{display:flex;align-items:center;gap:.25rem;color:#6b7280;font-size:.875rem;font-weight:500}.employees-icon{font-size:.875rem}.status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.status-draft{background:#fef3c7;color:#92400e}.status-validated{background:#d1fae5;color:#065f46}.status-published{background:#dbeafe;color:#1e40af}.status-default{background:#f3f4f6;color:#374151}.action-buttons-row{display:flex;gap:.25rem;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch;align-items:center;justify-content:flex-start;min-width:0;width:100%}.action-buttons-row::-webkit-scrollbar{height:4px}.action-buttons-row::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.action-buttons-row{-ms-overflow-style:none;scrollbar-width:thin}.btn-action{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:1px solid #e5e7eb;border-radius:.25rem;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;background:#fff;flex-shrink:0;min-width:fit-content}.btn-view{color:#374151;border-color:#d1d5db}.btn-view:hover{background:#f9fafb;border-color:#9ca3af}.btn-edit{color:#374151;border-color:#d1d5db}.btn-edit:hover{background:#f9fafb;border-color:#9ca3af}.action-buttons-row .btn-action.btn-delete{color:#dc2626!important;border:1px solid #d1d5db!important;background:#fff!important;box-shadow:none!important;transform:none!important;padding:.25rem .5rem!important;font-size:.7rem!important;min-width:fit-content!important;height:auto!important;border-radius:.25rem!important}.action-buttons-row .btn-action.btn-delete:hover{background:#fef2f2!important;border-color:#dc2626!important;box-shadow:none!important;transform:none!important}.btn-duplicate{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.btn-duplicate:hover{background:#d1fae5;border-color:#34d399}.action-buttons-row .btn-action.btn-send{color:#2563eb!important;border:1px solid #bfdbfe!important;background:#eff6ff!important;box-shadow:none!important;transform:none!important;padding:.25rem .5rem!important;font-size:.7rem!important;min-width:fit-content!important;max-width:none!important;width:auto!important;height:auto!important;border-radius:.25rem!important;position:relative!important;z-index:auto!important;flex-shrink:0!important;display:flex!important;align-items:center!important;gap:.25rem!important}.action-buttons-row .btn-action.btn-send:hover{background:#dbeafe!important;border-color:#60a5fa!important;box-shadow:none!important;transform:none!important}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem 0;flex-wrap:wrap}.pagination-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#fff;color:#4a5568;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#f7fafc;border-color:#cbd5e0;color:#2d3748}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background-color:#4299e1;border-color:#3182ce;color:#fff}.pagination-button.active:hover{background-color:#3182ce}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#a0aec0;-webkit-user-select:none;user-select:none}.pagination-info{margin-left:1rem;font-size:.875rem;color:#718096}@media (max-width: 640px){.pagination{gap:.25rem}.pagination-button{width:2rem;height:2rem;font-size:.75rem}.pagination-info{width:100%;text-align:center;margin:.5rem 0 0}}.btn-export{color:#374151;border-color:#d1d5db}.btn-export:hover{background:#f9fafb;border-color:#9ca3af}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#6b7280}.loading-state{gap:1rem}.loading-state .spinning{font-size:1.5rem;color:#3b82f6}.error-state{gap:1rem;color:#dc2626}.empty-state{gap:1.5rem}.empty-state .empty-icon{font-size:3rem;color:#d1d5db}.empty-state h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0}.empty-state p{font-size:1rem;color:#6b7280;margin:0;max-width:300px}@media (max-width: 1024px){.planning-page{padding:1rem}.modern-header{padding:2rem}.header-content{flex-direction:column;gap:1.5rem}.header-actions{flex-direction:row;width:100%}.action-btn{flex:1;min-width:auto}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.section-actions{width:100%;justify-content:flex-start}}@media (max-width: 768px){.planning-page{padding:1rem}.page-title{font-size:2rem;flex-direction:column;gap:.5rem}.section-header{padding:1rem;flex-direction:column;gap:1rem;align-items:flex-start}.modern-table th,.modern-table td{padding:.75rem 1rem}.action-buttons-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.5rem}.action-buttons-row .btn-action{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:.25rem}.action-buttons-row .btn-text{display:none}.btn-action{justify-content:center}}@media (max-width: 640px){.action-buttons{flex-direction:column}.modern-table{font-size:.75rem}.modern-table th,.modern-table td{padding:.5rem .75rem}}:root{--primary: #4f46e5;--primary-light: #818cf8;--primary-dark: #4338ca;--secondary: #10b981;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--black: #000000;--dark: #1f2937;--light: #f9fafb;--red-500: #ef4444;--green-500: #10b981;--yellow-400: #fbbf24;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--radius-sm: .25rem;--radius: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition: all .2s ease-in-out;--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;color:var(--gray-900);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4{color:var(--dark);margin:0 0 1rem;line-height:1.2}p{color:var(--gray-600);line-height:1.6;margin:0 0 1.5rem}.subscription-page{min-height:100vh;padding:var(--spacing-12) 0;background:linear-gradient(135deg,#f9f9ff,#f0f2ff);width:100%;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6);width:100%;position:relative}.subscription-header{text-align:center;margin-bottom:var(--spacing-12);padding:0 var(--spacing-4);position:relative;z-index:1}.subscription-header h1{font-size:2.75rem;font-weight:800;color:var(--gray-900);margin-bottom:var(--spacing-4);line-height:1.2;letter-spacing:-.025em;background:linear-gradient(90deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.subtitle{font-size:1.125rem;color:var(--gray-600);max-width:600px;margin:0 auto;line-height:1.6;font-weight:400;position:relative;padding:0 var(--spacing-4)}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin:var(--spacing-10) auto;background:var(--white);padding:var(--spacing-2) var(--spacing-6);border-radius:var(--radius-full);box-shadow:var(--shadow);max-width:fit-content;border:1px solid var(--gray-200);position:relative;z-index:1;transition:all .3s ease}.billing-toggle:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.billing-toggle span{font-weight:500;color:var(--gray-600);transition:var(--transition);font-size:1.05rem;position:relative;z-index:2;white-space:nowrap}.switch{position:relative;display:inline-block;width:60px;height:34px;flex-shrink:0;z-index:2}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-200);transition:var(--transition);border-radius:var(--radius-full);border:2px solid transparent}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:var(--white);transition:var(--transition);border-radius:50%;box-shadow:var(--shadow-sm)}input:checked+.slider{background-color:var(--primary);border-color:var(--primary-light)}input:focus+.slider{box-shadow:0 0 0 3px #4f46e533}.discount-badge{background-color:var(--green-500);color:var(--white);font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-full);margin-left:var(--spacing-2);display:inline-flex;align-items:center;box-shadow:0 2px 4px #10b98133;transition:all .2s ease}.discount-badge:hover{transform:translateY(-1px);box-shadow:0 4px 6px #10b9814d}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8);margin:var(--spacing-12) auto 0;padding:var(--spacing-2);max-width:1400px;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .6s ease-out forwards}.floating{animation:float 6s ease-in-out infinite}.pricing-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--gray-200);display:flex;flex-direction:column;overflow:hidden;height:100%;transform:translateY(0);will-change:transform,box-shadow}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:0;transition:opacity .3s ease}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.pricing-card:hover:before{opacity:1}.pricing-card.popular{border:1px solid #e5e7eb;position:relative;background:#fff}.popular-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background-color:var(--warning);color:var(--gray-900);font-size:.75rem;font-weight:700;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--spacing-1);text-transform:uppercase;letter-spacing:.05em;z-index:2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s ease}.popular-badge:hover{transform:translateY(-1px);box-shadow:0 6px 8px -1px #0000001f}.pricing-card h3{font-size:1.5rem;color:var(--gray-900);margin:0 0 var(--spacing-4) 0;font-weight:700;position:relative;padding-bottom:var(--spacing-3);line-height:1.3}.pricing-card h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:var(--radius-full)}.price{font-size:3rem;font-weight:800;margin:var(--spacing-6) 0;color:var(--gray-900);display:flex;align-items:flex-start;gap:var(--spacing-2);line-height:1;position:relative;padding:var(--spacing-2) 0;background:linear-gradient(90deg,rgba(79,70,229,.1),transparent);border-radius:var(--radius);padding-left:var(--spacing-4);margin-left:calc(-1 * var(--spacing-4));padding-right:var(--spacing-4);width:calc(100% + var(--spacing-8))}.price .free{font-size:2.5rem;color:var(--gray-700);background:linear-gradient(90deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.price .period{font-size:1rem;font-weight:500;color:var(--gray-500);align-self:flex-end;margin-bottom:.5rem;margin-left:.25rem;font-weight:400}.savings{color:var(--success);font-size:.9rem;margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-2)}.savings .discount{background-color:var(--gray-100);color:var(--success);font-size:.75rem;font-weight:600;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full)}.description{color:var(--gray-600);margin-bottom:var(--spacing-6);min-height:3rem;line-height:1.6}.features{margin:var(--spacing-8) 0;flex-grow:1;list-style:none;padding:0}.features li{display:flex;align-items:flex-start;margin-bottom:var(--spacing-4);color:var(--gray-700);font-size:1rem;line-height:1.5;position:relative;padding-left:var(--spacing-6)}.features li:before{content:"✓";position:absolute;left:0;top:.1em;color:var(--success);font-weight:700;font-size:1.1em}.features li:last-child{margin-bottom:0}.features li.highlight{color:var(--gray-900);font-weight:500}.features li.highlight:before{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:var(--radius);font-weight:600;font-size:1rem;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid transparent;position:relative;overflow:hidden;z-index:1;min-width:180px}.btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#ffffff1a;transition:width .3s ease;z-index:-1}.btn:hover:before{width:100%}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -1px #4f46e51a}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e54d,0 4px 6px -2px #4f46e51a}.btn-outline{background-color:transparent;border:2px solid var(--primary);color:var(--primary);transition:all .2s ease}.btn-outline:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e533,0 4px 6px -2px #4f46e51a}.btn-icon{gap:.5rem;padding:.75rem 1.5rem}.btn-icon svg{width:1.25rem;height:1.25rem;transition:transform .2s ease}.btn-icon:hover svg{transform:translate(2px)}@media (max-width: 1200px){.pricing-cards{grid-template-columns:repeat(2,1fr)}.pricing-card.popular{transform:translateY(0)}}@media (max-width: 768px){.subscription-header h1{font-size:2.5rem}.pricing-card{padding:var(--spacing-6)}}@media (max-width: 640px){.pricing-cards{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.billing-toggle{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);text-align:center}.subscription-header h1{font-size:2rem}.subtitle{font-size:1rem}.price{font-size:2.5rem}}.fade-in{animation:fadeIn .3s ease-out forwards}.subscription-page{background-color:#f9fafb;min-height:100vh;padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4{color:var(--dark);margin:0 0 1rem}p{color:var(--gray);line-height:1.6;margin:0 0 1.5rem}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem auto 3rem;background:#fff;padding:.75rem 2rem;border-radius:50px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:fit-content}.toggle-option{font-size:1.1rem;font-weight:500;color:var(--gray-600);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:6px;margin:0 .25rem}.toggle-option:hover{background-color:#6366f10d;transform:translateY(-1px)}.toggle-option:active{transform:translateY(0)}.toggle-option.active{color:var(--primary);font-weight:600;letter-spacing:.3px}.toggle-option.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:3px 3px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.8}.toggle-option:hover:after{width:90%;opacity:1}.toggle-container{position:relative;display:inline-block;width:50px;height:24px;margin:0 1.5rem}.toggle-track{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e2e8f0;transition:.4s;border-radius:24px}.toggle-thumb{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-track.active{background-color:var(--primary)}.toggle-track.active .toggle-thumb{transform:translate(26px)}.switch{position:relative;display:inline-block;width:50px;height:24px;margin:0 1.5rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e2e8f0;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 0 3px #4f46e54d}input:checked+.slider:before{transform:translate(26px)}.discount-badge{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:.75rem;font-weight:600;border-radius:9999px;white-space:nowrap}.discount-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--success),var(--green-500));color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;margin-left:.5rem;box-shadow:0 2px 4px #10b98133;transition:all .2s ease;position:relative;overflow:hidden}.discount-badge:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);pointer-events:none}.discount-badge:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #10b9814d}.discount-badge:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.pricing-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e5e7eb}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a}.pricing-card.popular{border:2px solid var(--primary);transform:translateY(-10px)}.popular-badge{position:absolute;top:1rem;right:1rem;background-color:var(--yellow-400);color:var(--gray-900);font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;display:flex;align-items:center;gap:.25rem}.plan-card .price{display:flex!important;align-items:flex-end!important;justify-content:center!important;margin:1.5rem 0!important}.plan-card .price .price-amount{font-size:2.5rem!important;font-weight:800!important;background:linear-gradient(90deg,#4f46e5,#8b5cf6)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block!important;line-height:1!important;margin:0!important;padding:0!important}.plan-card .price .period,.plan-card .price>span:not(.price-amount){font-size:1rem!important;font-weight:500!important;color:#6b7280!important;align-self:flex-end!important;margin-left:.25rem!important;margin-bottom:.25rem!important;line-height:1.5!important;display:inline-block!important}.plan-card .price span{font-size:inherit!important;font-weight:inherit!important;color:inherit!important;align-self:auto!important;margin:0!important;line-height:inherit!important}.price{font-size:2.5rem;font-weight:800;margin:1rem 0;color:var(--dark)}.plan-card .price{display:flex!important;align-items:flex-end!important;justify-content:center!important;margin:1.5rem 0!important;line-height:1!important;font-size:2.5rem!important;font-weight:800!important}.plan-card .price{position:relative;display:inline-flex!important;align-items:flex-end!important;justify-content:center!important;margin:1.5rem 0!important;line-height:1!important}.plan-card .price>span:first-child{position:relative;font-size:2.5rem!important;font-weight:800!important;color:transparent!important;line-height:1!important;margin:0!important;padding:0!important;display:inline-block!important}.plan-card .price>span:first-child:after{content:attr(data-content);position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.plan-card .price>span:first-child{all:unset!important;font-size:2.5rem!important;font-weight:800!important;color:transparent!important;background:linear-gradient(90deg,#4f46e5,#8b5cf6)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;margin:0!important;padding:0!important;display:inline-block!important;line-height:1!important}.plan-card .price>span{all:unset!important;font-size:2.5rem!important;font-weight:800!important;color:transparent!important;background:linear-gradient(90deg,#4f46e5,#8b5cf6)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;margin:0!important;padding:0!important;display:inline-block!important;line-height:1!important}.plan-card .price>span.period{all:unset!important;font-size:1rem!important;color:#6b7280!important;font-weight:500!important;margin-left:.25rem!important;margin-bottom:.35rem!important;line-height:1.8!important;display:inline-block!important;background:none!important;background-clip:initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important}.plan-card .price .period{font-size:1rem!important;font-weight:500!important;margin-left:.25rem!important;margin-bottom:.35rem!important;line-height:1.8!important;display:inline-block!important;background:none!important;background-clip:initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;color:#6b7280!important}.plan-card .price,.plan-card .price>span{all:unset;display:inline-flex!important;align-items:flex-end!important}.price .free{font-size:2rem;color:var(--gray-700)}.period{font-size:1rem;font-weight:500;color:var(--gray-500)}.savings{color:var(--green-500);font-size:.9rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.savings .discount{background-color:var(--green-100);color:var(--green-800);font-size:.75rem;padding:.125rem .5rem;border-radius:9999px}.features{margin:1.5rem 0;display:flex;flex-direction:column;gap:.75rem}.feature{display:flex;align-items:center;gap:.5rem;color:var(--gray-700)}.feature.disabled{color:var(--gray-900);opacity:1}.feature .icon{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:.5rem}.feature .icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;margin-right:.75rem;flex-shrink:0}.feature .icon.included{background-color:#10b981;color:#fff}.feature .icon.excluded{background-color:#ef4444;color:#fff;position:relative}.feature .icon svg{width:.75rem;height:.75rem;stroke:currentColor;stroke-width:3px;stroke-linecap:round}.feature .icon.excluded svg{position:relative;z-index:1}.feature .icon.excluded svg{stroke:#fff;stroke-width:2.5px}.feature span{color:#374151;font-size:.95rem;line-height:1.5;text-align:left}.feature.disabled{opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;text-align:center;transition:all .2s ease;cursor:pointer;width:100%;border:2px solid transparent}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#4338ca}.btn-outline{background-color:#fff;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background-color:#eef2ff}@media (max-width: 768px){.pricing-cards{grid-template-columns:1fr}.billing-toggle{flex-direction:column;gap:1rem;padding:1rem;text-align:center}}.subscription-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;animation:fadeIn .5s ease-out}.subscription-header{text-align:center;margin-bottom:4rem;position:relative;padding:0 1rem}.subscription-header h1{font-size:2.75rem;font-weight:800;background:linear-gradient(90deg,var(--primary),var(--primary-light));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.25rem;letter-spacing:-.025em;line-height:1.2}.subscription-header p{font-size:1.25rem;color:var(--gray);max-width:700px;margin:0 auto 2.5rem;line-height:1.6}.subscription-plan-price{margin:1.5rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;line-height:1.2}.savings{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:1rem 0;font-size:1.1rem;color:var(--dark)}.savings .discount{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-size:.85rem;font-weight:600;padding:.4rem 1rem;border-radius:9999px;margin-top:.3rem;box-shadow:0 2px 8px #10b98133;transition:all .2s ease;animation:pulse 2s infinite}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:4rem;background:var(--light);padding:.75rem 1.5rem;border-radius:50px;max-width:fit-content;margin-left:auto;margin-right:auto;box-shadow:var(--shadow)}.annual-savings{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-size:.8rem;font-weight:600;padding:.5rem 1rem;border-radius:9999px;margin:.5rem auto 0;box-shadow:0 2px 10px #10b98133;transition:all .2s ease;animation:pulse 2s infinite;max-width:fit-content}.annual-savings:before{content:"💰";font-size:1rem}@keyframes pulse{0%{transform:scale(1);box-shadow:0 2px 10px #10b98133}50%{transform:scale(1.03);box-shadow:0 4px 15px #10b9814d}to{transform:scale(1);box-shadow:0 2px 10px #10b98133}}.billing-toggle span{font-weight:500;color:var(--gray);transition:all .3s ease;font-size:1.05rem}.billing-toggle span.active{color:var(--primary);font-weight:600}.toggle-switch{position:relative;display:inline-block;width:64px;height:36px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#e5e7eb,#d1d5db);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:28px;width:28px;left:4px;bottom:4px;background-color:var(--white);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 8px #00000026}input:checked+.toggle-slider{background:linear-gradient(90deg,var(--primary),var(--primary-light))}input:checked+.toggle-slider:before{transform:translate(28px)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;padding:1rem}.plan-card{background:var(--white);border-radius:20px;padding:2.5rem 2rem;box-shadow:var(--shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--light-gray);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.plan-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.plan-card.popular{border:2px solid var(--primary);transform:translateY(-10px);box-shadow:0 20px 25px -5px #4f46e533,0 10px 10px -5px #4f46e51a}.plan-card{position:relative;transition:all .3s ease;color:#1f2937;background-color:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem}.plan-card>*{color:#1f2937!important}.plan-card h3,.plan-card h4,.plan-card .plan-price,.plan-features,.plan-features .feature-item,.plan-features .feature-item span{color:#1f2937!important}.plan-card.popular{border:2px solid var(--primary);box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-5px)}.plan-button{width:100%;padding:.75rem 1.5rem;border-radius:.5rem;border:2px solid;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;color:#fff!important}.plan-button:disabled{background-color:#f3f4f6;border-color:#d1d5db;color:#fff!important;cursor:not-allowed}.plan-button.primary{background-color:#4f46e5;border-color:#4f46e5;color:#fff!important}.plan-button.current{background-color:#e5e7eb;border-color:#9ca3af;color:#374151!important;cursor:not-allowed;display:flex;align-items:center;justify-content:center;opacity:1}.plan-button.current:hover{background-color:#d1d5db;border-color:#6b7280}.plan-button.current:focus{outline:none;box-shadow:0 0 0 3px #9ca3af80}.plan-button.primary:hover:not(:disabled){background-color:#4338ca;transform:translateY(-2px)}.plan-button.popular{background:linear-gradient(to right,#4f46e5,#4338ca);border-color:#4338ca;color:#fff;box-shadow:0 4px 6px -1px #0000001a}.plan-button.popular:hover:not(:disabled){background:linear-gradient(to right,#4338ca,#3730a3);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.plan-button .icon{margin-right:.5rem}.plan-card.popular{position:relative;padding-top:2.5rem}.savings-badge{font-size:.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.3rem .8rem;border-radius:4px;margin:.25rem auto 0;font-weight:600;display:inline-flex;align-items:center;justify-content:center;line-height:1.2;box-shadow:0 1px 3px #0000001a;letter-spacing:.02em;transition:all .15s ease;border:none;cursor:default}.plan-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--light-gray)}.plan-name{font-size:1.5rem;font-weight:700;color:var(--dark);margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.plan-price{font-size:2.5rem;font-weight:800;color:var(--dark);margin:1rem 0;line-height:1}.plan-description{color:var(--gray);font-size:1rem;margin-top:.75rem}.plan-features{margin-bottom:2rem;flex-grow:1}.feature-list{margin-top:1.5rem}.feature-item{margin-bottom:.75rem;display:flex;align-items:flex-start}.feature-item svg{margin-right:.75rem;flex-shrink:0;margin-top:.25rem}.plan-button{display:block;width:100%;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;text-align:center;transition:all .2s ease-in-out;cursor:pointer;border:none;outline:none}.plan-button:hover{transform:translateY(-2px)}.plan-button.current{background-color:var(--light-gray);color:var(--gray);cursor:not-allowed}.plan-button.secondary{background:var(--light);color:var(--dark);border:1px solid var(--light-gray)}.plan-button.secondary:hover{background:#f3f4f6}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.plan-card{padding:2rem 1.5rem}.plan-card.popular{transform:none}.plan-card.popular:before{top:10px;right:-40px;padding:.2rem 2rem;font-size:.6rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plan-card{animation:fadeIn .6s ease-out forwards}.plan-card:nth-child(2){animation-delay:.1s}.plan-card:nth-child(3){animation-delay:.2s}.plan-header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6}.plan-name{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.plan-card .plan-price{margin:1.5rem 0;line-height:1;text-align:center}.plan-card .price-amount{font-size:3.5rem!important;font-weight:800;line-height:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;margin-bottom:.25rem;letter-spacing:-.025em}.plan-card.free-plan .price-amount{font-size:4.5rem!important;background:linear-gradient(135deg,#6b7280,#9ca3af);-webkit-background-clip:text;background-clip:text}.price-period{font-size:1.1rem;color:#6b7280;margin-left:.25rem;font-weight:500}.popular .price-amount{position:relative;z-index:1;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.plan-price span{font-size:1rem;font-weight:500;color:#6b7280}.plan-description{color:#4b5563;font-size:1rem;line-height:1.6;margin:1.5rem 0;font-weight:500;min-height:4.5rem;display:flex;align-items:center;justify-content:center;padding:.75rem;background-color:#f8fafc;border-radius:.5rem;border-left:4px solid #e2e8f0}.plan-features{margin:2rem 0}.plan-features h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.feature-list{display:flex;flex-direction:column;gap:.75rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem;color:#4b5563;font-size:.9375rem;line-height:1.5}.feature-item svg{color:#10b981;flex-shrink:0;margin-top:.2rem}.usage-stats-container{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:var(--shadow);border:1px solid var(--light-gray)}.usage-stats-container h2{color:var(--dark);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--light-gray)}.usage-stats-container .bg-gray-50{background-color:var(--light);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.usage-stats-container .font-medium{color:var(--dark);font-weight:500;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.usage-stats-container .text-sm{font-size:.875rem;color:var(--gray)}.usage-stats-container .bg-gray-200{background-color:var(--light-gray);border-radius:1rem;height:.5rem;overflow:hidden;margin-top:.5rem}.usage-stats-container .bg-blue-600{background:linear-gradient(90deg,var(--primary),var(--primary-light));height:100%;border-radius:1rem;transition:width .5s ease}.usage-stats-container .bg-green-500{background:var(--secondary);height:100%;border-radius:1rem;transition:width .5s ease}@media (max-width: 768px){.usage-stats-container{padding:1rem}.usage-stats-container h2{font-size:1.25rem}}.plan-button{width:100%;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:1rem;text-align:center;transition:all .2s;cursor:pointer;margin-top:1rem;border:2px solid transparent;background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;position:relative;overflow:hidden;z-index:1}.plan-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f64d}.plan-button:active{transform:translateY(0)}.plan-button.secondary{background:#fff;color:#3b82f6;border:2px solid #e5e7eb}.plan-button.secondary:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f61a}.plan-button.current{background:#f9fafb;color:#6b7280;border:2px solid #e5e7eb;cursor:not-allowed}.plan-button.current:hover{transform:none;box-shadow:none}@media (max-width: 768px){.subscription-header h1{font-size:2rem}.plans-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.plan-card.popular{transform:none}}.faq-section{max-width:1200px;margin:6rem auto 4rem;padding:0 1.5rem;text-align:center}.faq-title{font-size:2.25rem;font-weight:800;color:#1f2937;margin-bottom:1rem;background:linear-gradient(90deg,#4f46e5,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.faq-subtitle{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto 3rem;line-height:1.6}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.faq-card{background:#fff;border-radius:12px;padding:2rem;text-align:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e5e7eb;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.faq-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.faq-icon{width:48px;height:48px;background:#4f46e51a;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#4f46e5}.faq-icon svg{width:24px;height:24px}.faq-question{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem;line-height:1.4}.faq-answer{color:#6b7280;line-height:1.6;margin:0;font-size:.95rem}@media (max-width: 768px){.faq-grid{grid-template-columns:1fr}.faq-section{margin-top:4rem;margin-bottom:3rem}.faq-title{font-size:1.75rem}.faq-subtitle{font-size:1rem;margin-bottom:2rem}}.loading-state{display:flex;justify-content:center;align-items:center;min-height:300px;flex-direction:column;gap:1rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.toast-container{position:fixed;bottom:2rem;right:2rem;z-index:1000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.gradient-title{font-size:2.5rem;font-weight:800;background:linear-gradient(90deg,#4f46e5,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:1rem;display:inline-block;line-height:1.2}.faq-section{max-width:90rem;margin:0 auto;padding:6rem 1.5rem;background:linear-gradient(to bottom,#f9fafb,#fff)}.faq-section h2{font-size:2.5rem;font-weight:800;background:linear-gradient(90deg,#4f46e5,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin-bottom:1rem;display:inline-block}.faq-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:4rem}.faq-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;padding:3rem 2.5rem;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(209,213,219,.5);position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000008}.faq-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f108,#a855f708);opacity:0;transition:opacity .3s ease;z-index:-1}.faq-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #00000014;border-color:#6366f14d;background:#ffffffe6}.faq-card:hover:after{opacity:1}.faq-icon{width:3.5rem;height:3.5rem;margin:0 0 1.75rem;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:1rem;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -5px #6366f14d}.faq-card:hover .faq-icon{transform:rotate(5deg) scale(1.1);box-shadow:0 15px 30px -5px #6366f166}.faq-icon svg{width:1.5rem;height:1.5rem}.faq-card h3{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 1.25rem;line-height:1.3;background:linear-gradient(90deg,#1f2937,#4b5563);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.faq-card p{color:#4b5563;margin:0;line-height:1.7;font-size:1.05rem;font-weight:400;opacity:.9}.faq-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.5rem;padding:2px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;-webkit-mask-composite:exclude;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.faq-card:hover:before{opacity:1;animation:borderAnimation 4s linear infinite;background-size:200% 200%}@keyframes borderAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.faq-card .bubble{position:absolute;border-radius:50%;background:#6366f11a;z-index:-1;transition:all .6s ease}.faq-card .bubble-1{width:80px;height:80px;top:-20px;right:-20px}.faq-card .bubble-2{width:40px;height:40px;bottom:-10px;left:-10px}.faq-card:hover .bubble-1{transform:scale(1.2) translate(-10px,10px);opacity:.8}.faq-card:hover .bubble-2{transform:scale(1.5) translate(5px,-5px);opacity:.8}@media (max-width: 1280px){.faq-section{padding:5rem 1.5rem}.faq-grid{gap:1.5rem}.faq-card{padding:2.5rem 2rem}}@media (max-width: 1024px){.faq-grid{grid-template-columns:repeat(2,1fr)}.faq-section h2{font-size:2.25rem}}@media (max-width: 768px){.faq-section{padding:4rem 1.25rem}.faq-section h2{font-size:2rem;text-align:center}.faq-card{padding:2.25rem 1.75rem}.faq-card h3{font-size:1.35rem}.faq-card p{font-size:1rem}}@media (max-width: 640px){.faq-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}.faq-section{padding:3.5rem 1rem}.faq-card{padding:2rem 1.5rem}.faq-icon{width:3rem;height:3rem;margin-bottom:1.5rem}.faq-icon svg{width:1.25rem;height:1.25rem}}.popular-badge{position:absolute;top:12px;right:20px;background:#7c3aed;color:#fff;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:1;display:flex;align-items:center;gap:4px;white-space:nowrap;transform:none!important;transition:none!important;animation:none!important}.popular-badge svg{font-size:11px;flex-shrink:0}.plan-card.popular{position:relative;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.plan-card,.plan-card *,.plan-card *:before,.plan-card *:after{animation:none!important;transition:none!important;transform:none!important}.subscription-plan-price{display:flex;align-items:flex-end;justify-content:center;margin:1.5rem 0;line-height:1}.subscription-price-amount{font-size:2.5rem;font-weight:800;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;line-height:1;margin:0;padding:0}.subscription-price-period{font-size:1rem;color:#6b7280;font-weight:500;margin-left:.25rem;margin-bottom:.35rem;line-height:1.8}.usage-stats-container{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem;margin-bottom:2.5rem;border:1px solid rgba(255,255,255,.18);transition:all .3s ease}.usage-stats-container:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.usage-stats-title{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;display:inline-block;position:relative;padding-bottom:.5rem}.usage-stats-title:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:4px;background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:2px}.usage-stat-item{margin-bottom:2rem;padding:1.5rem;background:#ffffffb3;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .3s ease}.usage-stat-item:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000d}.usage-stat-item:last-child{margin-bottom:0}.usage-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.usage-stat-label{font-size:1rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem}.usage-stat-label:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#8b5cf6);box-shadow:0 0 8px #4f46e580}.usage-stat-value{font-size:1rem;font-weight:700;color:#111827;background:linear-gradient(90deg,#f3f4f6,#e5e7eb);padding:.375rem .875rem;border-radius:20px;border:none;display:inline-flex;align-items:center;gap:.5rem;line-height:1.25;box-shadow:0 1px 3px #0000000d}.usage-stat-value .unlimited{color:#10b981;font-weight:700}.usage-progress-container{width:100%;height:10px;background-color:#f1f5f9;border-radius:10px;overflow:hidden;position:relative;margin-top:.75rem;box-shadow:inset 0 1px 3px #0000000d}.usage-progress-bar{height:100%;border-radius:10px;position:relative;width:0;transition:all .6s cubic-bezier(.4,0,.2,1);animation:progress-fill 1s ease-out forwards;background:linear-gradient(90deg,#4f46e5,#8b5cf6);box-shadow:0 0 10px #4f46e54d}.usage-progress-bar.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b4d}.usage-progress-bar.high{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 10px #ef44444d}@keyframes progress-fill{0%{width:0}to{width:var(--progress-width, 0%)}}.usage-progress-bar.low{background:linear-gradient(90deg,#4caf50,#66bb6a);--progress-color: #4caf50}.usage-progress-bar.medium{background:linear-gradient(90deg,#ffc107,#ff9800);--progress-color: #ff9800}.usage-progress-bar.high{background:linear-gradient(90deg,#ff9800,#f44336);--progress-color: #f44336}.usage-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);transform:translate(-100%);animation:shimmer 2s infinite;border-radius:4px}@keyframes shimmer{to{transform:translate(100%)}}.unlimited{color:#666;font-style:italic;font-size:.9em}.usage-stat-item:hover .usage-progress-bar{height:10px;margin-top:-1px}.usage-progress-container{position:relative}.usage-percentage{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);padding:2px 8px;border-radius:10px;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2;pointer-events:none}.usage-progress-bar[style*="--progress-width: 0%"]+.usage-percentage,.usage-progress-bar[style*="--progress-width: 1%"]+.usage-percentage,.usage-progress-bar[style*="--progress-width: 2%"]+.usage-percentage,.usage-progress-bar[style*="--progress-width: 3%"]+.usage-percentage,.usage-progress-bar[style*="--progress-width: 4%"]+.usage-percentage,.usage-progress-bar[style*="--progress-width: 5%"]+.usage-percentage{left:auto;right:0;background:#00000080;border-radius:0 10px 10px 0;padding-left:12px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.usage-stat-item{animation:slideIn .3s ease-out forwards;opacity:0}.usage-stat-item:nth-child(1){animation-delay:.1s}.usage-stat-item:nth-child(2){animation-delay:.2s}.subscription-status{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.subscription-status-title{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;display:inline-block;position:relative;padding-bottom:.5rem}.subscription-status-title:after{content:"";position:absolute;left:0;bottom:0;width:50px;height:4px;background:linear-gradient(90deg,#4f46e5,#8b5cf6);border-radius:2px}.subscription-status-card{background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.subscription-plan{display:flex;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.plan-name{font-size:1.25rem;font-weight:600;color:#111827;margin-right:8px}.plan-interval{background:#e0e7ff;color:#4f46e5;font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:9999px}.subscription-details{margin-bottom:16px}.detail-item{display:flex;align-items:flex-start;margin-bottom:12px}.detail-item:last-child{margin-bottom:0}.detail-item .icon{color:#6b7280;margin-right:12px;margin-top:2px;flex-shrink:0}.detail-label{display:block;font-size:.875rem;color:#6b7280;margin-bottom:2px}.detail-value{font-size:.9375rem;font-weight:500;color:#111827}.subscription-features{padding-top:16px;border-top:1px solid #e5e7eb}.feature{display:flex;align-items:center;font-size:.875rem;color:#4b5563;margin-bottom:8px}.feature:last-child{margin-bottom:0}.feature .icon{color:#10b981;margin-right:8px;font-size:.875rem}.subscription-status-card.warning{animation:pulse 2s infinite;border-color:#fca5a5}@media (max-width: 768px){.subscription-status{padding:16px}.subscription-plan{flex-direction:column;align-items:flex-start}.plan-interval{margin-top:8px;align-self:flex-start}}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:30px;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:20px auto;max-width:600px}.loading-spinner{width:50px;height:50px;border:4px solid rgba(74,108,247,.2);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite;margin-bottom:20px}.profile-error h2{color:var(--danger-color);margin:15px 0}.profile-error svg{color:var(--danger-color);margin-bottom:10px}.login-btn{display:inline-block;margin-top:20px;padding:10px 20px;background:var(--gradient);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:var(--transition)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #4a6cf74d}:root{--primary-color: #4a6cf7;--primary-light: #6b89ff;--primary-dark: #3451d1;--secondary-color: #6c757d;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--dark-color: #1e293b;--light-color: #f8fafc;--border-radius: 12px;--box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition: all .3s ease;--card-bg: rgba(255, 255, 255, .8);--gradient: linear-gradient(135deg, var(--primary-color), var(--primary-dark))}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--dark-color);background-color:#f5f7fa;line-height:1.6}.register-logo{margin:1.5rem 0;display:flex;justify-content:center;position:relative;z-index:1;background:#fff;padding:1rem 2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.logo-container{display:flex;align-items:center;gap:.5rem}body .register-logo .logo-container .logo-text{font-weight:700!important;font-size:22px!important;color:#4f46e5!important;margin:0!important;display:inline-block!important;-webkit-text-fill-color:#4f46e5!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}.profile-container{max-width:1000px;margin:0 auto;padding:20px}.profile-banner{display:flex;align-items:center;padding:30px;background:var(--gradient);border-radius:var(--border-radius);color:#fff;margin-bottom:20px;box-shadow:var(--box-shadow)}.profile-avatar-container{position:relative;margin-right:30px}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:var(--box-shadow);background-color:#fff}.avatar-upload-btn{position:absolute;bottom:0;right:0;background-color:var(--primary-light);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:0 2px 5px #0003}.avatar-upload-btn:hover{background-color:var(--primary-dark);transform:scale(1.05)}.profile-info{flex:1}.profile-name{font-size:28px;font-weight:700;margin-bottom:5px}.profile-username{font-size:16px;opacity:.9;margin-bottom:15px}.profile-stat{display:inline-flex;align-items:center;background-color:#fff3;padding:5px 15px;border-radius:20px}.stat-value{font-weight:700;margin-right:5px}.stat-label{font-size:14px;opacity:.9}.profile-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #e2e8f0}.tab-btn{padding:12px 24px;background:none;border:none;font-size:16px;font-weight:600;color:var(--secondary-color);cursor:pointer;transition:var(--transition);position:relative}.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--primary-color);border-radius:3px 3px 0 0}.tab-btn:hover{color:var(--primary-color)}.profile-main{background-color:var(--card-bg);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--box-shadow);overflow:hidden}.tab-content{padding:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2{font-size:20px;font-weight:700;color:var(--dark-color)}.action-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.edit-btn{background-color:var(--primary-light);color:#fff}.edit-btn:hover{background-color:var(--primary-dark)}.cancel-btn{background-color:var(--secondary-color);color:#fff}.cancel-btn:hover{background-color:#5a6268}.profile-form,.password-form{margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--secondary-color)}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;transition:var(--transition);background-color:#f8fafc}.form-group input:disabled,.form-group textarea:disabled{background-color:#f1f5f9;color:#64748b;cursor:not-allowed}.form-group input.editable,.form-group textarea.editable{background-color:#fff;border-color:var(--primary-light)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6cf733}.password-group{margin-bottom:25px}.security-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000a;padding:2.5rem;max-width:480px;margin:0 auto;border:1px solid #f0f2f5}.security-section h2{color:#1a1f36;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;position:relative;padding-bottom:1rem}.security-section h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:3px}.password-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-group{position:relative;width:100%}.form-group label{display:block;margin-bottom:.5rem;color:#4b5563;font-size:.875rem;font-weight:500;transition:color .2s}.password-input-container{position:relative;width:100%}.password-input-container input[type=password],.password-input-container input[type=text],.password-input-container .form-control{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;color:#111827;background-color:#f9fafb;transition:all .3s ease;height:48px;box-sizing:border-box}.password-input-container input:focus,.password-input-container .form-control:focus{outline:none;border-color:#4f46e5;background-color:#fff;box-shadow:0 0 0 3px #6366f11a}.password-toggle,.toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:4px;transition:all .2s ease;width:36px;height:36px}.password-toggle:hover,.toggle-password:hover{color:#4f46e5;background-color:#6366f11a}.password-toggle:focus,.toggle-password:focus{outline:none;box-shadow:0 0 0 3px #6366f133}.password-form button[type=submit]{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:.5rem;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.password-form button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f133}.password-form button[type=submit]:active{transform:translateY(0)}.account-deletion{margin-top:3rem;padding-top:2rem;border-top:1px solid #f0f2f5;text-align:center}.account-deletion h3{color:#1f2937;font-size:1.25rem;margin-bottom:.75rem}.account-deletion p{color:#6b7280;margin-bottom:1.5rem;font-size:.9375rem}.btn-delete{background:#fff;color:#ef4444;border:1px solid #fecaca;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-delete:hover{background:#fef2f2;transform:translateY(-1px);box-shadow:0 2px 8px #ef44441a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.security-section{animation:fadeIn .4s ease-out forwards}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568;font-size:.875rem}.toggle-password:hover{color:var(--primary-color)}.submit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gradient);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 6px #4a6cf733}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 8px #4a6cf74d}.account-deletion{margin-top:40px;padding:20px;border:1px dashed var(--danger-color);border-radius:var(--border-radius);background-color:#ef44440d}.account-deletion h3{color:var(--danger-color);font-size:18px;margin-bottom:10px}.account-deletion p{color:var(--secondary-color);font-size:14px;margin-bottom:15px}.btn-delete{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--danger-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-delete:hover{background-color:#dc2626;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.delete-modal{background-color:#fff;border-radius:var(--border-radius);padding:30px;width:90%;max-width:500px;box-shadow:var(--box-shadow);animation:scaleIn .3s ease}.delete-modal-header{display:flex;align-items:center;margin-bottom:20px}.delete-modal-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ef44441a;color:var(--danger-color);border-radius:50%;margin-right:15px}.delete-modal-title{font-size:20px;font-weight:700;color:var(--dark-color)}.delete-modal-content{margin-bottom:25px;color:var(--secondary-color)}.delete-modal-actions{display:flex;justify-content:flex-end;gap:15px}.btn-cancel{padding:10px 20px;background-color:#e2e8f0;color:var(--secondary-color);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-cancel:hover{background-color:#cbd5e1}.btn-confirm-delete{padding:10px 20px;background-color:var(--danger-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-confirm-delete:hover{background-color:#dc2626}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-dialog{background:#fff;padding:2rem;border-radius:8px;width:100%;max-width:500px;box-shadow:0 4px 6px #0000001a}.confirm-dialog h3{margin-top:0;color:#2d3748;font-size:1.5rem;margin-bottom:1rem}.confirm-dialog p{margin-bottom:1.5rem;color:#4a5568;line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.btn-cancel{background-color:#e2e8f0;color:#4a5568;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-cancel:hover{background-color:#cbd5e0}.btn-danger{background-color:#e53e3e;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-danger:hover{background-color:#c53030}.btn-danger:disabled{background-color:#feb2b2;cursor:not-allowed}.notification{position:fixed;top:0;left:0;right:0;z-index:9999;width:100%;padding:18px 24px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #0000001f;overflow:hidden;pointer-events:auto;text-align:left;min-height:72px;box-sizing:border-box;transform:translateY(-100%);opacity:0;transition:all .5s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-bottom:1px solid rgba(0,0,0,.05)}.notification.show{transform:translateY(0);opacity:1;animation:slideIn .5s cubic-bezier(.23,1,.32,1) forwards}.notification.hide{transform:translateY(-100%);opacity:0;transition:all .4s cubic-bezier(.755,.05,.855,.06)}.notification-icon{margin-right:16px;font-size:1.75rem;flex-shrink:0;display:flex;align-items:center;border-radius:50%;padding:8px;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.notification-content{flex:1;padding-right:16px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:4px}.notification-title{font-weight:700;font-size:1.1rem;margin:0;letter-spacing:-.01em;line-height:1.3}.notification-message{font-size:.95rem;line-height:1.5;opacity:.9;font-weight:400;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.delete-modal{background:#fff;padding:2rem;border-radius:12px;width:100%;max-width:480px;box-shadow:0 10px 25px #0000001a;animation:modalFadeIn .3s ease-out}.delete-modal h3{margin-top:0;color:#1f2937;font-size:1.5rem;margin-bottom:1rem}.delete-modal p{color:#4b5563;margin-bottom:1.5rem;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.modal-actions .btn{padding:.6rem 1.2rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-actions .btn-cancel{background-color:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.modal-actions .btn-cancel:hover{background-color:#e5e7eb}.modal-actions .btn-danger{background-color:#dc2626;color:#fff;border:none}.modal-actions .btn-danger:hover{background-color:#b91c1c}.modal-actions .btn-danger:disabled{background-color:#fca5a5;cursor:not-allowed}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification.success{background:#10b981f2;background:linear-gradient(135deg,#10b981fa,#059669f2);color:#fff;--icon-bg: rgba(255, 255, 255, .15)}.notification.error{background:#ef4444f2;background:linear-gradient(135deg,#ef4444fa,#dc2626f2);color:#fff;--icon-bg: rgba(255, 255, 255, .15)}.notification.warning{background:#f59e0bf2;background:linear-gradient(135deg,#f59e0bfa,#d97706f2);color:#fff;--icon-bg: rgba(255, 255, 255, .15)}.notification.info{background:#3b82f6f2;background:linear-gradient(135deg,#3b82f6fa,#2563ebf2);color:#fff;--icon-bg: rgba(255, 255, 255, .15)}.notification-close{margin-left:12px;background:var(--icon-bg, rgba(255, 255, 255, .15));border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px;height:32px;flex-shrink:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 10px #0000001a;position:relative;overflow:hidden}.notification-close:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;opacity:0;transition:opacity .3s ease}.notification-close:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1)}.notification-close:active{transform:rotate(90deg) scale(.95);transition:transform .1s ease}.notification-close svg{width:18px;height:18px;transition:transform .3s ease}.notification-close:hover svg{transform:scale(1.1)}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background-color:#fff9;animation:progress 4.8s linear forwards;width:100%;transform-origin:left;border-radius:0 0 8px 8px}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes progress{0%{width:100%;opacity:.9}to{width:0%;opacity:.7}}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#fffc,#fff6);animation:progress 4.5s cubic-bezier(.65,0,.35,1) forwards;width:100%;border-radius:0 0 0 4px;transform-origin:left}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes progress{0%{width:100%}to{width:0%}}@media (max-width: 768px){.profile-banner{flex-direction:column;text-align:center;padding:20px}.profile-avatar-container{margin-right:0;margin-bottom:20px}.form-row{grid-template-columns:1fr}.tab-btn{padding:10px 15px;font-size:14px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.notification-container{width:calc(100% - 40px)}}@media (max-width: 480px){.profile-tabs{justify-content:center}.tab-content,.delete-modal{padding:20px}.delete-modal-actions{flex-direction:column}.btn-cancel,.btn-confirm-delete{width:100%}}:root{--primary: #4f46e5;--primary-light: #818cf8;--primary-dark: #4338ca;--success: #10b981;--error: #ef4444;--background: #f8fafc;--card-bg: rgba(255, 255, 255, .9);--text: #1e293b;--text-light: #64748b;--border: rgba(203, 213, 225, .3);--shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .02);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:linear-gradient(-45deg,#f8fafc,#f1f5f9,#e2e8f0,#f1f5f9);background-size:400% 400%;min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text);line-height:1.6;animation:gradientBG 15s ease infinite}.payment-success-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1.5rem;margin:0;background:linear-gradient(-45deg,#f8fafc,#f1f5f9,#e2e8f0,#f1f5f9);background-size:400% 400%;animation:gradientBG 15s ease infinite}.payment-success-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:1rem;padding:2.5rem;text-align:center;box-shadow:var(--shadow);transition:var(--transition);width:100%;max-width:460px;margin:0 auto;transform:translateY(-5px);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000005}.payment-success-logo{margin:0 auto 2rem;width:100%;display:flex;justify-content:center;opacity:.9}.payment-success-icon{margin:0 auto 1.75rem;width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f11a,#4f46e51a);position:relative;color:var(--primary);border:1px dashed rgba(99,102,241,.3)}.payment-success-icon svg{width:44px;height:44px}.payment-success-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text);background:linear-gradient(90deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.payment-success-message{color:var(--text-light);margin-bottom:2.25rem;line-height:1.7;font-size:1.05rem;max-width:32ch;margin-left:auto;margin-right:auto}.payment-success-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;padding:.9375rem 2.25rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px -3px #4f46e540;position:relative;overflow:hidden;z-index:1}.payment-success-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);opacity:0;transition:var(--transition);z-index:-1}.payment-success-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #4f46e54d}.payment-success-button:hover:before{opacity:1}.payment-success-button:active{transform:translateY(0)}.payment-success-button span{margin-left:.5rem;display:inline-flex;transition:var(--transition)}.payment-success-button:hover span{transform:translate(3px)}.loading-spinner{width:60px;height:60px;border:4px solid rgba(99,102,241,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin:0 auto 1.75rem}@keyframes spin{to{transform:rotate(360deg)}}.payment-error-icon{color:var(--error);margin-bottom:1.5rem;background:#ef44441a;border:1px dashed rgba(239,68,68,.3)}.payment-error-icon svg{width:44px;height:44px}@media (max-width: 480px){.payment-success-container{padding:1rem}.payment-success-card{padding:2.5rem 1.5rem}.payment-success-title{font-size:2rem}.payment-success-message{font-size:1.1rem}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-home-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1.5rem;background-color:#f3f4f6;color:#4f46e5;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.back-home-btn:hover{background-color:#e5e7eb;color:#4338ca;border-color:#d1d5db}.contact-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.contact-header{text-align:center;margin-bottom:4rem;padding:3rem 1rem 2.5rem;position:relative;overflow:hidden;border-radius:1rem;background:#fff;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000005;border:1px solid #e5e7eb}.contact-header-top{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;position:relative}.contact-header-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 auto;text-align:center}.back-home-btn{position:absolute;left:0;top:50%;transform:translateY(-50%) translate(0);padding:.5rem 1rem;font-size:.875rem;white-space:nowrap;margin:0;width:auto;display:inline-flex;align-items:center;gap:.5rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#4f46e5;cursor:pointer;transition:transform .2s ease,background-color .2s ease;text-decoration:none}.back-home-btn:hover{background:#e5e7eb;transform:translateY(-50%) translate(4px);text-decoration:none}.back-home-btn:active{transform:translateY(-50%) translate(0);transition:transform .1s ease}.contact-header-logo svg{width:36px;height:36px}.contact-header-logo span{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#4f46e5,#7c3aed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.contact-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 auto 1.25rem;position:relative;display:inline-block;line-height:1.3;max-width:700px}.contact-header p{color:#4b5563;font-size:1.1rem;max-width:650px;margin:0 auto;line-height:1.7;position:relative;z-index:1;font-weight:400}.contact-header:after{content:"";position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99976 111.828C3.99976 111.828 4.99975 110.127 6.08561 109.742C8.26486 108.97 8.12224 113.31 10.605 113.566C13.6606 113.883 12.5891 108.146 15.472 108.004C19.0544 107.828 18.6007 113.219 19.9913 116' stroke='%23e0e7ff' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;opacity:.8;z-index:0}.contact-header:before{content:"";position:absolute;top:-50px;left:-50px;width:200px;height:200px;background:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M196 88.1717C196 88.1717 195 89.8729 193.914 90.2575C191.735 91.0296 191.878 86.6903 189.395 86.4335C186.339 86.1174 187.411 91.8535 184.528 91.9957C180.946 92.1725 181.399 86.7811 180.009 84' stroke='%23e0e7ff' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;opacity:.8;z-index:0}.contact-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-form-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000005;transition:transform .3s ease,box-shadow .3s ease}.contact-form-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.contact-form-card h2{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.5rem}.form-control{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:#6366f1;outline:0;box-shadow:0 0 0 3px #6366f133}textarea.form-control{min-height:120px;resize:vertical}.btn-send{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.btn-send:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #6366f133,0 2px 4px -1px #6366f11a}.btn-send:active{transform:translateY(0)}.info-card{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:1.5rem;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000005;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.info-card h2{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1.5rem}.info-card p{color:#4b5563;margin-bottom:1.5rem;line-height:1.6}.btn-calendly{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-calendly:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #6366f133,0 2px 4px -1px #6366f11a;color:#fff}.contact-info{margin-top:2rem}.contact-item{display:flex;align-items:flex-start;margin-bottom:1.5rem}.contact-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:.5rem;color:#fff;margin-right:1rem;flex-shrink:0}.contact-text h3{font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.25rem}.contact-text p,.contact-text a{color:#111827;font-weight:500;text-decoration:none;transition:color .2s ease}.contact-text a:hover{color:#6366f1}.dark .contact-form-card,.dark .info-card{background:#1f2937;color:#f3f4f6}.dark .contact-form-card h2,.dark .info-card h2,.dark .contact-text p,.dark .contact-text a{color:#f9fafb}.dark .form-control{background-color:#1f2937;border-color:#374151;color:#f9fafb}.dark .form-control:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.dark .form-group label,.dark .contact-header p,.dark .info-card p{color:#d1d5db}.btn-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px -1px #6366f133,0 2px 4px -1px #6366f11a}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.8}.alert{padding:1rem;margin-bottom:1.5rem;border-radius:.5rem;display:flex;align-items:center;font-size:.95rem;line-height:1.5}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-error{background-color:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.alert svg{margin-right:.5rem;font-size:1.25rem}.spinner-border{display:inline-block;width:1rem;height:1rem;vertical-align:-.125em;border:.15em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(360deg)}}@media (max-width: 768px){.alert{font-size:.875rem;padding:.75rem}}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.not-found-container{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#4f46e5,#8b5cf6);background-size:100% 100%;animation:gradientBG 15s ease infinite;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto;z-index:0}.not-found-content{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;padding:2.5rem 1.5rem;text-align:center;max-width:600px;width:85%;position:relative;z-index:1;box-shadow:0 15px 35px #00000026;border:1px solid rgba(255,255,255,.15);margin:2rem auto;transform:translateZ(0);will-change:transform;display:flex;flex-direction:column;align-items:center}.not-found-icon{font-size:5rem;background:linear-gradient(90deg,#6366f1,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.2rem;display:inline-block;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(99,102,241,.2));line-height:1}.error-badge-container{width:100%;display:flex;justify-content:center;margin-bottom:1.5rem}.error-badge{display:inline-flex;justify-content:center;align-items:center;background:#ffffff26;color:#fff;padding:.5rem 1.2rem;border-radius:50px;font-size:.95rem;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000001a;white-space:nowrap;width:auto;margin:0}.error-badge svg{margin-right:.6rem;font-size:1rem;animation:pulse 2s infinite;flex-shrink:0}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.not-found-title{font-size:3.5rem;font-weight:800;margin:.5rem 0 .8rem;color:#fff;line-height:1.1;letter-spacing:-.03em;text-shadow:0 2px 10px rgba(0,0,0,.15)}.not-found-subtitle{font-size:1.5rem;color:#fff;margin:0 0 1.5rem;line-height:1.4;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.2)}.not-found-text{color:#e0e0e0;margin:0 auto 2rem;font-size:1.1rem;line-height:1.7;max-width:500px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.not-found-button{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2.2rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#6366f1,#7c3aed);border:none;border-radius:50px;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #6366f14d;position:relative;overflow:hidden;z-index:1;letter-spacing:.3px;margin-top:.5rem}.not-found-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#7c3aed,#6366f1);z-index:-1;transition:opacity .3s ease;opacity:0}.not-found-button:hover:before{opacity:1}.not-found-button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #7c3aed66}.not-found-button:active{transform:translateY(1px)}.not-found-button svg{margin-right:8px;font-size:1.1em}.not-found-content:before,.not-found-content:after{content:"";position:absolute;border-radius:50%;background:#ffffff0d;z-index:-1;pointer-events:none}.not-found-content:before{width:200px;height:200px;top:-80px;right:-60px}.not-found-content:after{width:150px;height:150px;bottom:-60px;left:-40px}.floating-element{position:absolute;background:#ffffff1a;border-radius:50%;pointer-events:none;z-index:0;opacity:.6}canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}@media (max-width: 768px){.not-found-content{padding:2.5rem 1.5rem;margin:1rem;width:95%}.not-found-title{font-size:2.8rem;margin-bottom:.6rem}.not-found-subtitle{font-size:1.25rem}.not-found-icon{font-size:4.5rem;margin-bottom:1rem}.not-found-text{font-size:1rem;margin-bottom:1.5rem}.not-found-button{padding:.7rem 1.5rem;font-size:.95rem}}@media (max-width: 400px){.not-found-title{font-size:2.5rem}.not-found-subtitle{font-size:1.1rem}.not-found-icon{font-size:4.5rem}}