@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&family=Roboto:wght@400;700&display=swap";:root{--primary:#58cc02;--bg-color:#0a0f1e;--bg-main:#0a0f1e;--glass-bg:#ffffff12;--glass-bg-hover:#ffffff1f;--glass-border:#ffffff26;--glass-border-hover:#ffffff4d;--glass-shadow:0 8px 32px #0006;--glass-shadow-hover:0 20px 60px #00000080;--glass-blur:blur(16px) saturate(180%);--glass-blur-heavy:blur(24px) saturate(200%);--card-bg:#ffffff12;--text-main:#f0f6ff;--text-muted:#b0c8e6cc;--border-color:#ffffff1f;--body-bg-gradient:#0a0f1e;--navbar-bg:#0a0f1e99;--nav-hover-bg:#58cc021f;--input-bg:#ffffff0f;--input-focus-bg:#ffffff1a;--option-bg:#0d1525;--option-text:#f0f6ff;--gradient-green:linear-gradient(135deg, #10b981, #059669);--gradient-blue:linear-gradient(135deg, #3b82f6, #2563eb);--gradient-orange:linear-gradient(135deg, #f97316, #ea580c);--orb-1:#58cc0259;--orb-2:#3b82f64d;--orb-3:#a855f740;--orb-4:#fbbf2433;--orb-5:#10b98140;--text-xs:clamp(.75rem, 1vw, .8rem);--text-sm:clamp(.875rem, 1.2vw, .9rem);--text-base:clamp(1rem, 1.5vw, 1.1rem);--text-lg:clamp(1.125rem, 1.8vw, 1.25rem);--text-xl:clamp(1.25rem, 2vw, 1.5rem);--text-2xl:clamp(1.5rem, 3vw, 2rem);--text-3xl:clamp(1.875rem, 4vw, 3rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--duration-instant:50ms;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}html{background:var(--bg-color);scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100dvh}body{padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);min-height:100dvh;color:var(--text-main);margin:0;font-family:Inter,sans-serif;overflow-x:hidden}button,a,input,select,textarea,[role=button],.nav-link{touch-action:manipulation;min-width:44px;min-height:44px}:focus-visible{outline:3px solid var(--primary);outline-offset:4px;border-radius:4px}.container{width:100%;padding-right:var(--space-4);padding-left:var(--space-4);margin-left:auto;margin-right:auto}@media (width>=480px){.container{max-width:440px}}@media (width>=768px){.container{max-width:720px}}@media (width>=1024px){.container{max-width:960px}}@media (width>=1280px){.container{max-width:1200px}}@media (width>=1536px){.container{max-width:1400px}}@media (width<=200px){body{font-size:14px}.navbar,.sidebar{display:none!important}.container{padding:4px}h1{font-size:1.2rem!important}}@media (width>=1920px){:root{--text-base:clamp(1.2rem, 1.5vw, 1.5rem);--text-lg:clamp(1.5rem, 2vw, 2rem)}body{padding:5vh 10vw}:focus-visible{outline:4px solid var(--primary);outline-offset:8px;box-shadow:0 0 0 10px #58cc0233}}.glass-bg-orbs{z-index:-1;background:radial-gradient(at 20%,#0d1a3a 0%,#050b18 60%,#000 100%);position:fixed;inset:0;overflow:hidden}.glass-bg-orbs:before{content:"";background:radial-gradient(circle, var(--orb-1) 0%, transparent 70%);filter:blur(80px);border-radius:50%;width:700px;height:700px;animation:12s ease-in-out infinite orbFloat1;position:absolute;top:-200px;left:-200px}.glass-bg-orbs:after{content:"";background:radial-gradient(circle, var(--orb-2) 0%, transparent 70%);filter:blur(80px);border-radius:50%;width:600px;height:600px;animation:15s ease-in-out infinite orbFloat2;position:absolute;bottom:-150px;right:-150px}.glass-orb-mid{background:radial-gradient(circle, var(--orb-3) 0%, transparent 70%);filter:blur(90px);pointer-events:none;border-radius:50%;width:500px;height:500px;animation:18s ease-in-out infinite orbFloat3;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.glass-orb-accent{background:radial-gradient(circle, var(--orb-4) 0%, transparent 70%);filter:blur(70px);pointer-events:none;border-radius:50%;width:350px;height:350px;animation:10s ease-in-out infinite alternate orbFloat4;position:absolute;top:10%;right:15%}.glass-orb-bottom{background:radial-gradient(circle, var(--orb-5) 0%, transparent 70%);filter:blur(80px);pointer-events:none;border-radius:50%;width:400px;height:400px;animation:14s ease-in-out 2s infinite orbFloat1;position:absolute;bottom:5%;left:20%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-40px)scale(1.08)}66%{transform:translate(-30px,50px)scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}40%{transform:translate(-70px,40px)scale(1.1)}70%{transform:translate(40px,-60px)scale(.92)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-45%,-55%)scale(1.15)}}@keyframes orbFloat4{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,30px)scale(1.1)}}.glass-bg-orbs .mesh-overlay{pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}@keyframes duolingoFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(-2deg)scale(1.02)}75%{transform:translateY(-5px)rotate(2deg)scale(.98)}}@keyframes mascotBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1,.9)}}.mascot-anim{transform-origin:bottom;animation:4s ease-in-out infinite duolingoFloat}.mascot-hover:hover{animation:.5s ease-in-out infinite mascotBounce}.glass-shine{position:relative;overflow:hidden}.glass-shine:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(45deg,#0000 45%,#ffffff14 48%,#ffffff26 50%,#ffffff14 52%,#0000 55%);width:300%;height:300%;transition:all .6s cubic-bezier(.16,1,.3,1);position:absolute;top:-150%;left:-150%;transform:rotate(-45deg)}.glass-shine:hover:after{top:-50%;left:-50%}.premium-pulse{animation:2.5s ease-in-out infinite premiumGlowPulse}@keyframes premiumGlowPulse{0%,to{filter:drop-shadow(0 0 5px #58cc0233);transform:scale(1)}50%{filter:drop-shadow(0 0 15px #58cc0280);transform:scale(1.05)}}.floating-card{animation:5s ease-in-out infinite cardFloat}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.admin-sidebar-shine{background:linear-gradient(135deg, var(--card-bg) 0%, #ffffff05 50%, var(--card-bg) 100%);background-size:200% 200%;animation:10s linear infinite luxuryGlow}[data-theme=dark]{--primary:#58cc02;--bg-color:#0a0f1e;--bg-main:#0a0f1e;--card-bg:#ffffff0f;--glass-bg:#ffffff12;--glass-border:#ffffff1f;--glass-shadow:0 8px 32px #00000080;--text-main:#f0f6ff;--text-muted:#b0c8e6b3;--border-color:#ffffff1a;--body-bg-gradient:#0a0f1e;--navbar-bg:#080c19b3;--nav-hover-bg:#58cc021f;--input-bg:#ffffff0d;--input-focus-bg:#ffffff17;--option-bg:#0d1525;--option-text:#f0f6ff;--banner-gradient:linear-gradient(135deg, #58cc02, #16a34a)}[data-theme=light]{--primary:#10b981;--bg-color:#f8fafc;--bg-main:#f8fafc;--card-bg:#ffffffd9;--glass-bg:#ffffffb3;--glass-border:#10b98126;--glass-shadow:0 8px 32px #10b98114;--text-main:#0f172a;--text-muted:#64748b;--border-color:#0000000f;--body-bg-gradient:#f8fafc;--navbar-bg:#fffc;--nav-hover-bg:#10b98114;--input-bg:#fff;--input-focus-bg:#fff;--option-bg:#fff;--option-text:#0f172a;--banner-gradient:linear-gradient(135deg, #10b981, #059669);--orb-1:#10b9811a;--orb-2:#3b82f614;--orb-3:#a855f70d}[data-theme=luxury-light]{--primary:#f59e0b;--bg-color:#fffbeb;--bg-main:#fffbeb;--card-bg:#ffffffe6;--glass-bg:#ffffffbf;--glass-border:#f59e0b33;--glass-shadow:0 12px 40px #f59e0b1f;--text-main:#451a03;--text-muted:#92400e;--border-color:#f59e0b26;--body-bg-gradient:linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);--navbar-bg:#ffffffd9;--nav-hover-bg:#f59e0b1a;--input-bg:#fff;--input-focus-bg:#fff;--option-bg:#fff;--option-text:#451a03;--banner-gradient:linear-gradient(135deg, #f59e0b, #d97706);--orb-1:#f59e0b26;--orb-2:#fbbf241f;--orb-3:#fef3c733;--orb-4:#fbbf241a;--orb-5:#f59e0b14;--primary-glow:0 0 15px #f59e0b26}[data-theme=luxury]{--primary:#fbbf24;--bg-color:#080408;--card-bg:#ffffff0d;--glass-bg:#ffffff0a;--glass-border:#fbbf2433;--glass-shadow:0 8px 40px #0009;--text-main:#fff8e7;--text-muted:#ffc864a6;--border-color:#fbbf2426;--body-bg-gradient:#080408;--navbar-bg:#050208b3;--nav-hover-bg:#fbbf241a;--input-bg:#ffffff0d;--input-focus-bg:#ffffff14;--option-bg:#100a05;--option-text:#fbbf24;--orb-1:#fbbf244d;--orb-2:#f59e0b38;--orb-3:#d9770633;--orb-4:#b453092e;--orb-5:#fbbf2426;--primary-glow:0 0 20px #fbbf2459}.empty-state{text-align:center;border:1px dashed var(--glass-border);color:var(--text-muted);background:#ffffff05;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.empty-state-icon{opacity:.5;margin-bottom:1rem}.read-only-input{color:#10b981!important;cursor:default!important;background:#10b9810a!important;border-color:#10b98133!important;font-weight:700!important}[data-theme=luxury-light] .card,[data-theme=luxury] .card{border:1px solid var(--border-color)}[data-theme=luxury-light] .card{background:#ffffffe6}[data-theme=luxury-light] .card:hover{border-color:var(--primary);box-shadow:0 12px 35px #ea580c14}[data-theme=luxury-light] .btn-primary{color:#fff;background:linear-gradient(135deg,#ea580c,#c2410c);font-weight:700;box-shadow:0 4px 15px #ea580c1f}[data-theme=luxury-light] .nav-link.active{color:var(--primary);background:#ea580c14}[data-theme=luxury] .card{background:linear-gradient(145deg,#141414cc,#0a0a0ae6)}[data-theme=luxury] .card:hover{border-color:var(--primary);box-shadow:0 15px 35px #000000b3,0 0 15px #fbbf240d}[data-theme=luxury] .btn-primary{color:#000;background:linear-gradient(135deg,#fbbf24,#f59e0b);font-weight:800;box-shadow:0 4px 12px #fbbf2440}[data-theme=luxury] .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fbbf2466}[data-theme=luxury] .nav-link.active{color:var(--primary);background:#fbbf241a;border:1px solid #fbbf2433}[data-theme=luxury] .progress-bar{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 0 10px #fbbf244d}[data-theme=luxury] .banner{background-size:200% 200%;border:1px solid #fbbf244d;animation:5s infinite luxuryGlow;box-shadow:0 10px 40px #0009}@keyframes luxuryGlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}[data-theme=luxury] .nav-brand{filter:drop-shadow(0 0 8px #fbbf244d)}[data-theme=luxury] input:focus,[data-theme=luxury] select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #fbbf2433}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s linear infinite skeleton-loading;position:relative;overflow:hidden}[data-theme=light] .skeleton,[data-theme=luxury-light] .skeleton{background:linear-gradient(90deg,#0000000d 25%,#00000014 50%,#0000000d 75%) 0 0/200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=luxury-light] body,[data-theme=luxury] body{animation:30s infinite luxuryBodyGradient}@keyframes luxuryBodyGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.pro-locked-container{position:relative;overflow:hidden;cursor:default!important}.pro-locked-overlay{-webkit-backdrop-filter:blur(12px);z-index:10;border-radius:inherit;text-align:center;background:#0006;border:1px solid #fbbf244d;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.pro-locked-badge{color:#000;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.75rem;font-weight:900;display:flex;box-shadow:0 0 20px #fbbf2466}.pro-locked-text{color:#fff;margin-bottom:.5rem;font-size:1.1rem;font-weight:800}.pro-locked-subtext{color:#fffc;max-width:200px;margin-bottom:1.5rem;font-size:.85rem}.pro-upgrade-btn{color:#000;cursor:pointer;background:#fbbf24;border:none;border-radius:12px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:800;transition:all .3s}.pro-upgrade-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #fbbf2466}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Inter,sans-serif;transition:background-color .3s,border-color .3s,transform .2s,box-shadow .2s}body{background:var(--body-bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;scroll-behavior:smooth;min-height:-webkit-fill-available;padding-bottom:env(safe-area-inset-bottom);position:relative;overflow-x:hidden}::placeholder{color:var(--text-muted);opacity:.8}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-color);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--border-color);border:3px solid var(--bg-color);border-radius:10px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:var(--primary);border-width:2px}*{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-color)}.app-container{flex-direction:column;min-height:100vh;padding-top:64px;display:flex}.main-content{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:2rem}@media (width<=768px){.main-content{padding:1.25rem}}.navbar{background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--glass-border);z-index:2000;will-change:transform;justify-content:space-between;align-items:center;padding:1rem 2rem;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #0000004d,inset 0 -1px #ffffff0f}.nav-brand{color:var(--primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-muted);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:var(--primary);background:var(--nav-hover-bg);box-shadow:0 2px 8px #10b9811a}.card{background:var(--glass-bg,var(--card-bg));-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);border-radius:24px;padding:1.5rem;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--glass-shadow-hover,0 20px 60px #00000080);border-color:var(--glass-border-hover,var(--primary));background:var(--glass-bg-hover,#ffffff1a);transform:translateY(-5px)}.banner{color:#fff;box-shadow:var(--shadow-md);border-radius:16px;margin-bottom:2rem;padding:2rem;position:relative;overflow:hidden}.banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#fff3 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.banner h1{margin-bottom:.5rem;font-size:2rem;font-weight:800}.btn-primary{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 80%, #000));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #58cc024d}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-primary:hover:after{left:150%}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 25px #58cc0273}.btn-secondary{background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border-radius:12px;padding:.75rem 1.5rem;font-weight:700}.btn-secondary:hover{background:var(--input-bg);transform:translateY(-2px)}.btn-danger{color:#fff;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);background:#ef4444;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:700;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.btn-ghost{color:var(--text-muted);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);background:0 0;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600}.btn-ghost:hover{color:var(--primary);background:var(--nav-hover-bg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-container{background:#e2e8f0;border-radius:999px;width:100%;height:12px;margin-top:.5rem;overflow:hidden}.progress-bar{background:var(--primary);border-radius:999px;height:100%;transition:width .5s}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-main);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--glass-border);background:var(--input-bg);width:100%;-webkit-backdrop-filter:var(--glass-blur);color:var(--text-main);border-radius:12px;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:var(--input-focus-bg);outline:none;box-shadow:0 0 0 3px #58cc022e,0 4px 20px #0003}select option{background:var(--option-bg);color:var(--option-text)}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.auth-container{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-form{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:10;background:#ffffff14;border:1px solid #ffffff2e;border-radius:28px;flex-direction:column;gap:1rem;width:100%;max-width:460px;padding:2.5rem;display:flex;position:relative;box-shadow:0 8px 40px #00000073,inset 0 1px #ffffff26}.auth-form:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);border-radius:28px 28px 0 0;height:1px;position:absolute;top:0;left:0;right:0}.auth-form input,.auth-form textarea,.auth-form select{width:100%;color:var(--text-main);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff26;border-radius:12px;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.auth-form input:focus,.auth-form textarea:focus,.auth-form select:focus{border-color:var(--primary);background:#ffffff1c;outline:none;box-shadow:0 0 0 3px #58cc0233}.auth-form h2{text-align:center;color:var(--primary);margin-bottom:1rem;font-size:1.8rem}.section-header{color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;padding:1rem 1.5rem;font-size:1.1rem;font-weight:700}.profile-section{background:var(--glass-bg,#ffffff0f);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);border-radius:20px;margin-bottom:1.5rem;transition:box-shadow .3s;overflow:hidden}.profile-section:hover{box-shadow:var(--glass-shadow-hover,0 20px 50px #0006)}.profile-body{padding:1.5rem}.text-purple{color:#a855f7}.bg-purple{background:var(--gradient-purple)}.bg-blue{background:var(--gradient-blue)}.bg-orange{background:linear-gradient(135deg,#f97316,#ea580c)}.bg-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.bg-green{background:var(--gradient-green)}.bg-luxury-dashboard{background:linear-gradient(135deg,#1e1366 0%,#2a0845 100%)}.bg-luxury-meals{background:linear-gradient(135deg,#044f48 0%,#2a7561 100%)}.bg-luxury-progress{background:linear-gradient(135deg,#8a2387 0%,#e94057 50%,#f27121 100%)}.bg-luxury-analytics{background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%)}.bg-luxury-profile{background:linear-gradient(135deg,#4e083f 0%,#83103f 100%)}.water-tracker{background:linear-gradient(135deg, #0ea5e914 0%, var(--card-bg) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid #0ea5e933;border-radius:24px;margin-top:2.5rem;padding:2rem;position:relative;overflow:hidden;box-shadow:0 15px 35px #0ea5e91a,0 5px 15px #0000000d}.water-tracker:before{content:"";opacity:.1;filter:blur(50px);z-index:0;background:#0ea5e9;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.water-buttons{gap:1rem;margin-top:1rem;display:flex}.water-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-main);cursor:pointer;z-index:1;background:#ffffff80;border:1.5px solid #0ea5e933;border-radius:14px;flex:1;justify-content:center;align-items:center;padding:.8rem .5rem;font-size:.9rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.water-btn:hover{color:#0ea5e9;background:#0ea5e91a;border-color:#0ea5e9;transform:translateY(-3px);box-shadow:0 8px 20px #0ea5e926}.water-btn.filled{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#0000;box-shadow:0 8px 25px #0ea5e94d}.water-btn.filled:hover{filter:brightness(1.1);color:#fff;transform:translateY(-3px);box-shadow:0 12px 30px #0ea5e980}.admin-panel{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-grid{grid-template-columns:1fr 1fr;gap:2.5rem;display:grid}@media (width<=768px){.admin-grid{grid-template-columns:1fr}}.form-row{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.recipe-list{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);border:1px solid var(--glass-border);border-radius:16px;padding:2rem}.recipe-list h2{color:var(--primary);margin-bottom:1.5rem}.recipe-list ul{flex-direction:column;gap:.75rem;padding:0;list-style:none;display:flex}.recipe-list-item{background:var(--input-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:10px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.recipe-list-item:hover{box-shadow:var(--shadow-sm);background:var(--navbar-bg);transform:translateY(-2px)}.btn-danger{color:#ef4444;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:.5rem 1rem;font-weight:700;transition:all .2s}.btn-danger:hover{color:#fff;background:#ef4444}.btn-logout{color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem 1rem;font-weight:700;transition:all .2s}.btn-logout:hover{color:var(--text-main);background:#f1f5f9}.marquee-container{-webkit-user-select:none;user-select:none;gap:1rem;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:.5rem 0;display:flex;position:relative;left:50%;right:50%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-content{flex-shrink:0;gap:1rem;min-width:100%;animation:40s linear infinite scroll-left;display:flex}.marquee-container:hover .marquee-content{animation-play-state:paused}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-100% - 1rem))}}@keyframes pulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 #10b981b3}70%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 10px #10b98100}to{opacity:1;transform:scale(1);box-shadow:0 0 #10b98100}}.marquee-card{background:var(--card-bg);border:3px solid var(--card-bg);width:180px;height:180px;transform:rotate(var(--rotation,0deg));border-radius:12px;flex-shrink:0;transition:transform .3s;position:relative;overflow:hidden;box-shadow:0 5px 15px #0000001a}.marquee-card:hover{z-index:10;transform:scale(1.05)rotate(0)!important}.marquee-card img{object-fit:cover;width:100%;height:100%}.marquee-label{background:var(--card-bg);text-align:center;color:var(--text-main);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.4rem;font-size:.75rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.mobile-menu-btn{display:none}@media (width<=360px){.main-content{padding:.5rem}.banner h1{font-size:1.2rem}.auth-form{padding:1rem}.marquee-card{width:120px;height:120px}}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:flex-end;display:none;position:fixed;inset:0}.mobile-sidebar{background:var(--navbar-bg);flex-direction:column;width:280px;height:100%;padding:1.5rem;animation:.3s forwards slideIn;display:flex;box-shadow:-5px 0 20px #0000001a}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-sidebar-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.mobile-sidebar-user{border-bottom:1px solid var(--glass-border);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.mobile-sidebar-links{flex-direction:column;flex:1;gap:.5rem;display:flex}.mobile-sidebar-link{color:var(--text-muted);border-radius:12px;align-items:center;gap:1rem;padding:1rem;font-weight:600;text-decoration:none;display:flex}.mobile-sidebar-link.active,.mobile-sidebar-link:hover{background:var(--nav-hover-bg);color:var(--primary)}.mobile-theme-btn{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;color:var(--text-main);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-weight:700;display:flex}@media (hover:hover){.card:hover{border-color:var(--primary);transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(-5px);box-shadow:0 15px 45px #0000001a}.btn-primary:hover{box-shadow:0 10px 20px var(--primary-alpha);filter:brightness(1.1);transform:translateY(-2px)}.nav-link:hover{background:var(--nav-hover-bg);color:var(--primary);transform:scale(1.02)}}@media (width>=1440px){.main-content{max-width:1400px;padding:3rem}.banner{padding:4rem!important}.banner h1{font-size:3rem!important}.grid-4{gap:2.5rem}}.main-content{transition:all .3s}@media (width<=1200px){.grid-4{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (width<=1024px){.main-content{max-width:98%;padding:2rem}.grid-4{grid-template-columns:repeat(2,1fr);gap:1.25rem}.grid-2{grid-template-columns:1fr;gap:1.25rem}.banner h1{font-size:2.2rem}}@media (width<=768px){.desktop-only{display:none!important}.mobile-menu-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;background:var(--input-bg)!important;border:1px solid var(--glass-border)!important;padding:.75rem!important;display:flex!important}.mobile-sidebar-overlay{display:flex}.navbar{height:70px!important;padding:.75rem 1.25rem!important}.nav-brand span{font-size:1.3rem!important}.main-content{margin-top:.5rem;padding:1rem}.banner{text-align:center;border-radius:20px!important;margin-bottom:1.5rem!important;padding:2rem 1.5rem!important}.banner h1{font-size:1.8rem!important}.banner p{font-size:.9rem!important}.grid-4,.grid-2,.features-grid{grid-template-columns:1fr!important}.card{border-radius:24px;padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr!important}.stats-grid{grid-template-columns:1fr!important}.mobile-sidebar{width:300px}.profile-banner-actions{width:100%;margin-top:1rem;flex-direction:column!important}.profile-banner-actions button{justify-content:center;width:100%!important}.plans-grid-mobile{grid-template-columns:1fr!important;gap:1.5rem!important}.profile-id-info{text-align:center!important}.profile-id-status-container{justify-content:center!important}}.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)!important}@media (width>=769px){.admin-sidebar{transform:translate(0)!important}}@media (width<=400px){.banner h1{font-size:1.5rem!important}.stats-grid{grid-template-columns:1fr!important}.btn-primary,.btn-outline{padding:.75rem 1.2rem!important;font-size:.9rem!important}.card{padding:1.2rem}}@media (width<=600px){h1{font-size:1.9rem!important}h2{font-size:1.6rem!important}.main-content{padding-top:.5rem!important}.modal-content{border-radius:24px!important;width:92%!important;padding:1.8rem!important}}@media (width<=650px){.bmi-labels{border-top:none!important;grid-template-columns:1fr 1fr!important;gap:.8rem!important;display:grid!important}.bmi-label-item{border-top:2px solid var(--border-color)!important;width:100%!important;padding:.6rem!important}.recharts-responsive-container{min-height:280px!important}}@media (width<=480px){.landing-navbar{padding:.8rem 1.2rem}.landing-hero{padding:7rem 1.5rem 4rem!important}.landing-hero h1{font-size:2.4rem;line-height:1.2}.feature-card{padding:1.8rem;border-radius:28px!important}.marquee-item{width:160px;height:160px}}@keyframes formEntrance{0%{opacity:0;filter:blur(10px);transform:translateY(30px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes inputFocus{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animated-form-container{z-index:10;animation:.8s cubic-bezier(.22,1,.36,1) forwards formEntrance;position:relative}.glowing-border-wrapper{background:#ffffff0d;border-radius:28px;padding:3px;position:relative;overflow:hidden}.glowing-border-wrapper:before{content:"";z-index:-1;background:conic-gradient(#0000,#0000,#0000,#10b981);width:200%;height:200%;animation:4s linear infinite rotateBorder;position:absolute;top:-50%;left:-50%}.glowing-border-wrapper:after{content:"";background:var(--card-bg);z-index:-1;border-radius:24px;position:absolute;inset:4px}.input-animated:focus{animation:1.5s infinite inputFocus;border-color:var(--primary)!important}.floating-label-group{margin-bottom:1.5rem;position:relative}.floating-label-group label{color:var(--text-muted);pointer-events:none;font-size:.9rem;font-weight:500;transition:all .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.floating-label-group input:focus+label,.floating-label-group input:not(:placeholder-shown)+label{color:var(--primary);background:var(--bg-color);padding:0 .4rem;font-size:.75rem;top:-10px;left:.8rem}