@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,500&family=Inter:wght@400;500;600;700&display=swap";:root{--page-bg: linear-gradient(135deg, #E8F0FF 0%, #F6FAFF 100%);--card-bg-active-services: linear-gradient(135deg, #E6F6FF 0%, #F3FBFF 100%);--card-bg-total-customers: linear-gradient(135deg, #E9FFF4 0%, #F6FFFB 100%);--card-bg-monthly-revenue: linear-gradient(135deg, #F2E9FF 0%, #FBF7FF 100%);--card-bg-total-services: linear-gradient(135deg, #EEF0FF 0%, #F8F9FF 100%);--card-bg-total-bookings: linear-gradient(135deg, #E9FFFB 0%, #F6FFFD 100%);--card-bg-total-offers: linear-gradient(135deg, #FFE9F2 0%, #FFF6FA 100%);--card-bg-total-referrals: linear-gradient(135deg, #FFF1E6 0%, #FFF9F3 100%);--card-bg-total-bills: linear-gradient(135deg, #F2F6FF 0%, #FAFBFF 100%);--card-bg-average-bill: linear-gradient(135deg, #F7EFFF 0%, #FCFAFF 100%);--card-bg-repeat-customers: linear-gradient(135deg, #ECFFF2 0%, #F7FFFB 100%);--card-bg-pending-services: linear-gradient(135deg, #FFF3D9 0%, #FFF9EC 100%);--card-bg-completed-today: linear-gradient(135deg, #E6FFF2 0%, #F5FFFB 100%);--card-bg-low-stock: linear-gradient(135deg, #FFE6EA 0%, #FFF5F7 100%);--bg-header: #0E2A47;--bg-sidebar-primary: #0E2A47;--bg-sidebar-secondary: #f36f21;--text-primary: #ffffff;--text-secondary: #d1d1d1;--text-tertiary: #9b9da1;--text-card-primary: #0c0000;--text-card-secondary: #4a4a4a;--text-card-tertiary: #2b2b2b;--header-bg-primary: #0E2A47;--header-bg-secondary: #f36f21;--header-bg-tertiary: #ffffff;--header-text-primary: #ffffff;--header-text-secondary: #d1d1d1;--header-text-tertiary: #9b9da1;--button-bg-primary: #0E2A47;--button-bg-secondary: #f36f21;--button-bg-tertiary: #ffffff;--button-text-primary: #ffffff;--button-text-secondary: #d1d1d1;--button-text-tertiary: #9b9da1;--button-danger: #dc2626;--button-success: #16a34a}.theme-young{--page-bg: linear-gradient(135deg, #E0F7FF 0%, #F0FCFF 100%);--card-bg-active-services: linear-gradient(135deg, #DBEAFE 0%, #EFF6FF 100%);--card-bg-total-customers: linear-gradient(135deg, #D1FAE5 0%, #ECFDF5 100%);--card-bg-monthly-revenue: linear-gradient(135deg, #FCE7F3 0%, #FDF2F8 100%);--card-bg-total-services: linear-gradient(135deg, #FEF3C7 0%, #FFFBEB 100%);--card-bg-total-bookings: linear-gradient(135deg, #CCFBF1 0%, #F0FDFA 100%);--card-bg-total-offers: linear-gradient(135deg, #FFE4E6 0%, #FFF1F2 100%);--card-bg-total-referrals: linear-gradient(135deg, #FED7AA 0%, #FFEDD5 100%);--card-bg-total-bills: linear-gradient(135deg, #E0E7FF 0%, #EEF2FF 100%);--card-bg-average-bill: linear-gradient(135deg, #F3E8FF 0%, #FAF5FF 100%);--card-bg-repeat-customers: linear-gradient(135deg, #BBF7D0 0%, #DCFCE7 100%);--card-bg-pending-services: linear-gradient(135deg, #FDE68A 0%, #FEF9C3 100%);--card-bg-completed-today: linear-gradient(135deg, #A7F3D0 0%, #D1FAE5 100%);--card-bg-low-stock: linear-gradient(135deg, #FECACA 0%, #FEE2E2 100%);--bg-header: #16788a;--bg-sidebar-primary: #0b6777;--bg-sidebar-secondary: #F97316;--text-primary: #ffffff;--text-secondary: #E0F2FE;--text-tertiary: #BAE6FD;--text-card-primary: #0F172A;--text-card-secondary: #334155;--text-card-tertiary: #475569;--header-bg-primary: #06B6D4;--header-bg-secondary: #F97316;--header-bg-tertiary: #ffffff;--header-text-primary: #ffffff;--header-text-secondary: #E0F2FE;--header-text-tertiary: #BAE6FD;--button-bg-primary: #06B6D4;--button-bg-secondary: #F97316;--button-bg-tertiary: #22C55E;--button-text-primary: #ffffff;--button-text-secondary: #ffffff;--button-text-tertiary: #ffffff;--button-danger: #EF4444;--button-success: #22C55E}.theme-mature{--page-bg: linear-gradient(135deg, #F5F1E8 0%, #FAF8F3 100%);--card-bg-active-services: linear-gradient(135deg, #E8EEF5 0%, #F3F6FA 100%);--card-bg-total-customers: linear-gradient(135deg, #E8F4E8 0%, #F3FAF3 100%);--card-bg-monthly-revenue: linear-gradient(135deg, #F0E8F5 0%, #F8F3FA 100%);--card-bg-total-services: linear-gradient(135deg, #F5EEE8 0%, #FAF6F3 100%);--card-bg-total-bookings: linear-gradient(135deg, #E8F2F5 0%, #F3F9FA 100%);--card-bg-total-offers: linear-gradient(135deg, #F5E8EE 0%, #FAF3F6 100%);--card-bg-total-referrals: linear-gradient(135deg, #F5EDE8 0%, #FAF6F3 100%);--card-bg-total-bills: linear-gradient(135deg, #EEF0F5 0%, #F6F8FA 100%);--card-bg-average-bill: linear-gradient(135deg, #F2EEF5 0%, #F9F6FA 100%);--card-bg-repeat-customers: linear-gradient(135deg, #EBF5EB 0%, #F5FAF5 100%);--card-bg-pending-services: linear-gradient(135deg, #F5F0E8 0%, #FAF8F3 100%);--card-bg-completed-today: linear-gradient(135deg, #E8F5EB 0%, #F3FAF5 100%);--card-bg-low-stock: linear-gradient(135deg, #F5E8EB 0%, #FAF3F5 100%);--bg-header: #5D4E37;--bg-sidebar-primary: #5D4E37;--bg-sidebar-secondary: #B8860B;--text-primary: #ffffff;--text-secondary: #E8DCC8;--text-tertiary: #D4C5A9;--text-card-primary: #2C2416;--text-card-secondary: #5D4E37;--text-card-tertiary: #7A6A4F;--header-bg-primary: #5D4E37;--header-bg-secondary: #B8860B;--header-bg-tertiary: #ffffff;--header-text-primary: #ffffff;--header-text-secondary: #E8DCC8;--header-text-tertiary: #D4C5A9;--button-bg-primary: #5D4E37;--button-bg-secondary: #B8860B;--button-bg-tertiary: #8B7355;--button-text-primary: #ffffff;--button-text-secondary: #ffffff;--button-text-tertiary: #ffffff;--button-danger: #C53030;--button-success: #2F855A}.toast-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{position:relative;display:flex;align-items:center;gap:12px;min-width:320px;max-width:420px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;pointer-events:all;opacity:0;transform:translate(400px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}.toast-enter{opacity:1;transform:translate(0)}.toast-exit{opacity:0;transform:translate(400px)}.toast-success{border-left:4px solid #10B981}.toast-error{border-left:4px solid #EF4444}.toast-warning{border-left:4px solid #F59E0B}.toast-info{border-left:4px solid #3B82F6}.toast-reminder{border-left:4px solid #8B5CF6}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.toast-content{flex:1;min-width:0}.toast-message{margin:0;color:#1f2937;font-size:14px;line-height:1.5;font-weight:500;word-wrap:break-word}.toast-close{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.toast-close:hover{background:#f3f4f6;color:#374151}.toast-close:active{transform:scale(.95)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:0 0 0 12px;animation:toast-progress linear forwards;transform-origin:left}@keyframes toast-progress{0%{width:100%}to{width:0%}}@media(max-width:768px){.toast-container{top:70px;right:12px;left:12px}.toast{min-width:auto;max-width:100%;padding:14px}.toast-message{font-size:13px}.toast-icon svg{width:20px;height:20px}}@media(prefers-color-scheme:dark){.toast{background:#1f2937;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff1a}.toast-message{color:#f9fafb}.toast-close{color:#9ca3af}.toast-close:hover{background:#374151;color:#e5e7eb}}.toast:focus-within{outline:2px solid #6366F1;outline-offset:2px}.toast:not(:last-child){margin-bottom:8px}.toast:hover .toast-progress{animation-play-state:paused}:root{--lp-gold: #c9a96e;--lp-gold-light: #e8d5a8;--lp-gold-dark: #a07d42;--lp-navy: #1a1f3a;--lp-navy-light: #2a3154;--lp-cream: #faf8f2;--lp-cream-dark: #f0ece0;--lp-warm: #f5f0e8;--lp-text: #2c2c3a;--lp-text-light: #6b6b7b;--lp-text-muted: #9a9aab;--lp-white: #ffffff;--lp-accent: #6366f1;--lp-accent-light: #818cf8;--lp-success: #10b981;--lp-serif: "Playfair Display", Georgia, "Times New Roman", serif;--lp-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lp-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--lp-shadow-md: 0 8px 30px rgba(0, 0, 0, .08);--lp-shadow-lg: 0 20px 60px rgba(0, 0, 0, .1);--lp-shadow-xl: 0 30px 80px rgba(0, 0, 0, .12);--lp-radius: 16px;--lp-radius-sm: 10px}.landing-page{font-family:var(--lp-sans);color:var(--lp-text);background:var(--lp-cream);overflow-x:hidden;line-height:1.7;-webkit-font-smoothing:antialiased}.landing-page img{max-width:100%;height:auto;display:block}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}.landing-page section{position:relative}.lp-container{max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.lp-container{padding:0 20px}}@media(max-width:480px){.lp-container{padding:0 16px}}.lp-section-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#c9a96e1f,#c9a96e0f);border:1px solid rgba(201,169,110,.25);padding:8px 20px;border-radius:100px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--lp-gold-dark);margin-bottom:24px}@media(max-width:480px){.lp-section-badge{font-size:.7rem;padding:6px 16px;letter-spacing:1.5px}}.lp-section-title{font-family:var(--lp-serif);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;color:var(--lp-navy);line-height:1.2;margin-bottom:16px}.lp-section-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:var(--lp-text-light);max-width:600px;line-height:1.8}.lp-reveal{opacity:0;transform:translateY(36px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.visible .lp-reveal,.visible.lp-reveal{opacity:1;transform:translateY(0)}.lp-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all .4s cubic-bezier(.4,0,.2,1);background:transparent}.lp-navbar.scrolled{background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 2px 20px #0000000f;padding:10px 0}.lp-navbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.lp-navbar-inner{padding:0 20px}}.lp-logo{display:flex;align-items:center;gap:12px;text-decoration:none;z-index:1001}.lp-logo img{height:80px;width:auto;object-fit:contain}@media(max-width:768px){.lp-logo img{height:60px}}@media(max-width:480px){.lp-logo img{height:42px}}.lp-logo-text{font-family:var(--lp-serif);font-size:1.4rem;font-weight:700;color:var(--lp-navy)}.lp-logo-text span{color:var(--lp-gold)}@media(max-width:768px){.lp-logo-text{font-size:1.2rem}}.lp-nav-links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}@media(max-width:1024px){.lp-nav-links{gap:20px}}@media(max-width:768px){.lp-nav-links{display:none}}.lp-nav-links a{text-decoration:none;color:var(--lp-text-light);font-size:.95rem;font-weight:500;transition:color .3s;position:relative}.lp-nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--lp-gold);transition:width .3s ease}.lp-nav-links a:hover{color:var(--lp-navy)}.lp-nav-links a:hover:after{width:100%}.lp-nav-cta{display:flex;align-items:center;gap:12px}@media(max-width:768px){.lp-nav-cta{display:none}}.lp-btn-login{padding:10px 22px;border:2px solid var(--lp-navy);background:transparent;color:var(--lp-navy);border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:all .3s ease;white-space:nowrap}.lp-btn-login:hover{background:var(--lp-navy);color:#fff}.lp-btn-start{padding:10px 24px;background:linear-gradient(135deg,var(--lp-gold),var(--lp-gold-dark));color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #c9a96e4d;white-space:nowrap}.lp-btn-start:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c9a96e66}.lp-mobile-toggle{display:none;background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--lp-navy);padding:4px;z-index:1001;width:40px;height:40px;align-items:center;justify-content:center}@media(max-width:768px){.lp-mobile-toggle{display:flex}}.lp-mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.lp-mobile-menu-overlay.active{opacity:1;visibility:visible}.lp-mobile-menu{position:fixed;top:0;right:-100%;width:280px;max-width:85vw;height:100vh;background:#fff;z-index:1000;transition:right .4s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 20px #0000001a;overflow-y:auto;padding:80px 24px 24px}.lp-mobile-menu.active{right:0}.lp-mobile-menu-close{position:absolute;top:20px;right:20px;background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--lp-navy);padding:4px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.lp-mobile-menu-links{list-style:none;padding:0;margin:0 0 32px}.lp-mobile-menu-links li{margin-bottom:8px}.lp-mobile-menu-links a{display:block;padding:12px 16px;text-decoration:none;color:var(--lp-navy);font-size:1rem;font-weight:500;border-radius:8px;transition:all .3s ease}.lp-mobile-menu-links a:hover{background:#c9a96e1a;color:var(--lp-gold-dark)}.lp-mobile-menu-cta{display:flex;flex-direction:column;gap:12px;padding:0 16px}.lp-mobile-menu-cta .lp-btn-login,.lp-mobile-menu-cta .lp-btn-start{width:100%;text-align:center;padding:12px 24px;font-size:.95rem}.lp-hero{min-height:100vh;display:flex;align-items:center;padding-top:120px;padding-bottom:60px;position:relative;overflow:hidden}@media(max-width:768px){.lp-hero{min-height:auto;padding-top:80px;padding-bottom:40px}}@media(max-width:480px){.lp-hero{padding-top:55px;padding-bottom:20px}}.lp-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(201,169,110,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(99,102,241,.05) 0%,transparent 50%),linear-gradient(180deg,var(--lp-cream) 0%,var(--lp-warm) 100%);z-index:0}.lp-hero-deco{position:absolute;border-radius:50%;opacity:.08;z-index:0}.lp-hero-deco-1{width:400px;height:400px;background:var(--lp-gold);top:-100px;right:-100px;animation:lp-float 8s ease-in-out infinite}.lp-hero-deco-2{width:300px;height:300px;background:var(--lp-accent);bottom:-50px;left:-80px;animation:lp-float 10s ease-in-out infinite reverse}.lp-hero-deco-3{width:200px;height:200px;background:var(--lp-gold-light);top:30%;left:45%;animation:lp-float 12s ease-in-out infinite 2s}@media(max-width:768px){.lp-hero-deco{display:none}}@keyframes lp-float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(20px,-30px) rotate(5deg)}66%{transform:translate(-15px,15px) rotate(-3deg)}}.lp-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}@media(max-width:1024px){.lp-hero-inner{grid-template-columns:1fr;gap:30px;text-align:center;display:flex;flex-direction:column;align-items:center}}@media(max-width:768px){.lp-hero-inner{gap:12px}}.lp-hero-content{animation:lp-fadeUp 1s ease-out .2s both}@keyframes lp-fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.lp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#c9a96e1a;border:1px solid rgba(201,169,110,.2);padding:8px 18px;border-radius:100px;font-size:.82rem;font-weight:600;color:var(--lp-gold-dark);letter-spacing:1px;text-transform:uppercase;margin-bottom:28px}@media(max-width:1024px){.lp-hero-content{display:contents}.lp-hero-badge{order:1}}@media(max-width:480px){.lp-hero-badge{font-size:.65rem;padding:4px 10px;margin-bottom:10px}}.lp-hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--lp-gold);animation:lp-pulse 2s ease-in-out infinite}@keyframes lp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.lp-hero-title{font-family:var(--lp-serif);font-size:clamp(1.8rem,5vw,4rem);font-weight:800;color:var(--lp-navy);line-height:1.15;margin-bottom:20px;letter-spacing:-.02em}@media(max-width:480px){.lp-hero-title{font-size:1.8rem;margin-bottom:10px;line-height:1.1}}@media(max-width:1024px){.lp-hero-title{order:2}}.lp-hero-title .lp-highlight{background:linear-gradient(135deg,var(--lp-gold),var(--lp-gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-subtitle{font-size:clamp(.95rem,2vw,1.15rem);color:var(--lp-text-light);line-height:1.7;max-width:500px;margin-bottom:30px}.lp-hero-subtitle span{display:block}.lp-hero-subtitle span:not(:last-child){margin-bottom:12px}@media(max-width:480px){.lp-hero-subtitle{font-size:.85rem;line-height:1.5;background:#c9a96e08;border:1px solid rgba(201,169,110,.1);padding:20px 24px;border-radius:24px;margin:10px 0 20px;text-align:center;box-shadow:0 4px 15px #c9a96e0a}.lp-hero-subtitle span:first-child{font-family:var(--lp-serif);font-size:1.15rem;font-weight:700;color:var(--lp-navy);line-height:1.3;margin-bottom:10px;display:block}.lp-hero-subtitle span:last-child{font-size:.85rem;color:var(--lp-text-light);line-height:1.6;font-family:var(--lp-sans);display:block}}@media(max-width:1024px){.lp-hero-subtitle{margin-left:auto;margin-right:auto;max-width:100%;order:4}}.lp-hero-actions{display:flex;gap:16px;flex-wrap:wrap}@media(max-width:1024px){.lp-hero-actions{justify-content:center;order:5}}@media(max-width:480px){.lp-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}}.lp-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,var(--lp-navy),var(--lp-navy-light));color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #1a1f3a40;position:relative;overflow:hidden}.lp-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--lp-gold),var(--lp-gold-dark));opacity:0;transition:opacity .4s}.lp-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #1a1f3a59}.lp-btn-primary:hover:before{opacity:1}.lp-btn-primary span{position:relative;z-index:1}@media(max-width:768px){.lp-btn-primary{padding:14px 28px;font-size:.95rem}}@media(max-width:480px){.lp-btn-primary{width:100%;padding:10px 6px;font-size:.78rem;border-radius:10px}}.lp-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:transparent;color:var(--lp-navy);border:2px solid rgba(26,31,58,.15);border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.lp-btn-secondary:hover{border-color:var(--lp-gold);color:var(--lp-gold-dark);background:#c9a96e0d}@media(max-width:768px){.lp-btn-secondary{padding:14px 26px;font-size:.95rem}}@media(max-width:480px){.lp-btn-secondary{width:100%;padding:10px 6px;font-size:.78rem;border-radius:10px}}.lp-hero-visual{position:relative;animation:lp-fadeUp 1s ease-out .5s both}@media(max-width:1024px){.lp-hero-visual{order:3;width:100%;max-width:460px;margin:0 auto -5px}}.lp-hero-book{position:relative;width:100%;max-width:460px;margin:0 auto}@media(max-width:1024px){.lp-hero-book{max-width:320px}}@media(max-width:480px){.lp-hero-book{max-width:220px}}.lp-book-mockup{background:transparent;border-radius:6px 16px 16px 6px;padding:0;box-shadow:-8px 0 #ebebeb66,-3px 0 #fff3,var(--lp-shadow-xl);position:relative;overflow:hidden;height:540px;width:100%;margin:0 auto}@media(max-width:1024px){.lp-book-mockup{height:380px}}@media(max-width:480px){.lp-book-mockup{height:260px}}.lp-book-mockup:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--lp-gold),var(--lp-gold-dark))}.lp-book-mockup:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(201,169,110,.08) 0%,transparent 60%)}.lp-book-float{position:absolute;background:#fff;border-radius:14px;padding:14px 20px;box-shadow:var(--lp-shadow-md);display:flex;align-items:center;gap:12px;font-size:.85rem;font-weight:600;color:var(--lp-navy);z-index:2;animation:lp-floatCard 6s ease-in-out infinite}@media(max-width:1024px){.lp-book-float{display:none}}.lp-book-float-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.lp-float-1{top:20px;right:-30px;animation-delay:0s}.lp-float-2{bottom:60px;left:-35px;animation-delay:2s}.lp-float-3{bottom:-10px;right:20px;animation-delay:4s}@keyframes lp-floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lp-hero-stats{margin-top:48px;display:flex;gap:40px;flex-wrap:wrap}@media(max-width:1024px){.lp-hero-stats{justify-content:center;order:6}}@media(max-width:768px){.lp-hero-stats{flex-direction:row;justify-content:space-around;gap:24px;margin-top:36px}}@media(max-width:480px){.lp-hero-stats{flex-direction:row;justify-content:center;gap:16px;margin-top:24px;flex-wrap:wrap}}.lp-hero-stat{text-align:left;min-width:120px}@media(max-width:1024px){.lp-hero-stat{text-align:center}}@media(max-width:480px){.lp-hero-stat{width:auto;min-width:80px}}.lp-hero-stat-num{font-family:var(--lp-serif);font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;color:var(--lp-navy);line-height:1.2}@media(max-width:480px){.lp-hero-stat-num{font-size:1.3rem}}.lp-hero-stat-label{font-size:.85rem;color:var(--lp-text-muted);margin-top:4px;line-height:1.4}@media(max-width:480px){.lp-hero-stat-label{font-size:.8rem}}.lp-problem{padding:120px 0;background:#fdfaf5}@media(max-width:768px){.lp-problem{padding:80px 0}}@media(max-width:480px){.lp-problem{padding:60px 0}}.lp-problem-inner{text-align:center;margin-bottom:60px}@media(max-width:768px){.lp-problem-inner{margin-bottom:40px}}.lp-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1024px){.lp-problem-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.lp-problem-grid{grid-template-columns:1fr;gap:20px}}.lp-problem-card{background:#f7f5ef;border-radius:20px;padding:44px 32px 40px;text-align:center;border:1px solid rgba(0,0,0,.03);transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;box-shadow:none}@media(max-width:480px){.lp-problem-card{padding:32px 24px}}.lp-problem-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--lp-gold),var(--lp-gold-light));opacity:0;transition:opacity .4s ease}.lp-problem-card:hover{transform:translateY(-8px);background:#fff;box-shadow:0 20px 40px #0000000d;border-color:#0000000d}.lp-problem-card:hover:before{opacity:1}.lp-problem-emoji{font-size:2.2rem;margin-bottom:24px;display:inline-block}@media(max-width:480px){.lp-problem-emoji{font-size:2rem;margin-bottom:16px}}.lp-problem-card h3{font-family:var(--lp-serif);font-size:1.15rem;font-weight:700;color:var(--lp-navy);margin-bottom:16px}@media(max-width:480px){.lp-problem-card h3{font-size:1.05rem}}.lp-problem-card p{font-size:.95rem;color:var(--lp-text-light);line-height:1.7}@media(max-width:480px){.lp-problem-card p{font-size:.9rem}}.lp-solution{padding:120px 0;background:linear-gradient(180deg,var(--lp-cream) 0%,var(--lp-warm) 100%)}@media(max-width:768px){.lp-solution{padding:80px 0}}@media(max-width:480px){.lp-solution{padding:60px 0}}.lp-solution-inner{text-align:center;margin-bottom:70px}@media(max-width:768px){.lp-solution-inner{margin-bottom:50px}}.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}@media(max-width:768px){.lp-steps{grid-template-columns:1fr;gap:24px}}.lp-steps:before{content:"";position:absolute;top:60px;left:17%;right:17%;height:2px;background:linear-gradient(90deg,var(--lp-gold),var(--lp-gold-light),var(--lp-gold));opacity:.3;z-index:0}@media(max-width:768px){.lp-steps:before{display:none}}.lp-step-card{background:var(--lp-white);border-radius:20px;padding:44px 32px 36px;text-align:center;position:relative;z-index:1;transition:all .4s ease;border:1px solid rgba(0,0,0,.04)}@media(max-width:480px){.lp-step-card{padding:36px 24px}}.lp-step-card:hover{transform:translateY(-8px);box-shadow:var(--lp-shadow-lg)}.lp-step-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--lp-gold),var(--lp-gold-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 24px;box-shadow:0 8px 25px #c9a96e66;transition:all .3s ease}@media(max-width:480px){.lp-step-icon{width:56px;height:56px;font-size:1.8rem}}.lp-step-card:hover .lp-step-icon{transform:scale(1.05)}.lp-step-card h3{font-family:var(--lp-serif);font-size:1.3rem;font-weight:700;color:var(--lp-navy);margin-bottom:12px}@media(max-width:480px){.lp-step-card h3{font-size:1.15rem}}.lp-step-card p{font-size:.95rem;color:var(--lp-text-light);line-height:1.7}@media(max-width:480px){.lp-step-card p{font-size:.9rem}}.lp-features{padding:120px 0;background:var(--lp-white)}@media(max-width:768px){.lp-features{padding:80px 0}}@media(max-width:480px){.lp-features{padding:60px 0}}.lp-features-inner{text-align:center;margin-bottom:60px}@media(max-width:768px){.lp-features-inner{margin-bottom:40px}}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1024px){.lp-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.lp-features-grid{grid-template-columns:1fr;gap:20px}}.lp-feature-card{background:var(--lp-cream);border-radius:var(--lp-radius);transition:all .4s ease;border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden;display:flex;flex-direction:column}.lp-feature-card:hover{transform:translateY(-6px);box-shadow:var(--lp-shadow-md);border-color:#c9a96e33}.lp-feature-img{width:100%;height:240px;background:#eaeaea;overflow:hidden}@media(max-width:480px){.lp-feature-img{height:200px}}.lp-feature-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.lp-feature-card:hover .lp-feature-img img{transform:scale(1.05)}.lp-feature-content{padding:28px;display:flex;flex-direction:column;flex:1}@media(max-width:480px){.lp-feature-content{padding:24px 20px}}.lp-feature-card h3{font-family:var(--lp-serif);font-size:1.15rem;font-weight:700;color:var(--lp-navy);margin-bottom:10px}@media(max-width:480px){.lp-feature-card h3{font-size:1.05rem}}.lp-feature-card p{font-size:.92rem;color:var(--lp-text-light);line-height:1.7}@media(max-width:480px){.lp-feature-card p{font-size:.88rem}}.lp-preview{padding:80px 20px;background:linear-gradient(180deg,var(--lp-cream) 0%,var(--lp-warm) 100%)}@media(max-width:768px){.lp-preview{padding:60px 20px}}@media(max-width:480px){.lp-preview{padding:50px 16px}}.lp-preview-inner{position:relative;max-width:1200px;margin:0 auto}.lp-preview-visual{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--lp-shadow-xl);height:500px;width:100%}@media(max-width:1024px){.lp-preview-visual{height:450px}}@media(max-width:768px){.lp-preview-visual{height:400px}}@media(max-width:480px){.lp-preview-visual{height:300px;border-radius:12px}}.lp-preview-video-wrapper{position:relative;width:100%;height:100%;background-color:var(--lp-navy)}.lp-preview-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:16px}@media(max-width:480px){.lp-preview-video{border-radius:12px}}.lp-trust{padding:120px 0;background:var(--lp-navy);color:#fff;position:relative;overflow:hidden}@media(max-width:768px){.lp-trust{padding:80px 0}}@media(max-width:480px){.lp-trust{padding:40px 0}}.lp-trust:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(201,169,110,.06) 0%,transparent 60%)}.lp-trust-inner{text-align:center;margin-bottom:60px;position:relative;z-index:1}@media(max-width:768px){.lp-trust-inner{margin-bottom:24px}}.lp-trust .lp-section-title{color:#fff}.lp-trust .lp-section-subtitle{color:#fff9;margin:0 auto}.lp-testimonials-slider{width:100%;position:relative;z-index:1}.lp-testimonials-viewport{overflow:hidden;width:100%}.lp-testimonials-track{display:flex;gap:24px;will-change:transform}@media(max-width:768px){.lp-testimonials-track{gap:16px}}.lp-testimonials-dots{display:flex;justify-content:center;gap:10px;margin-top:36px}@media(max-width:480px){.lp-testimonials-dots{margin-top:12px;gap:8px}}.lp-testimonials-dot{width:10px;height:10px;border-radius:50%;background:#ffffff40;border:none;cursor:pointer;transition:all .35s ease;padding:0}@media(max-width:480px){.lp-testimonials-dot{width:8px;height:8px}}.lp-testimonials-dot.active{background:var(--lp-gold);width:28px;border-radius:5px}@media(max-width:480px){.lp-testimonials-dot.active{width:24px}}.lp-testimonial{background:#2b2e40;border-radius:var(--lp-radius);padding:36px 32px;border:1px solid rgba(255,255,255,.03);transition:background .4s ease,box-shadow .4s ease,transform .3s ease;box-shadow:0 4px 15px #0003;flex:0 0 calc((100% - 48px) / 3);min-width:0}@media(max-width:1024px){.lp-testimonial{flex:0 0 calc((100% - 32px)/2)}}@media(max-width:768px){.lp-testimonial{flex:0 0 calc(100% - 16px);padding:28px 24px}}@media(max-width:480px){.lp-testimonial{flex:0 0 100%;padding:24px 20px}}.lp-testimonial:hover{background:#32354a;transform:translateY(-4px);box-shadow:0 10px 25px #0000004d}.lp-testimonial-stars{color:var(--lp-gold);font-size:.9rem;margin-bottom:16px;letter-spacing:2px}@media(max-width:480px){.lp-testimonial-stars{font-size:.85rem;letter-spacing:1.5px}}.lp-testimonial p{font-size:.95rem;line-height:1.7;color:#ffffffbf;margin-bottom:20px;font-style:italic}@media(max-width:480px){.lp-testimonial p{font-size:.9rem;line-height:1.65}}.lp-testimonial-author{display:flex;align-items:center;gap:12px}.lp-testimonial-avatar{width:42px;height:42px;border-radius:50%;background:#cba365;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;flex-shrink:0;overflow:hidden}@media(max-width:480px){.lp-testimonial-avatar{width:38px;height:38px;font-size:.85rem}}.lp-testimonial-name{font-weight:600;font-size:.9rem;color:#fff}@media(max-width:480px){.lp-testimonial-name{font-size:.85rem}}.lp-testimonial-role{font-size:.8rem;color:#ffffff80}@media(max-width:480px){.lp-testimonial-role{font-size:.75rem}}.lp-final-cta{padding:120px 0;background:linear-gradient(180deg,var(--lp-warm) 0%,var(--lp-cream) 100%);text-align:center;position:relative;overflow:hidden}@media(max-width:768px){.lp-final-cta{padding:80px 0}}@media(max-width:480px){.lp-final-cta{padding:60px 0}}.lp-final-cta:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(201,169,110,.1) 0%,transparent 50%)}.lp-final-cta-inner{position:relative;z-index:1}.lp-final-cta .lp-section-title{max-width:700px;margin:0 auto 16px}.lp-final-cta .lp-section-subtitle{margin:0 auto 40px;text-align:center}.lp-footer{padding:50px 0 20px;background:linear-gradient(135deg,#101c26,#0e3a34,#152430);color:#ffffffb3}@media(max-width:768px){.lp-footer{padding:40px 0 20px}}@media(max-width:480px){.lp-footer{padding:36px 0 16px}}.lp-footer-grid{display:grid;grid-template-columns:1fr auto auto auto;gap:80px;margin-bottom:32px}@media(max-width:1024px){.lp-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:600px){.lp-footer-grid{grid-template-columns:1fr;gap:32px}}@media(max-width:480px){.lp-footer-grid{gap:28px}}.lp-footer-brand-col{max-width:320px}@media(max-width:1024px){.lp-footer-brand-col{max-width:100%}}.lp-footer-logo-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:16px}.lp-footer-logo-icon{display:flex;align-items:center;color:#ffb3c6}.lp-footer-logo-text h3{margin:0;font-family:var(--lp-serif);font-size:1.4rem;color:#fff;font-weight:600}@media(max-width:480px){.lp-footer-logo-text h3{font-size:1.25rem}}.lp-footer-desc{font-size:.95rem;line-height:1.6;margin-bottom:24px;color:#ffffffbf}@media(max-width:480px){.lp-footer-desc{font-size:.9rem}}.lp-footer-socials{display:flex;gap:12px;flex-wrap:wrap}.lp-social-circle{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fffc;text-decoration:none;transition:all .3s ease;flex-shrink:0}.lp-social-circle:hover{background:#fff3;color:#fff;transform:translateY(-2px)}.lp-footer-links-col h4{color:#00e5c0;font-size:1rem;font-weight:600;margin-bottom:16px}@media(max-width:480px){.lp-footer-links-col h4{font-size:.95rem;margin-bottom:12px}}.lp-footer-links-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.lp-footer-links-col a{color:#ffffffbf;text-decoration:none;font-size:.9rem;transition:color .3s;display:inline-block}@media(max-width:480px){.lp-footer-links-col a{font-size:.85rem}}.lp-footer-links-col a:hover{color:#fff;transform:translate(4px)}.lp-footer-badge-col{display:flex;justify-content:flex-end;align-items:flex-start}@media(max-width:1024px){.lp-footer-badge-col{justify-content:flex-start}}.lp-footer-india-badge{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px;width:fit-content}.lp-india-flag{font-size:.9rem;color:#ffffffe6;font-weight:500;margin-bottom:6px;display:flex;align-items:center;gap:6px}@media(max-width:480px){.lp-india-flag{font-size:.85rem}}.lp-dpdp{font-size:.75rem;color:#ffffff80;line-height:1.4}@media(max-width:480px){.lp-dpdp{font-size:.7rem}}.lp-footer-bottom-line{height:1px;background:#ffffff1a;margin-bottom:20px}@media(max-width:480px){.lp-footer-bottom-line{margin-bottom:16px}}.lp-footer-bottom-area{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}@media(max-width:768px){.lp-footer-bottom-area{flex-direction:column;gap:20px;text-align:center}}.lp-footer-copyright{font-size:.85rem;color:#ffffff80}@media(max-width:480px){.lp-footer-copyright{font-size:.8rem}}.lp-footer-legal-btns{display:flex;gap:20px;flex-wrap:wrap}@media(max-width:768px){.lp-footer-legal-btns{justify-content:center}}@media(max-width:480px){.lp-footer-legal-btns{gap:16px;flex-direction:column;align-items:center}}.lp-legal-btn{display:inline-flex;align-items:center;gap:6px;color:#ffffff80;text-decoration:none;font-size:.85rem;transition:color .25s}@media(max-width:480px){.lp-legal-btn{font-size:.8rem}}.lp-legal-btn:hover{color:#ffffffe6}.lp-books-showcase{padding:80px 0;background:#e4dfd3;text-align:center;overflow:hidden}@media(max-width:768px){.lp-books-showcase{padding:60px 0}}@media(max-width:480px){.lp-books-showcase{padding:50px 0 40px}}.lp-books-showcase-inner{margin-bottom:60px}@media(max-width:768px){.lp-books-showcase-inner{margin-bottom:40px}}.lp-books-display{position:relative;max-width:1200px;margin:0 auto 80px;height:540px;display:flex;justify-content:center;align-items:flex-end}@media(max-width:1024px){.lp-books-display{height:400px;margin-bottom:60px}}@media(max-width:768px){.lp-books-display{height:auto;margin-bottom:40px;padding-top:20px}}.lp-books-wrapper{position:relative;width:100%;height:100%}@media(max-width:768px){.lp-books-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 15px;padding:0 10px;height:auto;perspective:1000px}}.lp-showcase-book{position:absolute;bottom:0;display:flex;box-shadow:20px 20px 30px #00000026,-5px 10px 20px #0000000d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:bottom center}@media(max-width:768px){.lp-showcase-book{position:relative;left:auto!important;right:auto!important;transform:rotateY(-15deg) rotateX(5deg)!important;box-shadow:10px 10px 20px #0003;margin:0 auto}}.lp-showcase-book:hover{transform:scale(1.02) translateY(-15px)!important;z-index:10!important}@media(max-width:768px){.lp-showcase-book:hover{transform:translateY(-5px) scale(1.02)!important}}.lp-showcase-spine{width:10px;border-radius:4px 0 0 4px;background:#fff;border-right:1px solid rgba(244,242,242,.1);box-shadow:inset -2px 0 8px #ffffff0d}@media(max-width:1024px){.lp-showcase-spine{width:20px}}@media(max-width:480px){.lp-showcase-spine{width:14px;background:linear-gradient(to right,#fff,#e5e5e5)}}.lp-showcase-pages{width:12px;background:#fdfdfd;border-radius:0 4px 4px 0;border:1px solid #ddd;box-shadow:inset -4px 0 8px #0000000d;position:relative}@media(max-width:1024px){.lp-showcase-pages{width:10px}}@media(max-width:480px){.lp-showcase-pages{width:8px}}.lp-showcase-pages:before{content:"";position:absolute;inset:2px 0;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px)}.lp-showcase-cover{width:320px;height:100%;padding:18px;background:inherit;border-radius:0 5px 5px 0;position:relative;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:inset -2px 0 10px #0000001a}.lp-showcase-cover:after{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:#0003;box-shadow:1px 0 3px #ffffff1a;z-index:5}@media(max-width:1024px){.lp-showcase-cover{width:220px;height:100%;padding:14px}}@media(max-width:768px){.lp-showcase-cover{width:240px;height:100%;padding:16px}}@media(max-width:480px){.lp-showcase-cover{width:100%;aspect-ratio:2 / 3;height:auto;padding:8px}}.lp-showcase-border{width:calc(100% - 30px);height:calc(100% - 30px);margin:15px;border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:30px 20px;text-align:center;position:relative;z-index:3}@media(max-width:1024px){.lp-showcase-border{padding:16px}}@media(max-width:480px){.lp-showcase-border{padding:14px}}.lp-showcase-cover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.lp-showcase-cover-img{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;border-radius:0 5px 5px 0}.lp-showcase-cover-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000001a,#0000004d);z-index:2}.lp-showcase-type{font-size:.75rem;letter-spacing:3px;margin-bottom:20px;text-transform:uppercase;font-weight:700;color:#c9a96e}@media(max-width:1024px){.lp-showcase-type{font-size:.6rem;margin-bottom:10px;letter-spacing:1.5px}}@media(max-width:480px){.lp-showcase-type{font-size:.55rem;margin-bottom:8px}}.lp-showcase-name{font-family:var(--lp-serif);font-size:1.6rem;line-height:1.25;margin-bottom:20px;font-weight:800;color:#1a1f3a;letter-spacing:-.01em}@media(max-width:1024px){.lp-showcase-name{font-size:1.2rem;margin-bottom:12px}}@media(max-width:480px){.lp-showcase-name{font-size:1.05rem;margin-bottom:10px}}.lp-showcase-author{font-size:.95rem;font-style:italic;color:#4b5563;margin-top:auto;font-weight:500}@media(max-width:1024px){.lp-showcase-author{font-size:.8rem}}@media(max-width:480px){.lp-showcase-author{font-size:.75rem}}.lp-book-red{background:#fff;left:-5%;z-index:1;height:480px;transform:rotate(-6deg)}@media(max-width:1024px){.lp-book-red{height:320px}}@media(max-width:768px){.lp-book-red{height:300px;transform:none}}.lp-book-red .lp-showcase-cover-content{justify-content:flex-start;padding-top:20px}@media(max-width:1024px){.lp-book-red .lp-showcase-cover-content{padding-top:16px}}.lp-book-pink{background:#fff;left:12%;z-index:2;height:500px;transform:rotate(-3deg)}@media(max-width:1024px){.lp-book-pink{height:325px}}@media(max-width:768px){.lp-book-pink{display:none}}.lp-book-pink .lp-showcase-cover-content{justify-content:flex-start;padding-top:25px}.lp-book-lightblue{background:#fff;left:31%;z-index:6;height:520px;color:#fff;transform:rotate(0);box-shadow:25px 25px 40px #0003,-10px 10px 20px #0000001a}@media(max-width:1024px){.lp-book-lightblue{height:340px}}@media(max-width:768px){.lp-book-lightblue{height:320px;transform:none}}.lp-book-lightblue .lp-showcase-border{border-color:#00000026}.lp-book-lightblue .lp-showcase-cover-content{justify-content:flex-start;padding-top:30px}@media(max-width:1024px){.lp-book-lightblue .lp-showcase-cover-content{padding-top:20px}}.lp-book-blue{background:#fff;left:49%;z-index:5;height:510px;transform:rotate(2deg)}@media(max-width:1024px){.lp-book-blue{height:325px}}@media(max-width:768px){.lp-book-blue{height:300px;transform:none}}.lp-book-blue .lp-showcase-cover-content{justify-content:flex-start;padding-top:25px}@media(max-width:1024px){.lp-book-blue .lp-showcase-cover-content{padding-top:20px}}.lp-book-purple{background:#fff;left:68%;z-index:4;height:495px;transform:rotate(4deg);color:#fff}@media(max-width:1024px){.lp-book-purple{height:310px}}@media(max-width:768px){.lp-book-purple{height:300px;transform:none}}.lp-book-purple .lp-showcase-cover-content{justify-content:flex-start;padding-top:20px}.lp-book-green{background:#fff;right:-8%;z-index:3;height:480px;flex-direction:row;transform:rotate(6deg);box-shadow:15px 15px 30px #0003}@media(max-width:1024px){.lp-book-green{height:335px}}@media(max-width:768px){.lp-book-green{height:300px;transform:none}}.lp-book-green .lp-showcase-cover{border-radius:4px 0 0 4px;box-shadow:inset 2px 0 10px #0003}.lp-book-green .lp-showcase-cover-content{justify-content:flex-start;padding-top:20px}.lp-books-action{text-align:center}.lp-btn-buy-now{background:linear-gradient(135deg,#cd5d1b,#b34a0f);color:#fff;font-weight:600;font-size:1.05rem;letter-spacing:1.2px;padding:16px 45px;border:none;border-radius:30px;cursor:pointer;box-shadow:0 8px 25px #cd5d1b66;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-block}@media(max-width:768px){.lp-btn-buy-now{padding:14px 38px;font-size:1rem}}@media(max-width:480px){.lp-btn-buy-now{padding:12px 32px;font-size:.95rem;letter-spacing:1px}}.lp-btn-buy-now:hover{background:linear-gradient(135deg,#de6924,#c25213);transform:translateY(-4px);box-shadow:0 12px 30px #cd5d1b80}body.lp-mobile-menu-open{overflow:hidden}@media(max-width:768px){.lp-hide-mobile{display:none!important}}.lp-show-mobile{display:none!important}@media(max-width:768px){.lp-show-mobile{display:block!important}}.lp-rash-section-title{font-family:var(--lp-serif);font-size:clamp(2.5rem,6vw,3.2rem)!important;font-weight:800;color:var(--lp-navy);line-height:1.1;margin-bottom:30px;letter-spacing:-.03em;text-align:center;position:relative;padding-bottom:20px}.lp-rash-section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,var(--lp-gold),transparent);border-radius:2px}.lp-rash-style{font-family:var(--lp-serif);background-color:#fff9f0!important}.lp-rash-style .lp-book-modal-body{padding:60px!important}.lp-rash-cover-title{font-size:2.8rem!important;font-weight:800!important;letter-spacing:-.02em;line-height:1.1;text-shadow:0 4px 12px rgba(0,0,0,.3)}.lp-rash-cover-author{font-size:1.4rem!important;font-weight:500;margin-top:20px;opacity:.9}.lp-rash-title{font-size:3rem!important;font-weight:800!important;color:var(--lp-navy);margin:20px 0!important;line-height:1.1}.lp-rash-intro{font-size:1.25rem!important;line-height:1.8;color:var(--lp-text-light);font-style:italic;margin-bottom:40px!important}.lp-rash-badge{font-size:.9rem!important;padding:8px 16px!important;background:#c9a96e26!important;color:var(--lp-gold-dark)!important;border:1px solid var(--lp-gold)!important}.lp-book-modal-chapter-name{font-size:1.8rem!important;font-weight:700!important;color:var(--lp-navy);margin-bottom:25px!important}.lp-book-modal-chapter-tag{font-size:.9rem!important;font-weight:700!important;color:var(--lp-gold-dark)!important;letter-spacing:2px!important}.lp-book-modal-q-text{font-size:1.2rem!important;line-height:1.7!important;color:var(--lp-text)!important;font-weight:400}.lp-book-modal-question-item{margin-bottom:24px!important;padding:24px!important;background:#ffffffb3;border-radius:12px;border-left:6px solid var(--lp-gold);box-shadow:0 4px 15px #00000008}.lp-book-modal-q-bullet{font-size:1.4rem!important;color:var(--lp-gold-dark)!important;margin-top:2px}.lp-rash-btn-nav{padding:14px 28px!important;font-size:1.1rem!important;font-weight:600!important;background:var(--lp-navy)!important;color:#fff!important;border-radius:12px!important;transition:all .3s ease!important}.lp-rash-btn-nav:hover:not(:disabled){background:var(--lp-gold-dark)!important;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.lp-nav-pages{font-size:1.1rem!important;font-weight:600;color:var(--lp-navy-light)}.lp-hero-title{font-size:clamp(2.8rem,7vw,4.5rem)!important}.lp-hero-subtitle{font-size:1.35rem!important;max-width:650px!important;font-weight:400!important}@media(max-width:768px){.lp-rash-section-title{font-size:2.2rem!important}.lp-rash-title{font-size:2rem!important}.lp-book-modal-body{padding:40px 30px!important}.lp-book-modal-q-text{font-size:1.15rem!important}}.lp-interactive-3d-section{padding:100px 0 120px;background:radial-gradient(circle at center,#fff,#fcfaf5)}.lp-interactive-3d-header{text-align:center;margin-bottom:80px}.lp-book-3d-viewport{perspective:2000px;display:flex;justify-content:center;align-items:center;min-height:700px;height:auto;margin-bottom:40px}.lp-book-3d-mesh{width:350px;height:480px;position:relative;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.645,.045,.355,1);cursor:pointer;box-shadow:20px 20px 60px #0000001a}.lp-book-3d-mesh.state-open{transform:rotateY(-20deg) translate(100px)}.lp-book-3d-panel{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;transform-style:preserve-3d;border-radius:4px 12px 12px 4px;box-shadow:inset 3px 0 10px #0000000d}.lp-panel-front{z-index:5;transform-origin:left;transition:transform 1.2s cubic-bezier(.645,.045,.355,1);background:#1a1f3a}.state-open .lp-panel-front{transform:rotateY(-165deg)}.lp-panel-cover-art{width:100%;height:100%;background-size:cover;background-position:center;border-radius:inherit;position:relative;overflow:hidden}.lp-panel-cover-content{position:absolute;bottom:0;left:0;right:0;padding:40px 30px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff}.lp-panel-title{font-family:var(--lp-serif);font-size:1.8rem;margin-bottom:8px;line-height:1.2}.lp-panel-author{font-size:.9rem;opacity:.8;letter-spacing:1px;text-transform:uppercase}.lp-panel-page{z-index:4;background:#fff9f0;padding:40px}.lp-panel-page-inner{height:100%;display:flex;flex-direction:column}.lp-panel-detail-img{width:100%;height:180px;object-fit:cover;border-radius:6px;margin-bottom:24px;box-shadow:0 4px 15px #0000001a}.lp-panel-subject{font-family:var(--lp-serif);font-size:1.5rem;color:var(--lp-navy);margin-bottom:12px}.lp-panel-text{font-size:1rem;line-height:1.7;color:#4b5563;flex-grow:1}.lp-panel-number{font-size:.8rem;color:var(--lp-gold-dark);text-align:right;border-top:1px solid rgba(0,0,0,.05);padding-top:12px;font-weight:600}.lp-panel-back{z-index:3;background:#e5e7eb;transform:translateZ(-2px);box-shadow:5px 5px 30px #0000001a}.lp-book-loading-container{height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.lp-spinner-ring{width:60px;height:60px;border:4px solid rgba(201,169,110,.1);border-top:4px solid var(--lp-gold);border-radius:50%;animation:lp-spin 1s linear infinite}.lp-interactive-instruction{text-align:center;font-size:1rem;color:var(--lp-text-light);font-weight:500;margin-top:20px;animation:lp-pulse 2s infinite}@media(max-width:768px){.lp-book-3d-mesh{width:280px;height:400px}.lp-book-3d-mesh.state-open{transform:rotateY(-15deg) translate(40px) scale(.9)}.lp-panel-page{padding:25px}.lp-panel-title{font-size:1.5rem}}.lp-panel-click-hints{position:absolute;inset:0;display:flex;pointer-events:none;z-index:10}.lp-hint-left,.lp-hint-right{flex:1;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;letter-spacing:2px;color:var(--lp-gold-dark);opacity:0;transition:opacity .3s;background:linear-gradient(to right,rgba(0,0,0,.02),transparent)}.lp-hint-right{background:linear-gradient(to left,rgba(0,0,0,.02),transparent)}.lp-panel-page:hover .lp-hint-left,.lp-panel-page:hover .lp-hint-right{opacity:1}.lp-panel-detail-img-placeholder{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.lp-panel-detail-img-placeholder:after{content:"Story Visual";font-size:.8rem;color:var(--lp-text-muted)}.lp-book-3d-mesh-expanded{width:350px;height:480px;position:relative;transition:all .8s cubic-bezier(.645,.045,.355,1)}.lp-book-3d-mesh-expanded.is-expanded{width:900px}.lp-fixed-cover{width:100%;height:100%;cursor:pointer;box-shadow:0 20px 50px #0003;border-radius:4px 12px 12px 4px;position:relative;transition:transform .3s}.lp-fixed-cover:hover{transform:translateY(-10px) rotateY(-5deg)}.lp-cover-hint{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;letter-spacing:2px;opacity:0;transition:opacity .3s;border-radius:inherit}.lp-fixed-cover:hover .lp-cover-hint{opacity:1}.lp-book-spread{display:flex;width:100%;height:100%;background:#fff;box-shadow:0 30px 80px #0003;border-radius:8px;overflow:hidden;cursor:pointer;animation:lp-spread-reveal .8s forwards}@keyframes lp-spread-reveal{0%{transform:scaleX(.4);opacity:0}to{transform:scaleX(1);opacity:1}}.lp-spread-page{flex:1;background:#fff9f0;padding:50px;position:relative}.lp-spread-gutter{width:40px;background:linear-gradient(to right,#ddd,#eee,#ddd);box-shadow:inset 0 0 20px #0000001a}.lp-page-chapter-title{font-family:var(--lp-serif);font-size:1.8rem;color:var(--lp-navy);margin-bottom:24px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:12px}.lp-page-q-item{font-size:1.1rem;line-height:1.8;margin-bottom:15px;color:var(--lp-text)}.lp-page-q-item span{color:var(--lp-gold-dark);font-weight:800}.lp-spread-img{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:20px}.lp-spread-hints{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 40px;pointer-events:none;font-size:.75rem;font-weight:800;color:var(--lp-gold-dark);letter-spacing:1px}.lp-page-number{position:absolute;bottom:20px;width:100%;left:0;text-align:center;font-size:.8rem;opacity:.5}.lp-page-intro-spread h1{font-family:var(--lp-serif);font-size:2.5rem;margin-bottom:20px}@media(max-width:1024px){.lp-book-3d-mesh-expanded.is-expanded{width:100%;height:auto;min-height:600px}.lp-book-spread{flex-direction:column}.lp-spread-gutter{width:100%;height:2px}}.lp-page-desc-text{font-size:1.15rem;line-height:1.8;color:var(--lp-text);font-style:italic;opacity:.9}.lp-book-opened-view{width:100%;height:100%;background:#fff;border-radius:8px;box-shadow:0 40px 100px #0000004d;overflow:hidden;display:flex;flex-direction:column;position:relative;animation:lp-book-open-wide .8s cubic-bezier(.645,.045,.355,1);margin-bottom:80px!important;padding-bottom:0}@keyframes lp-book-open-wide{0%{transform:scaleX(.3) scaleY(.9);opacity:0}to{transform:scaleX(1) scaleY(1);opacity:1}}.lp-book-opened-scroll-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;position:relative}.lp-book-opened-scroll-container .content-header{display:none!important}.lp-book-opened-scroll-container .wonderbly-preview-section{padding-top:2rem!important;min-height:auto!important}.lp-view-controls{position:absolute;top:20px;right:20px;z-index:1000}.lp-btn-close-book{padding:10px 20px;background:var(--lp-navy);color:#fff;border:none;border-radius:30px;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #0003;transition:all .3s}.lp-btn-close-book:hover{background:var(--lp-gold-dark);transform:scale(1.05)}.is-expanded{width:1100px!important;height:700px!important}@media(max-width:1100px){.is-expanded{width:95vw!important;height:80vh!important}}.lp-book-modal-overlay{position:fixed;inset:0;background:#0a0a19f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:lp-fade-in .4s ease}.lp-book-modal-container.lp-premium-view{width:100%;max-width:1200px;height:90vh;background:#fff;border-radius:12px;position:relative;box-shadow:0 50px 100px #00000080;overflow:hidden;display:flex;flex-direction:column}.lp-book-modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:var(--lp-navy);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:all .3s;font-size:1.2rem}.lp-book-modal-close:hover{background:var(--lp-gold-dark);transform:rotate(90deg)}.lp-book-modal-scroll-wrap{flex:1;overflow-y:auto;height:100%}.lp-book-modal-scroll-wrap .content-header{display:none!important}.lp-book-modal-fallback{display:flex;height:100%;background:#faf7f2}.lp-book-modal-fallback .lp-book-modal-cover{flex:1;height:100%;background-size:cover;background-position:center;position:relative}.lp-book-modal-cover-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:60px}.lp-rash-cover-title{font-family:Playfair Display,serif;font-size:3rem;color:#fff;margin-bottom:15px}.lp-rash-cover-author{color:var(--lp-gold-light);font-size:1.2rem;font-style:italic}.lp-fallback-message{flex:1;padding:80px;display:flex;flex-direction:column;justify-content:center}.lp-fallback-message h3{font-family:Playfair Display,serif;font-size:2.2rem;color:var(--lp-navy);margin-bottom:25px}.lp-fallback-message p{font-size:1.1rem;line-height:1.8;color:#64748b;margin-bottom:40px}@media(max-width:900px){.lp-book-modal-fallback{flex-direction:column}.lp-book-modal-fallback .lp-book-modal-cover{height:40%}.lp-fallback-message{padding:40px}}.lp-page-scrollable{height:100%;overflow-y:auto;padding-right:15px;scrollbar-width:thin;scrollbar-color:var(--lp-gold-light) transparent}.lp-page-scrollable::-webkit-scrollbar{width:4px}.lp-page-scrollable::-webkit-scrollbar-thumb{background:var(--lp-gold-light);border-radius:10px}.lp-page-inner-img{width:100%;height:auto;max-height:200px;object-fit:cover;border-radius:6px;margin-bottom:20px;box-shadow:0 4px 12px #0000001a}.lp-page-content-text{font-size:.95rem;line-height:1.8;color:#4b5563;text-align:justify}.lp-page-content-text p{margin-bottom:15px}.lp-pagenum{font-size:.75rem;position:sticky;bottom:-50px;text-align:center;opacity:.4;padding:10px 0}.lp-page-finale{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#c9a84c0d;border-radius:12px;padding:30px}.lp-page-finale h3{font-family:var(--lp-serif);font-size:1.8rem;color:var(--lp-navy);margin-bottom:15px}.lp-spread-overlays{position:absolute;inset:0;display:flex;pointer-events:none;z-index:100}.lp-side-label-left,.lp-side-label-right{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:20px;font-size:.7rem;font-weight:800;letter-spacing:2px;color:var(--lp-gold-dark);opacity:0;transition:opacity .3s}.lp-book-spread:hover .lp-side-label-left,.lp-book-spread:hover .lp-side-label-right{opacity:.6}.lp-interactive-3d-section{padding:80px 0 120px;background:linear-gradient(135deg,#faf8f2,#f0ece0)}.lp-interactive-3d-header{text-align:center;margin-bottom:48px}.lp-book-3d-viewport{display:flex;justify-content:center;align-items:center;min-height:620px;padding:0 24px 60px}.lp-book-viewport-open{padding:0 16px 48px;max-width:1400px;margin:0 auto;width:100%}.lp-book-3d-mesh-expanded{width:100%;max-width:1100px;display:flex;justify-content:center}.lp-fixed-cover{position:relative;cursor:pointer;border-radius:4px 12px 12px 4px;overflow:visible;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;width:450px;height:500px;max-width:85vw;transform-origin:center bottom}.lp-panel-cover-art{width:100%;height:660px;max-height:80vh;background-size:cover;background-position:center;background-color:#2a1a0e;position:relative;display:flex;align-items:flex-end;border-radius:4px 12px 12px 4px;overflow:hidden}.lp-panel-cover-content{position:absolute;bottom:0;left:0;right:0;padding:40px 28px 28px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 60%,transparent 100%)}.lp-panel-title{font-family:Playfair Display,Georgia,serif;font-size:1.8rem;font-weight:800;color:#fff;margin:0 0 8px;text-shadow:0 3px 12px rgba(0,0,0,.6);line-height:1.2}.lp-panel-author{font-size:.95rem;color:#ffffffd9;margin:0;font-style:italic;letter-spacing:.5px}.lp-cover-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:3px;padding:10px 20px;border-radius:24px;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.3)}.lp-book-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px 40px;color:var(--lp-gold-dark);font-size:1rem;font-weight:500;text-align:center;background:#faf8f2cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;margin:40px auto;max-width:400px;box-shadow:0 10px 40px #0000000d}.lp-spinner-ring{width:60px;height:60px;border:3px solid rgba(201,169,110,.1);border-top-color:var(--lp-gold);border-radius:50%;animation:lp-spin 1s cubic-bezier(.5,.1,.4,.9) infinite,lp-pulse 2s ease-in-out infinite}@keyframes lp-spin{to{transform:rotate(360deg)}}@keyframes lp-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.lp-book-loading-container span{font-family:var(--lp-serif);animation:lp-fadeText 2s infinite}@keyframes lp-fadeText{0%,to{opacity:1}50%{opacity:.6}}.lp-book-opened-view{width:100%;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #00000038;background:#fff;animation:lp-bookOpen .4s ease-out;margin-bottom:60px}@keyframes lp-bookOpen{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lp-book-opened-scroll-container{max-height:80vh;overflow-y:auto;overflow-x:hidden}.lp-book-opened-scroll-container::-webkit-scrollbar{width:6px}.lp-book-opened-scroll-container::-webkit-scrollbar-track{background:#f5f0e8}.lp-book-opened-scroll-container::-webkit-scrollbar-thumb{background:var(--lp-gold);border-radius:3px}.lp-view-controls{position:absolute;top:16px;right:16px;z-index:50}.lp-btn-close-book{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#1a1f3ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.lp-btn-close-book:hover{background:#c9a96ee6;transform:scale(1.05)}.lp-interactive-instruction{text-align:center;margin-top:24px;font-size:.88rem;color:var(--lp-text-muted);font-style:italic}.lp-book-modal-html-content{margin-top:15px;padding-bottom:20px}.lp-book-modal-html-content p{margin-bottom:20px;color:#4b5563;font-size:.95rem;line-height:1.7;text-align:justify}.lp-book-modal-html-content h2{font-family:var(--lp-serif);font-size:1.1rem;color:var(--lp-navy);margin-top:25px;margin-bottom:15px;border-bottom:1px solid rgba(201,169,110,.2);padding-bottom:8px}.lp-testimonial-text-collapsed{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;line-clamp:5}.lp-read-more-btn{background:none;border:none;color:var(--lp-gold);font-size:.85rem;font-weight:600;cursor:pointer;padding:0;margin-top:5px;text-decoration:underline;transition:color .2s;display:block;width:fit-content;text-align:left}.lp-read-more-btn:hover{color:var(--lp-navy)}@media(max-width:480px){.lp-testimonial{padding:24px!important;margin:0!important;width:100%!important;box-sizing:border-box;border-radius:20px;min-height:280px;display:flex;flex-direction:column;justify-content:flex-start;gap:12px}.lp-testimonials-viewport{overflow:hidden;padding:10px 4px}.lp-testimonials-slider{padding:0 16px}.lp-testimonial-author{margin-top:auto!important;padding-top:12px}}.lp-footer{background:#0d3330;padding:80px 0 40px;color:#fff;position:relative;z-index:10}@media(max-width:768px){.lp-footer{padding:60px 0 30px}}.lp-footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1fr;gap:60px;margin-bottom:60px}@media(max-width:1024px){.lp-footer-grid{grid-template-columns:1fr 1fr;gap:40px}}@media(max-width:768px){.lp-footer{padding:60px 0 40px}.lp-footer-grid{grid-template-columns:repeat(2,1fr);gap:32px 16px;margin-bottom:40px}.lp-footer-brand-col{grid-column:span 1;max-width:100%;text-align:left}.lp-footer-logo-wrapper{justify-content:flex-start;margin-bottom:16px}.lp-footer-logo-text h3{font-size:1.35rem}.lp-footer-desc{max-width:100%;margin:0 0 20px;font-size:.85rem;line-height:1.4;color:#ffffff80}.lp-footer-socials{justify-content:flex-start;gap:10px}.lp-social-circle{width:36px;height:36px}.lp-footer-links-col{grid-column:span 1}.lp-footer-links-col h4{margin-bottom:16px;font-size:.95rem;letter-spacing:.5px}.lp-footer-links-col ul{align-items:flex-start;gap:10px}.lp-footer-links-col a{font-size:.85rem}.lp-footer-links-col:last-child{grid-column:span 1;margin-top:0}.lp-footer-badge-wrap{margin-top:24px;width:100%}.lp-footer-india-badge{padding:10px 12px;border-radius:10px}.lp-india-flag{font-size:.85rem;margin-bottom:4px}.lp-dpdp{font-size:.75rem}}@media(max-width:480px){.lp-footer-grid{gap:32px 12px}.lp-footer-desc{display:none}.lp-footer-bottom-area{flex-direction:column;align-items:center;text-align:center;gap:16px}.lp-footer-legal-btns{justify-content:center;width:100%}}@media(max-width:360px){.lp-footer-grid{grid-template-columns:1fr}}.lp-footer-brand-col{max-width:380px}.lp-footer-logo-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:24px}.lp-footer-logo-icon{color:#ffb1c1;display:flex;align-items:center}.lp-footer-logo-text h3{margin:0;font-size:1.5rem;color:#fff;font-weight:700;letter-spacing:-.5px}.lp-footer-desc{font-size:1rem;line-height:1.62;margin-bottom:30px;color:#ffffffa6;max-width:320px}.lp-footer-socials{display:flex;gap:16px}.lp-social-circle{width:44px;height:44px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fffc;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.lp-social-circle:hover{background:#ffffff2e;color:#fff;transform:translateY(-4px);border:1px solid rgba(255,255,255,.3)}.lp-footer-links-col h4{color:#00e5c0;font-size:1.15rem;font-weight:700;margin-bottom:24px;text-transform:capitalize}.lp-footer-links-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.lp-footer-links-col a{color:#ffffffa6;text-decoration:none;font-size:1rem;transition:all .2s ease;display:inline-block}.lp-footer-links-col a:hover{color:#00e5c0;padding-left:2px}.lp-footer-badge-wrap{margin-top:35px}.lp-footer-india-badge{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;display:inline-block;width:100%}.lp-india-flag{font-size:1rem;color:#fffffff2;font-weight:600;display:flex;align-items:center;margin-bottom:6px}.lp-dpdp{font-size:.85rem;color:#ffffff59;letter-spacing:.2px}.lp-footer-bottom-line{height:1px;background:#ffffff14;margin-bottom:30px}.lp-footer-bottom-area{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.lp-footer-copyright{font-size:.9rem;color:#ffffff80}.lp-footer-legal-btns{display:flex;gap:30px}.lp-legal-btn{color:#ffffff80;text-decoration:none;font-size:.95rem;transition:color .25s}.lp-legal-btn:hover{color:#fff}.lp-container{max-width:1400px;margin:0 auto}@media(max-width:1200px){.lp-footer-grid{gap:30px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--page-bg);padding:100px 20px 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:backgroundMove 20s linear infinite;opacity:.3}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.auth-box{background:#fff;padding:30px;border-radius:20px;box-shadow:0 30px 90px #00000040,0 10px 30px #00000026;max-width:850px;width:100%;animation:fadeInUp .6s ease-out;position:relative;z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);display:flex;gap:30px;align-items:center}.auth-box-left{flex:.9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;align-self:stretch}.auth-box-right{flex:1.1;padding:0 10px}.auth-box:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);border-radius:24px 24px 0 0}.auth-box h2{font-size:24px;font-weight:800;margin-bottom:6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;letter-spacing:-.5px}.auth-subtitle{color:#64748b;margin-bottom:0;text-align:center;font-size:13px;font-weight:500}.auth-box form{margin-top:0}.form-group{margin-bottom:14px;position:relative}.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{display:block;margin-bottom:6px;color:#1e293b;font-weight:600;font-size:13px;letter-spacing:.2px;transition:color .3s ease}.form-group:focus-within label{color:#6366f1}.form-group input{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;background:#f8fafc;font-weight:500}.form-group input:hover{border-color:#cbd5e1;background:#fff}.form-group input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a,0 4px 12px #6366f126;transform:translateY(-2px)}.form-group input::placeholder{color:#94a3b8;font-weight:400}.form-group select{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;background:#f8fafc;font-weight:500;cursor:pointer}.form-group select:hover{border-color:#cbd5e1;background:#fff}.form-group select:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a,0 4px 12px #6366f126}.btn-primary{width:100%;max-width:400px;padding:11px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);background-size:200% 100%;background-position:left;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin:15px auto 0;display:block;box-shadow:0 4px 15px #6366f166;letter-spacing:.3px;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #6366f180;background-position:right}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.social-login-buttons{display:flex;flex-direction:row;gap:12px;margin-bottom:5px}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-btn svg{flex-shrink:0}.social-btn-google{background:#fff;border-color:#d1d5db;color:#374151}.social-btn-google:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.social-btn-facebook{background:#1877f2;border-color:#1877f2;color:#fff}.social-btn-facebook:hover:not(:disabled){background:#166fe5;border-color:#166fe5;box-shadow:0 4px 12px #1877f24d;transform:translateY(-2px)}.auth-divider{position:relative;text-align:center;margin:30px 0}.auth-divider:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent)}.auth-divider span{position:relative;background:#fff;padding:0 15px;color:#64748b;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.auth-link{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #f1f5f9;color:#64748b;font-size:13px;font-weight:500}.auth-link a{color:#6366f1;text-decoration:none;font-weight:700;transition:all .3s ease;position:relative;padding-bottom:2px}.error-text{color:#ef4444;font-size:13px;margin-top:8px;display:flex;align-items:center;gap:6px;font-weight:500;animation:shake .3s ease}.error-text:before{content:"⚠";font-size:14px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success-text{color:#10b981;font-size:13px;margin-top:8px;display:flex;align-items:center;gap:6px;font-weight:500}.success-text:before{content:"✓";font-size:14px;font-weight:700}.auth-link a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.auth-link a:hover{color:#4f46e5}.auth-link a:hover:after{width:100%}.forgot-link{display:block;text-align:center;margin-top:12px;color:#6366f1;text-decoration:none;font-size:13px;font-weight:600;transition:all .3s ease;position:relative;padding-bottom:2px}.forgot-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.forgot-link:hover{color:#4f46e5}.forgot-link:hover:after{width:100%}.auth-features{display:flex;justify-content:center;gap:30px;margin:35px 0 20px;padding:25px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:1px solid #e2e8f0}.auth-feature{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.auth-feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 12px #6366f14d}.auth-feature-text{font-size:12px;font-weight:600;color:#475569;text-align:center}.auth-mobile-header{display:none;text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}@media(max-width:860px){.auth-box{flex-direction:column;max-width:520px;gap:0;padding:0;border-radius:20px;overflow:hidden}.auth-box-left{min-height:auto;padding:28px 24px 20px;border-radius:0;align-self:auto;flex:none;width:100%}.auth-box-right{padding:24px 28px 28px;flex:none;width:100%;box-sizing:border-box}.form-group-row{grid-template-columns:1fr 1fr;gap:12px}.social-login-buttons{gap:8px}.social-btn{padding:10px 14px;font-size:13px}.auth-divider{margin:16px 0}}@media(max-width:640px){.auth-container{padding:150px 16px 16px;align-items:flex-start;min-height:calc(100vh - 150px)}.auth-box{max-width:100%;border-radius:20px;gap:0;padding:0;box-shadow:0 10px 40px #0000001a;overflow:hidden}.auth-box-left{display:none}.auth-box-right{padding:30px 24px;width:100%;box-sizing:border-box}.auth-box-right:before{content:"";display:block;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);margin:-30px -24px 20px;border-radius:20px 20px 0 0}.form-group{margin-bottom:12px}.form-group label{font-size:12px;margin-bottom:5px}.form-group input,.form-group select{padding:10px 12px;font-size:14px;border-radius:8px}.form-group-row{grid-template-columns:1fr 1fr;gap:10px}.social-btn{padding:10px 14px;font-size:13px;gap:8px;border-radius:8px}.btn-primary{padding:12px 20px;font-size:14px;margin-top:8px;border-radius:8px;max-width:100%}.btn-secondary{padding:11px 16px;font-size:13px;border-radius:8px}.auth-divider{margin:20px 0}.auth-divider span{font-size:11px;letter-spacing:.5px}.auth-link{font-size:12px;margin-top:16px;padding-top:14px}.forgot-link{font-size:12px;margin-top:10px}.error-text{font-size:11.5px;margin-top:5px}.auth-features{flex-direction:column;gap:14px;padding:16px;margin:16px 0 10px}.auth-feature{flex-direction:row;justify-content:flex-start;gap:10px}.auth-feature-icon{width:36px;height:36px;font-size:18px;border-radius:9px;flex-shrink:0}.auth-feature-text{font-size:11px;text-align:left}}@media(max-width:480px){.auth-container{padding:30px 10px 10px}.auth-box-right{padding:20px 16px 24px;margin-top:70px}.auth-box-right:before{margin:-20px -16px 18px}.form-group{margin-bottom:10px}.form-group input,.form-group select{padding:9px 11px;font-size:13.5px}.form-group-row{grid-template-columns:1fr 1fr;gap:10px}.social-login-buttons{flex-direction:column;gap:10px;margin-top:10px}.social-btn{padding:9px 12px;font-size:12.5px}.btn-primary{padding:11px 16px;font-size:13.5px}.auth-link{font-size:11.5px}}@media(max-width:380px){.auth-container{padding:20px 8px 8px}.auth-box-right{padding:18px 14px 20px}.auth-box-right:before{margin:-18px -14px 16px}.form-group input,.form-group select{padding:8px 10px;font-size:13px}.social-btn{padding:9px 10px;font-size:12px}.btn-primary{padding:10px 14px;font-size:13px}}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column;padding-top:70px}.dashboard-container{display:flex;flex:1;position:relative;min-height:calc(100vh - 70px)}.dashboard-main{flex:1;margin-left:260px;padding:0;background:var(--page-bg);overflow-y:auto;min-height:calc(100vh - 70px)}.dashboard-container:has(.sidebar.sidebar-hover-collapse) .dashboard-main{margin-left:70px!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.dashboard-container:has(.sidebar.sidebar-hover-collapse:hover) .dashboard-main{margin-left:260px!important}.sidebar.sidebar-hover-collapse{width:70px!important;opacity:.9;background:var(--bg-sidebar-primary);border-right:1px solid rgba(255,255,255,.1);transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,box-shadow .3s ease;overflow:hidden;cursor:pointer}.sidebar.sidebar-hover-collapse:hover{width:260px!important;opacity:1;box-shadow:10px 0 30px #00000040}@media(max-width:768px){.dashboard-main{margin-left:0}}.navbar{background:var(--bg-header);border-bottom:1px solid rgba(255,255,255,.1);padding:0 30px;height:70px;position:fixed;top:0;left:0;right:0;z-index:100}.navbar-container{max-width:1600px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#1a1a1a;font-size:24px;font-weight:700}.brand-icon{display:flex;align-items:center}.brand-name{font-size:26px;font-weight:800;color:#fff;letter-spacing:-.5px}.navbar-menu{display:flex;gap:30px}.nav-link{text-decoration:none;color:#ffffffb3;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#6366f1}.navbar-actions{display:flex;align-items:center;gap:20px}.notification-btn{position:relative;background:none;border:none;cursor:pointer;color:#fff}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid #e5e5e5;cursor:pointer;background:none;padding:0}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.user-menu{position:relative}.dropdown-menu{position:absolute;top:50px;right:0;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;z-index:1000}.dropdown-header{padding:12px 16px;border-bottom:1px solid #e5e5e5}.user-name{font-weight:600;color:#fff;margin-bottom:4px}.user-email{font-size:12px;color:#666}.dropdown-item{display:block;padding:10px 16px;text-decoration:none;color:#666;transition:background .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.logout{color:#ef4444;border-top:1px solid #e5e5e5}.sidebar{width:260px;background:var(--bg-sidebar-primary);border-right:1px solid rgba(255,255,255,.05);padding:20px 0;position:fixed;top:70px;left:0;height:calc(100vh - 70px);overflow:hidden;z-index:50;display:flex;flex-direction:column;transition:transform .3s ease}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-content{flex:1;display:flex;flex-direction:column}.sidebar-nav{display:flex;flex-direction:column;gap:5px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:5px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;color:#ffffffb3;transition:all .3s ease;border-left:3px solid transparent}.sidebar-item.active{background:var(--bg-sidebar-secondary);color:#fff;border-left-color:#6366f1}.sidebar-icon{font-size:20px}.sidebar-label{font-weight:500}.sidebar.sidebar-hover-collapse .sidebar-item{white-space:nowrap;overflow:hidden}.sidebar.sidebar-hover-collapse .sidebar-icon{flex-shrink:0;min-width:20px;text-align:center}.sidebar.sidebar-hover-collapse .sidebar-label{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;white-space:nowrap}.sidebar.sidebar-hover-collapse:hover .sidebar-label{opacity:1;visibility:visible;pointer-events:auto}.sidebar-footer{padding:20px 15px;border-top:1px solid rgba(255,255,255,.05);background:var(--bg-sidebar-primary);margin-top:auto}.sidebar-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff!important;border:none;border-left:none!important;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef444433;white-space:nowrap;overflow:hidden}.sidebar-logout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d;color:#fff!important}.sidebar-logout .sidebar-icon{font-size:18px;flex-shrink:0}.sidebar.sidebar-hover-collapse .sidebar-logout{white-space:nowrap;overflow:hidden}.sidebar.sidebar-hover-collapse .sidebar-logout .sidebar-icon{flex-shrink:0}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:20px}.stat-icon{font-size:32px;flex-shrink:0}.stat-content h3{font-size:28px;margin-bottom:5px}.stat-content p{color:#666;font-size:14px}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:20px}.recent-section,.quick-actions{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.recent-section h2,.quick-actions h2{margin-bottom:20px;font-size:20px}.action-buttons{display:flex;flex-direction:column;gap:12px}.action-btn{display:flex;align-items:center;gap:12px;padding:15px;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;text-decoration:none;color:inherit}.action-btn:hover{background:#e5e5ff;color:#6366f1}.action-btn.premium{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;box-shadow:0 4px 12px #6366f14d}.action-btn.premium:hover{background:linear-gradient(135deg,#5558e3,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.dashboard-page{padding:32px;max-width:1400px;margin:0 auto}.dashboard-welcome{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:48px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative;overflow:hidden}.dashboard-welcome:before{content:"";position:absolute;width:300px;height:300px;background:#ffffff1a;border-radius:50%;top:-100px;right:-100px}.welcome-content h1{margin:0 0 12px;font-size:36px;font-weight:800;position:relative;z-index:1}.welcome-content p{margin:0;font-size:18px;opacity:.9;position:relative;z-index:1}.btn-gradient{background:#fff;color:#667eea;padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 8px 24px #00000026;position:relative;z-index:1}.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;padding:28px;border-radius:16px;box-shadow:0 4px 16px #00000014;position:relative;overflow:hidden;transition:all .3s ease}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stat-card.gradient-purple:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card.gradient-blue:before{background:linear-gradient(90deg,#4facfe,#00f2fe)}.stat-card.gradient-green:before{background:linear-gradient(90deg,#43e97b,#38f9d7)}.stat-card.gradient-orange:before{background:linear-gradient(90deg,#fa709a,#fee140)}.stat-icon{font-size:48px;margin-bottom:16px;display:inline-block}.stat-content h3{margin:0 0 8px;font-size:36px;font-weight:800;color:#1e293b}.stat-content p{margin:0;font-size:14px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-link{display:inline-block;margin-top:16px;color:#667eea;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s ease}.stat-link:hover{color:#4f46e5}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}.dashboard-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:28px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.card-header h2{margin:0;font-size:20px;font-weight:700;color:#1e293b}.badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;transition:all .3s ease}.activity-item:hover{background:#f1f5f9;transform:translate(4px)}.activity-icon{font-size:32px;flex-shrink:0}.activity-details h4{margin:0 0 6px;font-size:16px;font-weight:600;color:#1e293b}.activity-details p{margin:0;font-size:13px;color:#64748b}.quick-actions .action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-actions .action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:#1e293b;font-weight:600;font-size:14px;text-align:center}.quick-actions .action-btn span{font-size:32px}.quick-actions .action-btn:hover{background:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26;color:#667eea}.tips-section{margin-bottom:0}.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tip-item{text-align:center;padding:24px;background:#f8fafc;border-radius:12px;transition:all .3s ease}.tip-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateY(-2px)}.tip-icon{font-size:40px;display:block;margin-bottom:12px}.tip-item h4{margin:0 0 8px;font-size:16px;font-weight:700;color:#1e293b}.tip-item p{margin:0;font-size:14px;color:#64748b;line-height:1.5}@media(max-width:1024px){.dashboard-grid,.tips-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-page{padding:20px}.dashboard-welcome{flex-direction:column;text-align:center;padding:32px 24px;gap:20px}.welcome-content h1{font-size:28px}.stats-grid{grid-template-columns:1fr 1fr;gap:16px}}@media(max-width:480px){.stats-grid,.quick-actions .action-buttons{grid-template-columns:1fr}}.chatbot-fab{position:fixed;bottom:28px;right:28px;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;cursor:pointer;box-shadow:0 8px 32px #6366f173;display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .3s cubic-bezier(.34,1.56,.64,1);outline:none}.chatbot-fab:hover{transform:scale(1.12) rotate(-8deg);box-shadow:0 12px 40px #6366f199}.chatbot-fab:active{transform:scale(.96)}.chatbot-fab-icon{font-size:26px;color:#fff;line-height:1;transition:transform .3s ease}.chatbot-fab.open .chatbot-fab-icon{transform:rotate(90deg)}.chatbot-badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.chatbot-window{position:fixed;bottom:104px;right:28px;width:380px;height:560px;background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 32px 80px #0000002e,0 0 0 1px #ffffffb3,inset 0 1px #ffffffe6;z-index:9998;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(229,231,235,.6);animation:chatSlideIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes chatSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{background:linear-gradient(135deg,#6366f1,#8b5cf6 60%,#a855f7);padding:18px 20px;display:flex;align-items:center;gap:14px;flex-shrink:0;position:relative;overflow:hidden}.chatbot-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff14;border-radius:50%}.chatbot-avatar{width:44px;height:44px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.chatbot-header-info{flex:1;min-width:0}.chatbot-header-name{font-size:16px;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.chatbot-header-status{font-size:12px;color:#fffc;display:flex;align-items:center;gap:5px;margin-top:2px}.status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;display:inline-block;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.chatbot-close-btn{background:#ffffff2e;border:none;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .2s;flex-shrink:0}.chatbot-close-btn:hover{background:#ffffff4d}.chatbot-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.chatbot-messages::-webkit-scrollbar{width:4px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.chatbot-welcome{text-align:center;padding:12px 8px}.chatbot-welcome-emoji{font-size:40px;display:block;margin-bottom:8px;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-10deg)}}.chatbot-welcome h3{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 6px}.chatbot-welcome p{font-size:13px;color:#6b7280;margin:0 0 14px;line-height:1.5}.quick-questions-label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.quick-questions{display:flex;flex-direction:column;gap:7px;text-align:left}.quick-q-btn{background:linear-gradient(135deg,#6366f112,#8b5cf612);border:1.5px solid rgba(99,102,241,.18);color:#4f46e5;padding:9px 14px;border-radius:12px;cursor:pointer;font-size:12.5px;font-weight:500;text-align:left;transition:all .2s ease;line-height:1.4}.quick-q-btn:hover{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f166;transform:translate(4px)}.chat-message{display:flex;gap:10px;align-items:flex-end;animation:messageIn .3s ease}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{flex-direction:row-reverse}.msg-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.chat-message.user .msg-avatar{background:linear-gradient(135deg,#ec4899,#f43f5e)}.msg-bubble{max-width:78%;padding:11px 14px;border-radius:18px;font-size:13.5px;line-height:1.55;word-break:break-word;position:relative}.chat-message.bot .msg-bubble{background:#fff;color:#1f2937;border:1.5px solid #f3f4f6;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000f}.chat-message.user .msg-bubble{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-bottom-right-radius:4px}.chatbot-not-found{display:flex;flex-direction:column;gap:8px}.chatbot-not-found p{margin:0;color:#6b7280}.suggested-qs{display:flex;flex-direction:column;gap:5px;margin-top:4px}.suggested-q-btn{background:#6366f114;border:1px solid rgba(99,102,241,.2);color:#4f46e5;padding:7px 10px;border-radius:10px;cursor:pointer;font-size:12px;text-align:left;transition:all .2s}.suggested-q-btn:hover{background:#6366f126}.typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 14px;background:#fff;border:1.5px solid #f3f4f6;border-radius:18px 18px 18px 4px;width:fit-content;box-shadow:0 2px 8px #0000000f}.typing-dot{width:7px;height:7px;border-radius:50%;background:#9ca3af;animation:typingBounce 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.chatbot-input-area{padding:14px 16px;border-top:1px solid #f3f4f6;display:flex;align-items:center;gap:10px;background:#fff;flex-shrink:0}.chatbot-input{flex:1;border:1.5px solid #e5e7eb;border-radius:22px;padding:10px 16px;font-size:13.5px;outline:none;background:#f9fafb;color:#1f2937;transition:all .2s;font-family:inherit;resize:none;line-height:1.4}.chatbot-input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.chatbot-input::placeholder{color:#9ca3af}.chatbot-send-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;transition:all .25s ease;flex-shrink:0;box-shadow:0 4px 14px #6366f166}.chatbot-send-btn:hover{transform:scale(1.08) rotate(-5deg);box-shadow:0 6px 20px #6366f180}.chatbot-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.chatbot-categories{padding:0 16px 12px;display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #f3f4f6;flex-shrink:0}.category-chip{padding:4px 10px;border-radius:20px;border:1.5px solid transparent;background:#0000000a;color:#6b7280;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.category-chip.active{background:#6366f11a;border-color:#6366f1;color:#4f46e5}.category-chip:hover{background:#6366f114}@media(max-width:480px){.chatbot-window{width:calc(100vw - 20px);right:10px;bottom:90px;height:calc(100vh - 110px);max-height:580px}.chatbot-fab{bottom:16px;right:16px}}[data-theme=dark] .chatbot-window{background:#111827f7;border-color:#37415199}[data-theme=dark] .chat-message.bot .msg-bubble{background:#1f2937;color:#f9fafb;border-color:#374151}[data-theme=dark] .chatbot-input-area{background:#111827;border-color:#374151}[data-theme=dark] .chatbot-input{background:#1f2937;border-color:#374151;color:#f9fafb}[data-theme=dark] .chatbot-welcome h3{color:#f9fafb}[data-theme=dark] .category-chip{background:#ffffff12;color:#9ca3af}.chatbot-admin-page{padding:30px;width:100%;font-family:Inter,-apple-system,sans-serif}.chatbot-admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.chatbot-admin-title{display:flex;align-items:center;gap:14px}.chatbot-admin-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 24px #6366f159}.chatbot-admin-title h1{font-size:26px;font-weight:800;color:var(--text-card-primary, #1a1a1a);margin:0}.chatbot-admin-title p{font-size:14px;color:#6b7280;margin:4px 0 0}.chatbot-admin-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-add-qa{padding:12px 22px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s;box-shadow:0 4px 14px #6366f159}.btn-add-qa:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f173}.btn-reset-qa{padding:12px 18px;border-radius:12px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s}.btn-reset-qa:hover{border-color:#ef4444;color:#ef4444}.chatbot-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:28px}.stat-card-chatbot{background:#fff;border-radius:16px;padding:20px;text-align:center;border:1px solid #f3f4f6;box-shadow:0 2px 12px #0000000d;transition:transform .2s}.stat-card-chatbot:hover{transform:translateY(-3px)}.stat-card-chatbot .stat-number{font-size:32px;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-chatbot .stat-label{font-size:12px;color:#9ca3af;font-weight:600;margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.qa-form-card{background:#fff;border-radius:20px;padding:28px;margin-bottom:28px;border:2px solid rgba(99,102,241,.2);box-shadow:0 8px 32px #6366f11a}.qa-form-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 20px;display:flex;align-items:center;gap:8px}.qa-form-grid{display:grid;gap:16px}.qa-form-field{display:flex;flex-direction:column;gap:6px}.qa-form-field label{font-size:13px;font-weight:600;color:#374151}.qa-form-field input,.qa-form-field textarea,.qa-form-field select{padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;background:#f9fafb}.qa-form-field textarea{min-height:90px;resize:vertical;line-height:1.5}.qa-form-field input:focus,.qa-form-field textarea:focus,.qa-form-field select:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.qa-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qa-form-actions{display:flex;gap:10px;margin-top:8px}.btn-save-qa{padding:12px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s}.btn-save-qa:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.btn-cancel-qa{padding:12px 20px;border-radius:10px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel-qa:hover{border-color:#6366f1;color:#4f46e5}.qa-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.qa-list-title{font-size:20px;font-weight:700;color:#1f2937;margin:0}.qa-search-input{padding:10px 16px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13.5px;outline:none;transition:all .2s;background:#f9fafb;width:220px}.qa-search-input:focus{border-color:#6366f1;background:#fff}.qa-list{display:flex;flex-direction:column;gap:12px}.qa-item{background:#fff;border-radius:16px;padding:20px;border:1.5px solid #f3f4f6;box-shadow:0 2px 8px #0000000a;transition:all .25s}.qa-item:hover{border-color:#6366f140;box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.qa-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.qa-item-q{font-size:15px;font-weight:700;color:#1f2937;flex:1;line-height:1.4}.qa-item-q:before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#6366f11f;color:#6366f1;font-size:11px;font-weight:800;margin-right:8px;flex-shrink:0;vertical-align:middle}.qa-item-actions{display:flex;gap:6px;flex-shrink:0}.btn-edit-qa,.btn-delete-qa{width:34px;height:34px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .2s}.btn-edit-qa{background:#6366f11a;color:#6366f1}.btn-edit-qa:hover{background:#6366f133}.btn-delete-qa{background:#ef44441a;color:#ef4444}.btn-delete-qa:hover{background:#ef444433}.qa-item-a{font-size:14px;color:#4b5563;line-height:1.6;padding-left:30px;position:relative}.qa-item-a:before{content:"A";position:absolute;left:0;top:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#10b9811f;color:#10b981;font-size:11px;font-weight:800}.qa-item-footer{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid #f9fafb}.qa-category-badge{padding:3px 10px;border-radius:20px;background:#6366f11a;color:#4f46e5;font-size:11px;font-weight:600}.qa-item-order{font-size:11px;color:#9ca3af;margin-left:auto}.qa-empty{text-align:center;padding:48px 20px;color:#9ca3af}.qa-empty-icon{font-size:48px;display:block;margin-bottom:12px}.template-selector-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.template-selector-modal{background:#fff;width:90%;max-width:1000px;max-height:90vh;border-radius:20px;overflow-y:auto;padding:2rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;position:relative}.template-selector-modal.inline{width:100%;max-width:none;box-shadow:none;padding:0;background:transparent}.template-selector-header{text-align:center;margin-bottom:2rem}.template-selector-header h2{font-family:Playfair Display,serif;font-size:2.2rem;color:#1a1a1a;margin-bottom:.5rem}.template-selector-header p{color:#666;font-size:1.1rem}.template-selector-header .close-btn{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:2rem;color:#aaa;cursor:pointer;transition:color .2s}.template-selector-header .close-btn:hover{color:#333}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.template-card{border-radius:12px;border:2px solid #edf2f7;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;background:#fff}.template-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a;border-color:#6366f1}.template-card.active{border-color:#6366f1;background:#f5f7ff}.template-thumbnail{position:relative;height:180px;overflow:hidden;border-bottom:1px solid #edf2f7}.template-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.template-card:hover .template-thumbnail img{transform:scale(1.05)}.active-badge{position:absolute;top:10px;right:10px;background:#6366f1;color:#fff;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:5px;box-shadow:0 4px 6px -1px #0000001a}.template-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#6366f166;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.template-card:hover .template-hover-overlay{opacity:1}.preview-sample-btn{background:#fff;color:#6366f1;border:none;padding:10px 20px;border-radius:8px;font-weight:700;font-size:.95rem;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.preview-sample-btn:hover{background:#6366f1;color:#fff;transform:scale(1.05)}.select-hint{color:#fff;font-size:.85rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.template-info{padding:1rem}.template-info h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:#2d3748}.template-info p{font-size:.9rem;color:#718096;line-height:1.5}.template-selector-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #edf2f7}@media(max-width:640px){.template-selector-modal{padding:1.5rem;width:95%}.template-selector-header h2{font-size:1.8rem}.template-grid{grid-template-columns:1fr}}.content-page{padding:20px;max-width:1400px;margin:0 auto}.page-header{margin-bottom:24px}.page-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 6px}.page-header p{font-size:14px;color:#666;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px}.settings-card{background:#fff;border-radius:12px;border:1px solid #e5e5e5;padding:24px;transition:all .3s ease}.settings-card:hover{box-shadow:0 4px 12px #00000014}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.card-header svg{font-size:20px;color:#6366f1}.card-header h2{font-size:18px;font-weight:600;color:#1a1a1a;margin:0}.form-group label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease;background:#fff}.form-group input::placeholder{color:#999}.btn-primary{width:100%;padding:11px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.btn-primary:active{transform:translateY(0)}.notification-options{display:flex;flex-direction:column;gap:16px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:14px;background:#f9f9f9;border-radius:8px;border:1px solid #f0f0f0}.notification-item h4{font-size:14px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.notification-item p{font-size:12px;color:#666;margin:0}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:26px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.page-hero{background:var(--header-bg-primary);border-radius:12px;padding:28px 32px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--header-text-primary);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026}.page-hero.gradient-blue{background:var(--button-bg-primary)}.page-hero.gradient-green{background:var(--button-success)}.page-hero:before{content:"";position:absolute;width:250px;height:250px;background:#ffffff14;border-radius:50%;top:-80px;right:-80px}.hero-content h1{margin:0 0 6px;font-size:24px;font-weight:700;position:relative;z-index:1;display:flex;align-items:center;gap:10px}.hero-content h1 svg{font-size:22px}.hero-content p{margin:0;font-size:14px;opacity:.92;position:relative;z-index:1;font-weight:400}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;position:relative;z-index:1}.btn-hero{background:#fffffff2;color:var(--header-bg-primary);padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;position:relative;z-index:1;border:1px solid rgba(255,255,255,.2)}.btn-hero:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;background:#fff}.btn-hero:active{transform:translateY(0);box-shadow:0 2px 6px #0000001f}.btn-hero svg{font-size:16px}.content-tabs{display:flex;gap:8px;margin-bottom:24px;background:#f1f5f9;padding:6px;border-radius:12px;width:fit-content}.tab-item{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease;border:none;background:transparent;display:flex;align-items:center;gap:8px}.tab-item:hover{color:#1e293b;background:#ffffff80}.tab-item.active{background:#fff;color:#6366f1;box-shadow:0 2px 8px #00000014}.mine-indicator{background:#6366f1;color:#fff;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;margin-left:8px}.empty-state{text-align:center;padding:60px 32px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014}.empty-state p{margin:0 0 24px;font-size:16px;color:#64748b}.empty-state-modern{text-align:center;padding:80px 32px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014}.empty-state-modern h2{margin:0 0 12px;font-size:28px;font-weight:700;color:#1e293b}.empty-state-modern p{font-size:16px;color:#64748b;max-width:500px;margin:0 auto 32px}.btn-large{display:inline-block;background:var(--button-bg-primary);color:var(--button-text-primary);padding:16px 40px;border-radius:12px;text-decoration:none;font-weight:700;font-size:16px;transition:all .3s ease;box-shadow:0 4px 16px #0000004d}.btn-large:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006;background:var(--button-bg-secondary)}.content-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-mini{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:32px;font-weight:800;color:var(--button-bg-primary);display:block;margin-bottom:8px}.stat-label{font-size:13px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-top:24px}.content-card{background:transparent;width:100%;position:relative;display:flex;flex-direction:column;animation:fadeInUp .5s ease-out;transition:all .3s ease}.content-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);opacity:0;transition:opacity .3s ease}.content-card:hover:before{opacity:1}.content-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #6366f11f;border-color:#c7d2fe}.card-thumbnail{background:#f8fafc;padding:0;text-align:center;position:relative;width:100%;height:400px!important;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000001a}.content-card:hover .card-thumbnail{transform:translateY(-5px);box-shadow:0 12px 25px #00000026}.card-thumbnail:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(0)}}.card-thumbnail.gradient-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom-color:#bfdbfe}.card-thumbnail.gradient-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom-color:#bbf7d0}.card-thumbnail.gradient-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-bottom-color:#e9d5ff}.card-thumbnail.gradient-pink{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-bottom-color:#fbcfe8}.thumbnail-icon{font-size:40px;display:inline-block;opacity:.9;transition:all .3s ease;animation:float 3s ease-in-out infinite;position:relative;z-index:1}.content-card:hover .thumbnail-icon{transform:scale(1.1) rotate(5deg);opacity:1}.card-badge{position:absolute;top:12px;right:12px;background:#fff;color:#6b7280;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.card-body{padding:24px;position:absolute;top:0;left:0;right:0;height:400px;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10;color:#fff;border-radius:12px}.content-card:hover .card-body{opacity:1;visibility:visible}.card-body h3{margin:0 0 12px;font-size:20px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-body p{margin:0;font-size:14px;color:#ffffffe6;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;font-size:13px;color:#64748b;font-weight:500}.card-actions{display:flex;gap:8px;padding:12px 0 0;position:relative;background:transparent;opacity:1;visibility:visible;transition:all .3s ease;z-index:11}.btn-action{flex:1;padding:8px 16px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center}.btn-action.primary{border-color:#6366f1;color:#6366f1;background:#eef2ff}.btn-action.primary:hover{background:#6366f1;color:#fff}.btn-action.success{border-color:#10b981;color:#10b981;background:#ecfdf5}.btn-action.success:hover{background:#10b981;color:#fff}.btn-action.danger{border-color:#fecaca;color:#dc2626;background:#fef2f2}.btn-action.danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}@media(max-width:768px){.content-page{padding:20px}.page-hero{flex-direction:column;text-align:center;padding:32px 24px;gap:24px}.hero-actions{justify-content:center;width:100%}.btn-hero{flex:1;min-width:180px;justify-content:center}.hero-content h1{font-size:28px}.content-grid{grid-template-columns:1fr}.content-stats{grid-template-columns:1fr 1fr}.card-actions{flex-direction:column}}@media(max-width:480px){.content-stats{grid-template-columns:1fr}.notification-item{flex-direction:column;align-items:flex-start;gap:12px}}.content-grid:has(.bio-page-book-item){display:flex;flex-wrap:wrap;gap:56px 48px;grid-template-columns:unset;padding:40px 24px;align-items:flex-start}.bio-page-book-item{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:290px}.bio-page-book-scene{width:240px;height:350px;perspective:1200px;position:relative;cursor:pointer;flex-shrink:0}.bio-page-book-3d{width:100%;height:100%;position:absolute;transform-style:preserve-3d;transform:rotateY(-28deg) rotateX(4deg);transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.bio-page-book-scene:hover .bio-page-book-3d{transform:rotateY(-28deg) rotateX(4deg) translateY(-8px)}.bio-page-book-front,.bio-page-book-back,.bio-page-book-spine,.bio-page-book-pages-right,.bio-page-book-pages-top,.bio-page-book-pages-bottom{position:absolute;backface-visibility:hidden}.bio-page-book-front{width:240px;height:350px;transform:translateZ(23px);background:#2d1b69;border-radius:2px 5px 5px 2px;overflow:hidden;box-shadow:inset 4px 0 10px #0000001a}.bio-page-cover-img{width:100%;height:100%;object-fit:cover;display:block}.bio-page-gloss{position:absolute;inset:0;background:linear-gradient(110deg,#ffffff4d,#fff0 40%);pointer-events:none}.bio-page-book-back{width:240px;height:350px;transform:rotateY(180deg) translateZ(23px);background:#1e1e1e;border-radius:5px 2px 2px 5px}.bio-page-book-spine{width:46px;height:350px;left:-23px;transform:rotateY(-90deg);background:repeating-linear-gradient(to right,#2d1b69,#1e1050,#0f0a2e);border-radius:2px}.bio-page-book-pages-right{width:46px;height:344px;top:3px;left:216px;transform:rotateY(90deg);background:repeating-linear-gradient(to right,#f4f0e6 0px 2px,#e8e2d4 2px 4px);box-shadow:inset 0 0 8px #0000001a}.bio-page-book-pages-top{width:237px;height:46px;top:-20px;left:0;transform:rotateX(90deg);background:#f4f0e6;box-shadow:inset 0 0 8px #0000000d}.bio-page-book-pages-bottom{width:237px;height:46px;top:324px;left:0;transform:rotateX(-90deg);background:#d8d0c0}.bio-page-book-shadow{position:absolute;width:240px;height:350px;transform:translateZ(-23px);box-shadow:-15px 25px 35px #00000080;border-radius:5px;background:transparent;pointer-events:none}.bio-page-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 16px;text-align:center;box-sizing:border-box;z-index:1}.bio-page-placeholder-title{font-size:15px;font-weight:800;color:#fffffff5;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,.6)}.bio-page-info{width:240px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.bio-page-title-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;width:100%}.bio-page-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bio-page-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px}.bio-page-actions .btn-action{flex:0 0 auto;width:auto;height:auto;padding:8px 18px;font-size:13px;font-weight:600;border-radius:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;background:var(--button-bg-primary, #4f46e5);color:#fff;box-shadow:0 4px 10px #4f46e540}.bio-page-actions .btn-action.success{background:var(--button-bg-success, #10b981);color:#fff;box-shadow:0 4px 10px #10b98140}.bio-page-actions .btn-action.danger{background:var(--button-bg-danger, #ef4444);color:#fff;box-shadow:0 4px 10px #ef444440}.bio-page-actions .btn-action:hover{transform:translateY(-2px);box-shadow:0 6px 14px #4f46e559;background:var(--button-bg-secondary, #4338ca)}.bio-page-actions .btn-action.success:hover{background:#059669;box-shadow:0 6px 14px #10b98159}.bio-page-actions .btn-action.danger:hover{background:#dc2626;box-shadow:0 6px 14px #ef444459}@media(max-width:768px){.content-grid:has(.bio-page-book-item){justify-content:center;gap:36px 24px}.bio-page-book-item{width:170px}.bio-page-book-scene,.bio-page-book{width:150px;height:215px}.bio-page-info{width:170px}}@media(max-width:480px){.content-grid:has(.bio-page-book-item){gap:28px 20px}.bio-page-book-item{width:145px}.bio-page-book-scene,.bio-page-book{width:125px;height:185px}.bio-page-info{width:145px}}.back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:20px;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden}.back-button:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:width .3s ease;z-index:-1}.back-button:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff;transform:translate(-4px);box-shadow:0 8px 20px #6366f14d}.back-button:active{transform:translate(-2px) scale(.98);box-shadow:0 4px 12px #6366f133}.back-button svg{transition:transform .3s ease}.back-button:hover svg{transform:translate(-4px);animation:arrowBounce .6s ease infinite}@keyframes arrowBounce{0%,to{transform:translate(-4px)}50%{transform:translate(-8px)}}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}:root{--bcd-primary: #4f46e5;--bcd-primary-hover: #4338ca;--bcd-secondary: #0f172a;--bcd-accent: #10b981;--bcd-bg: #f8fafc;--bcd-surface: #ffffff;--bcd-surface-alt: #f1f5f9;--bcd-text: #1e293b;--bcd-text-muted: #64748b;--bcd-text-light: #94a3b8;--bcd-border: #e2e8f0;--bcd-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--bcd-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--bcd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--bcd-radius: 8px}.bcd-container{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bcd-bg);color:var(--bcd-text);min-height:100vh;padding-bottom:60px;-webkit-font-smoothing:antialiased}.bcd-header{background-color:var(--bcd-secondary);padding:0 32px;height:70px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--bcd-shadow);position:sticky;top:0;z-index:1000}.bcd-title-group h1{font-size:1.25rem;font-weight:600;margin:0;color:#fff;letter-spacing:-.025em;display:flex;align-items:center;gap:12px}.bcd-subtitle{display:none}.bcd-reset-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.bcd-reset-btn:hover{background:#fff3;color:#fff}.bcd-tabs{background:var(--bcd-surface);border-bottom:1px solid var(--bcd-border);padding:16px 32px 0;display:flex;gap:24px;position:sticky;top:70px;z-index:900}.bcd-tab{background:none;border:none;padding:12px 4px;font-size:.9rem;font-weight:500;color:var(--bcd-text-muted);cursor:pointer;position:relative;transition:color .2s}.bcd-tab:hover{color:var(--bcd-text)}.bcd-tab.active{color:var(--bcd-primary);font-weight:600}.bcd-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--bcd-primary)}.bcd-main{max-width:1600px;margin:32px auto;padding:0 32px;display:flex;flex-direction:column;gap:32px}.bcd-panel{background:var(--bcd-surface);border:1px solid var(--bcd-border);border-radius:var(--bcd-radius);box-shadow:var(--bcd-shadow-sm);overflow:hidden}.bcd-panel-header{background:#eef2ff;padding:16px 24px;border-bottom:1px solid var(--bcd-border);font-size:.95rem;font-weight:800;color:var(--bcd-text);display:flex;align-items:center;gap:8px}.bcd-panel-content{padding:24px}.bcd-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.bcd-label{display:block;font-size:.8rem;font-weight:600;color:var(--bcd-text);margin-bottom:8px}.bcd-input,.bcd-select{width:100%;padding:10px 12px;background-color:#fff;border:1px solid var(--bcd-border);border-radius:6px;font-size:.9rem;color:var(--bcd-text);transition:all .2s;box-sizing:border-box}.bcd-input:focus,.bcd-select:focus{border-color:var(--bcd-primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.bcd-accordion-item{border:1px solid var(--bcd-border);border-radius:6px;background:#fff;margin-bottom:8px;transition:all .2s}.bcd-accordion-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#fff;border-radius:6px}.bcd-accordion-header:hover{background-color:var(--bcd-surface-alt)}.bcd-accordion-item.active{border-color:var(--bcd-primary);box-shadow:0 4px 6px -2px #4f46e51a}.bcd-accordion-item.active .bcd-accordion-header{background-color:#f5f3ff;border-bottom-left-radius:0;border-bottom-right-radius:0;color:var(--bcd-primary)}.bcd-accordion-body{padding:20px;background:#fff;border-top:1px solid var(--bcd-border)}.bcd-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end}.bcd-control-item{display:flex;flex-direction:column;gap:6px}.bcd-control-item.full-width{grid-column:1 / -1}.bcd-control-item label{font-size:.75rem;font-weight:500;color:var(--bcd-text-muted);margin-bottom:6px;display:block}.bcd-color-picker-wrapper{display:flex;align-items:center;gap:8px;height:38px;border:1px solid var(--bcd-border);padding:4px;border-radius:6px}.bcd-color-picker-wrapper:hover{border-color:var(--bcd-primary);box-shadow:0 0 0 3px #4f46e51a}.bcd-color-picker-wrapper:hover{box-shadow:0 2px 5px #0000000d}.bcd-color-input{width:28px;height:28px;padding:0;border:none;border-radius:50%;background:none;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.bcd-color-input::-webkit-color-swatch-wrapper{padding:0}.bcd-color-input::-webkit-color-swatch{border:none;border-radius:50%}.bcd-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#e2e8f0;border-radius:4px;outline:none;transition:background .2s}.bcd-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:2px solid var(--bcd-primary);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease,box-shadow .2s ease;margin-top:-8px}.bcd-slider::-webkit-slider-runnable-track{height:6px;background:#e2e8f0;border-radius:3px}.bcd-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #4f46e533}.bcd-slider::-moz-range-thumb{width:20px;height:20px;background:#fff;border:2px solid var(--bcd-primary);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease}.bcd-divider{border:0;height:1px;background:var(--bcd-border);margin:24px 0}.bcd-generate-btn{background:var(--bcd-secondary);color:#fff;border:1px solid rgba(255,255,255,.1);padding:14px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 4px 6px -1px #0000001a}.bcd-generate-btn:hover:not(:disabled){background:#1e293b;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.bcd-generate-btn:disabled{opacity:.7;cursor:not-allowed;background:#94a3b8}.bcd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px;margin-top:24px}.bcd-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--bcd-shadow-sm);transition:all .2s ease;position:relative;cursor:pointer;border:1px solid var(--bcd-border)}.bcd-card:hover{transform:translateY(-4px);box-shadow:var(--bcd-shadow-lg);border-color:var(--bcd-primary)}.bcd-card.selected{border:2px solid var(--bcd-primary);box-shadow:0 0 0 2px #6366f11a}.bcd-card-image{width:100%;aspect-ratio:2/3;object-fit:contain;background:#2d3748;display:block}.bcd-card-title{padding:12px;font-size:.75rem;font-weight:600;text-align:center;color:var(--bcd-text);background:#fff;border-top:1px solid var(--bcd-border);text-transform:uppercase;letter-spacing:.05em}.bcd-card-overlay{position:absolute;inset:0;background:#0f172a99;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;opacity:0;transition:opacity .2s ease;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bcd-card:hover .bcd-card-overlay{opacity:1}.bcd-btn-sm{font-size:.8rem;padding:8px 16px;border-radius:6px;border:none;font-weight:500;cursor:pointer;width:100%;transition:background .2s}.bcd-btn-light{background:#fff;color:var(--bcd-text);box-shadow:0 1px 2px #0000001a}.bcd-btn-light:hover{background:#f8fafc}.bcd-btn-primary{background:var(--bcd-primary);color:#fff;box-shadow:0 1px 2px #0000001a}.bcd-btn-primary:hover:not(:disabled){background:var(--bcd-primary-hover)}.bcd-btn-primary:disabled{opacity:.5;background:#94a3b8;cursor:not-allowed}.bcd-split-view{display:grid;grid-template-columns:400px 1fr;gap:40px;align-items:flex-start}.bcd-right-col{position:sticky;top:100px;height:fit-content}@media(max-width:1024px){.bcd-split-view{grid-template-columns:1fr}.bcd-right-col{position:static;order:-1;margin-bottom:30px}}.bcd-left-col .bcd-panel-content{padding:24px}.bcd-preview-area{background-color:#e2e8f0;background-image:radial-gradient(#cbd5e1 1px,transparent 1px),radial-gradient(#cbd5e1 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;border-radius:12px;display:flex;align-items:center;justify-content:center;min-height:450px;padding:40px;border:1px solid var(--bcd-border);box-shadow:inset 0 2px 4px #0000000d}.bcd-live-preview{width:100%;max-width:500px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,5px 5px 15px #00000026,-1px 0 4px #ffffff80 inset;border-radius:2px 6px 6px 2px;position:relative;overflow:hidden;background:#fff;aspect-ratio:2/3;isolation:isolate}.bcd-live-preview img{width:100%;height:100%;object-fit:contain;background:#2d3748;display:block}.bcd-preview-element{position:absolute;transform:translate(-50%,-50%);text-align:center;padding:0;width:auto;max-width:90%;word-wrap:break-word;text-shadow:2px 2px 6px rgba(0,0,0,.7);white-space:pre-wrap;line-height:1.2}.bcd-text-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit;clip-path:inset(0px round 4px);-webkit-clip-path:inset(0px round 4px);isolation:isolate;z-index:10}.bcd-logo-preview{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:5;transition:all .2s ease}.bcd-watermark-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:translateZ(0);font-weight:900;color:#000;pointer-events:none;z-index:15;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-family:Arial,sans-serif;text-align:center;padding:20px;white-space:normal;word-break:break-word;max-width:80%;margin:auto;line-height:1.1}.bcd-watermark-span-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:rotate(-31deg);font-weight:900;color:#000;pointer-events:none;z-index:15;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:Arial,sans-serif;text-align:center}.bcd-checkbox-label{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:5px}.bcd-checkbox-label input{width:16px;height:16px;cursor:pointer}.bcd-status{padding:15px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:500}.bcd-status.success{background-color:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.bcd-status.error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.bcd-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:bcd-spin .8s linear infinite}@media(max-width:600px){.bcd-header{padding:15px 20px;flex-direction:column;gap:10px;text-align:center}.bcd-tabs{padding:0 10px;text-align:center}.bcd-grid{grid-template-columns:repeat(2,1fr);gap:10px}.bcd-form-grid,.bcd-controls-grid{grid-template-columns:1fr}.bcd-split-view{gap:15px}}.bcd-row-scroll{display:flex;gap:15px;overflow-x:auto;padding-bottom:15px;grid-template-columns:unset!important}.bcd-row-scroll .bcd-card{min-width:200px;width:auto;flex:1;flex-shrink:0}.bcd-grid-5-col{grid-template-columns:repeat(5,1fr)!important}.bcd-logo-actions{display:flex;gap:10px;align-items:center;margin-top:5px}.bcd-separator-top{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.05)}.bcd-flex-between-center{display:flex;justify-content:space-between;align-items:center}.bcd-grid-2-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.bcd-preview-column{flex-direction:column;gap:20px}.bcd-no-image-placeholder{text-align:center;opacity:.6}.bcd-no-image-icon{font-size:3rem}.bcd-action-buttons{display:flex;gap:10px;width:100%;max-width:340px}.bcd-action-buttons .bcd-generate-btn{flex:1}.bcd-modal-overlay{position:fixed;inset:0;background:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center}.bcd-modal-content{position:relative;max-width:90%;max-height:90%;text-align:center}.bcd-modal-title{color:#fff;margin-bottom:15px;font-size:1.2rem}.bcd-modal-image{max-height:75vh;border-radius:8px;box-shadow:0 20px 50px #00000080}.bcd-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.bcd-logo-image-preview{width:40px;height:40px;border-radius:4px;object-fit:contain;background:#f1f5f9}.bcd-logo-color-row{display:flex;justify-content:space-between;align-items:center}.bcd-logo-color-picker{margin:0;height:32px;width:auto;min-width:90px;padding:0 8px}.bcd-logo-actions{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin-top:8px}.bcd-logo-image-preview{width:50px;height:50px;border-radius:6px;object-fit:contain;background-color:transparent;border:1px solid var(--bcd-border);flex-shrink:0}.bcd-separator-top{border-top:1px solid var(--bcd-border);padding-top:20px;margin-top:20px}.bcd-sidebar-card{background:var(--bcd-surface);padding:20px;border-radius:var(--bcd-radius);box-shadow:var(--bcd-shadow);border:1px solid var(--bcd-border);display:flex;flex-direction:column;gap:16px;align-items:center;width:100%;transition:box-shadow .2s}.bcd-sidebar-card:hover{box-shadow:var(--bcd-shadow-lg);border-color:var(--bcd-primary)}.bcd-sidebar-label{font-size:.7rem;text-transform:uppercase;font-weight:700;color:var(--bcd-text-light);letter-spacing:.05em}.bcd-sidebar-thumb{width:100px;height:150px;object-fit:cover;border-radius:4px;border:1px solid var(--bcd-border);box-shadow:var(--bcd-shadow-sm)}.bcd-action-buttons-vertical{display:flex;flex-direction:row;gap:12px;width:100%}.bcd-loading-overlay{position:fixed;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.bcd-loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:var(--bcd-primary);border-radius:50%;animation:bcd-spin 1s linear infinite}.bcd-loading-text{font-size:1.25rem;font-weight:700;color:var(--bcd-secondary);animation:bcd-pulse 1.5s ease-in-out infinite}@keyframes bcd-spin{to{transform:rotate(360deg)}}@keyframes bcd-pulse{0%,to{opacity:.8}50%{opacity:1}}.bcd-toast{position:fixed;bottom:32px;right:32px;background:#fff;padding:16px 24px;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;align-items:center;gap:12px;z-index:1000;border-left:5px solid var(--bcd-primary);animation:bcd-slide-in .3s cubic-bezier(.16,1,.3,1);font-weight:500}.bcd-toast.error{border-left-color:#ef4444}.bcd-toast.success{border-left-color:#10b981}@keyframes bcd-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.editor-page{display:flex;flex-direction:column;height:calc(100vh - 70px);background:var(--page-bg)}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;gap:20px}.editor-header-left{flex:1;max-width:600px;display:flex;align-items:center;gap:16px}.editor-back-btn{margin-bottom:0!important;padding:8px 12px!important;border-radius:8px!important;font-size:13px!important;background:#f3f4f6!important;border:1px solid #e5e7eb!important;box-shadow:none!important}.editor-back-btn:hover{background:#e5e7eb!important;transform:translate(-2px)!important}.title-input{width:100%;font-size:24px;font-weight:600;border:none;outline:none;padding:8px 12px;border-radius:8px;transition:all .2s}.title-input:hover{background:#f9fafb}.title-input:focus{background:#f0f0ff}.editor-header-right{display:flex;align-items:center;gap:16px}.editor-stats{display:flex;gap:16px;font-size:13px;color:#6b7280}.editor-stats span{display:flex;align-items:center;gap:6px}.autosave-status{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f9fafb;border-radius:6px;font-size:13px;color:#6b7280}.btn-icon{width:40px;height:40px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280;font-size:16px}.editor-content{display:grid;grid-template-columns:300px 1fr;flex:1;overflow:hidden;gap:1px;background:#e5e7eb}.editor-sidebar{background:#fff;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.editor-features-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.sidebar-section-header h4{font-size:13px;font-weight:700;color:#374151;margin:0;text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;gap:8px}.sidebar-add-btn{width:28px;height:28px;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;color:#6366f1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px}.sidebar-add-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:scale(1.05)}.chapter-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.chapter-item{padding:10px 12px;border-radius:8px;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:10px;border:1px solid transparent}.chapter-item:hover{background:#f9fafb;color:#111827}.chapter-item.active{background:#eef2ff;color:#4338ca;font-weight:600;border-color:#e0e7ff}.chapter-item-num{font-weight:700;color:#6366f1;min-width:18px}.editor-features-card ul{list-style:none;padding:0}.editor-features-card li{padding:6px 0;display:flex;align-items:flex-start}.editor-features-card li:before{content:"✓";color:#6366f1;font-weight:700;margin-right:8px;flex-shrink:0}.editor-sidebar .form-group{margin-bottom:0}.editor-sidebar .form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.editor-sidebar .form-group input,.editor-sidebar .form-group textarea,.editor-sidebar .form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s}.editor-sidebar .form-group input:focus,.editor-sidebar .form-group textarea:focus,.editor-sidebar .form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.editor-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}.editor-actions .btn-secondary,.editor-actions .btn-primary{width:100%;padding:12px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.editor-actions .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.editor-actions .btn-secondary:hover{background:#e5e7eb}.editor-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.editor-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.editor-main{background:#fff;overflow:hidden;display:flex;flex-direction:column}.rich-editor{display:flex;flex-direction:column;height:100%}.rich-editor .ql-toolbar{border:none;border-bottom:1px solid #e5e7eb;background:#f9fafb;padding:12px 24px}.rich-editor .ql-container{flex:1;border:none;font-size:16px;line-height:1.8}.rich-editor .ql-editor{padding:40px 80px;min-height:100%}.rich-editor .ql-editor.ql-blank:before{font-style:normal;color:#9ca3af;left:80px}.ql-toolbar button{width:32px!important;height:32px!important;border-radius:6px!important}.ql-toolbar button:hover{background:#fff!important;color:#6366f1!important}.ql-toolbar button.ql-active{background:#ede9fe!important;color:#6366f1!important}.ql-toolbar .ql-stroke{stroke:#6b7280!important}.ql-toolbar button:hover .ql-stroke{stroke:#6366f1!important}.ql-toolbar .ql-fill{fill:#6b7280!important}.ql-toolbar button:hover .ql-fill{fill:#6366f1!important}.version-history-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#fff;border-bottom:1px solid #f3f4f6;border-radius:16px 16px 0 0}.modal-header h2{font-size:20px;font-weight:600;color:#111827;display:flex;align-items:center;gap:12px;margin:0}.modal-header button{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;font-size:24px;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-header button:hover{background:#e5e7eb;color:#111827}.modal-body{flex:1;overflow-y:auto;padding:24px;background:#f9fafb;border-radius:0 0 16px 16px}.version-list{display:flex;flex-direction:column;gap:12px}.version-item{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease;box-shadow:0 2px 5px #00000005}.version-item:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 20px #6366f11a}.version-info{flex:1}.version-time{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.version-meta{font-size:13px;color:#6b7280}.btn-restore{padding:8px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-restore:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.empty-state{text-align:center;padding:40px 20px;color:#9ca3af}.empty-state p{font-size:14px;margin:0}.ai-tools-section{padding:16px;background:#f9fafb;border-radius:10px;margin-bottom:20px}.ai-tool-btn{width:100%;padding:10px 14px;margin-bottom:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.ai-tool-btn:hover:not(:disabled){background:#ede9fe;border-color:#6366f1;color:#6366f1}.ai-tool-btn:disabled{opacity:.5;cursor:not-allowed}.tone-selector-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001f;z-index:10;overflow:hidden;min-width:280px}.tone-header{padding:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.tone-header h4{margin:0 0 4px;font-size:15px;font-weight:600}.tone-header p{margin:0;font-size:12px;opacity:.9}.tone-option{width:100%;padding:14px 16px;background:#fff;border:none;border-bottom:1px solid #f3f4f6;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:4px}.tone-option:last-child{border-bottom:none}.tone-option:hover{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);transform:translate(4px)}.tone-option svg{margin-right:10px;font-size:16px}.tone-option strong{font-size:14px;color:#1f2937;display:flex;align-items:center}.tone-desc{font-size:12px;color:#6b7280;margin-left:26px;line-height:1.4}@media(max-width:1024px){.editor-content{grid-template-columns:250px 1fr}.rich-editor .ql-editor{padding:30px 40px}.rich-editor .ql-editor.ql-blank:before{left:40px}}@media(max-width:768px){.editor-header{flex-direction:column;align-items:stretch;gap:12px}.editor-header-left{max-width:none}.editor-header-right{justify-content:space-between;flex-wrap:wrap}.editor-stats{order:-1;width:100%}.editor-content{grid-template-columns:1fr}.editor-sidebar{order:2;max-height:300px}.rich-editor .ql-editor{padding:20px}.rich-editor .ql-editor.ql-blank:before{left:20px}.modal-content{width:95%;max-height:90vh}}@media(max-width:480px){.title-input{font-size:20px}.editor-stats{font-size:12px;gap:12px}.btn-icon{width:36px;height:36px;font-size:14px}.ql-toolbar{padding:8px 12px!important}.ql-toolbar button{width:28px!important;height:28px!important}}.chapter-generator-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.chapter-generator-modal .modal-overlay{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chapter-generator-modal .modal-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:90%;max-height:90vh;overflow:hidden;z-index:1001}.chapter-generator-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.chapter-generator-modal .modal-header h2{margin:0;font-size:18px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.modal-close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.chapter-generator-modal .modal-body{padding:24px;max-height:calc(90vh - 120px);overflow-y:auto}.modal-intro{margin-bottom:24px}.modal-intro p{color:#6b7280;font-size:14px;margin:0;line-height:1.5}.chapter-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:16px}.chapter-template-btn{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:13px;cursor:pointer;text-align:left;transition:all .2s;font-weight:500}.chapter-template-btn:hover{border-color:#6366f1;background:#f8f9ff;transform:translateY(-1px)}.chapter-template-btn.selected{border:2px solid #6366f1;background:#eef2ff;color:#6366f1;transform:translateY(-1px)}.chapter-form-group{margin-bottom:20px}.chapter-form-label{display:block;font-weight:600;margin-bottom:8px;color:#374151;font-size:14px}.chapter-form-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box}.chapter-form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.chapter-form-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;resize:vertical;min-height:100px;font-family:inherit;transition:all .2s;box-sizing:border-box}.chapter-form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.chapter-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-chapter-cancel{padding:10px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;font-weight:500;transition:all .2s}.btn-chapter-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-chapter-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-chapter-generate{padding:10px 20px;border:none;border-radius:8px;background:#6366f1;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .2s}.btn-chapter-generate:hover:not(:disabled){background:#5856eb;transform:translateY(-1px)}.btn-chapter-generate:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.chapter-add-btn{width:100%;padding:12px;border:2px dashed #6366f1;border-radius:8px;background:transparent;color:#6366f1;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .2s}.chapter-add-btn:hover{background:#f0f0ff;border-color:#4f46e5}.personality-analyzer{min-height:calc(100vh - 70px);background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:40px 20px}.analyzer-header{max-width:900px;margin:0 auto 30px;text-align:center}.header-content{background:#fff;padding:40px;border-radius:20px;box-shadow:0 4px 20px #00000014}.brain-icon{font-size:60px;color:#6366f1;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.analyzer-header h1{font-size:32px;font-weight:700;color:#111827;margin:0 0 12px}.analyzer-header p{font-size:16px;color:#6b7280;margin:0}.progress-info{margin-top:20px;font-size:14px;font-weight:600;color:#6366f1}.progress-bar{max-width:900px;margin:0 auto 40px;height:8px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .4s ease}.question-container{max-width:900px;margin:0 auto 30px}.question-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 4px 20px #00000014}.question-text{font-size:24px;font-weight:600;color:#111827;margin:0 0 30px;text-align:center}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.options-grid.multiple{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.option-card{position:relative;padding:24px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:center}.option-card:hover{background:#fff;border-color:#6366f1;transform:translateY(-4px);box-shadow:0 8px 16px #6366f126}.option-card.selected{background:#ede9fe;border-color:#6366f1;box-shadow:0 4px 12px #6366f133}.option-icon{font-size:40px;margin-bottom:12px}.option-label{font-size:15px;font-weight:500;color:#374151;line-height:1.5}.check-mark{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#6366f1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.navigation-buttons{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;gap:16px}.btn-nav{padding:14px 32px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;border:none}.btn-previous{background:#fff;color:#374151;border:2px solid #e5e7eb}.btn-previous:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-next{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;margin-left:auto}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.btn-nav:disabled{opacity:.5;cursor:not-allowed;transform:none}.analyzing-screen{max-width:600px;margin:100px auto;background:#fff;padding:60px 40px;border-radius:20px;box-shadow:0 4px 20px #00000014;text-align:center}.analyzing-screen h2{font-size:28px;font-weight:700;color:#111827;margin:30px 0 12px}.analyzing-screen p{font-size:16px;color:#6b7280;margin-bottom:40px}.analyzing-steps{display:flex;flex-direction:column;gap:16px;text-align:left}.analyzing-steps .step{padding:16px 20px;background:#f9fafb;border-radius:10px;font-size:15px;color:#6b7280}.analyzing-steps .step.active{background:#ede9fe;color:#6366f1;font-weight:600}.analysis-result{max-width:1000px;margin:0 auto}.result-header{background:#fff;padding:50px 40px;border-radius:20px;box-shadow:0 4px 20px #00000014;text-align:center;margin-bottom:30px}.success-icon{font-size:60px;color:#10b981;margin-bottom:20px}.result-header h1{font-size:32px;font-weight:700;color:#111827;margin:0 0 12px}.result-header p{font-size:16px;color:#6b7280;margin:0}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.result-card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 12px #0000000f;text-align:center;transition:transform .3s ease}.result-card:hover{transform:translateY(-4px)}.result-card .card-icon{font-size:48px;margin-bottom:16px}.result-card h3{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.result-card .card-value{font-size:20px;font-weight:700;color:#111827;text-transform:capitalize}.result-section{background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 12px #0000000f;margin-bottom:20px}.result-section h3{font-size:20px;font-weight:700;color:#111827;margin:0 0 20px}.approach-text{font-size:16px;line-height:1.8;color:#374151;margin:0}.strengths-list,.suggestions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.strengths-list li{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f0fdf4;border-radius:10px;font-size:15px;color:#166534}.suggestions-list li{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f9fafb;border-radius:10px;font-size:15px;color:#374151;line-height:1.6}.suggestion-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;font-weight:700;font-size:13px}.result-actions{display:flex;gap:16px;justify-content:center;margin-top:40px}.result-actions .btn-secondary,.result-actions .btn-primary{padding:14px 32px;font-size:16px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;border:none}.result-actions .btn-secondary{background:#fff;color:#374151;border:2px solid #e5e7eb}.result-actions .btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.result-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.result-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}@media(max-width:768px){.personality-analyzer{padding:20px 16px}.header-content{padding:30px 20px}.analyzer-header h1{font-size:24px}.brain-icon{font-size:48px}.question-card{padding:24px 20px}.question-text{font-size:20px}.options-grid,.result-cards{grid-template-columns:1fr}.navigation-buttons{flex-direction:column}.btn-next{margin-left:0}.result-actions{flex-direction:column}.result-actions button{width:100%;justify-content:center}}.chapter-manager{padding:30px;max-width:1200px;margin:0 auto}.chapter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.header-content h1{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px}.header-content p{font-size:16px;color:#6b7280;margin:0}.btn-add-chapter{padding:14px 28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #6366f133}.btn-add-chapter:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6366f14d}.chapter-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;gap:16px;transition:transform .3s ease,box-shadow .3s ease}.stat-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0ff,#e9ecff);border-radius:12px}.stat-value{font-size:28px;font-weight:700;color:#111827;line-height:1;margin-bottom:6px}.stat-label{font-size:13px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.drag-instruction{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#ede9fe;border:1px dashed #6366f1;border-radius:10px;color:#6366f1;font-size:14px;font-weight:600;margin-bottom:20px}.drag-instruction svg{font-size:18px}.chapters-container{background:transparent;padding:24px;border-radius:16px}.chapters-list{display:flex;flex-direction:column;gap:16px;min-height:100px;transition:background .2s ease}.chapters-list.dragging-over{background:#f0f0ff;border-radius:12px}.chapter-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000a;display:grid;grid-template-columns:auto auto 1fr auto;gap:20px;align-items:center;transition:all .3s ease;border:2px solid transparent}.chapter-card:hover{box-shadow:0 8px 16px #00000014;border-color:#e5e7eb}.chapter-card.dragging{box-shadow:0 12px 24px #6366f133;border-color:#6366f1;transform:rotate(2deg);opacity:.95}.drag-handle{width:32px;height:60px;display:flex;align-items:center;justify-content:center;cursor:grab;color:#9ca3af;font-size:20px;transition:color .2s ease}.drag-handle:active{cursor:grabbing}.drag-handle:hover{color:#6366f1}.chapter-number-badge{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px #6366f133}.chapter-content{flex:1;min-width:0}.chapter-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.chapter-title-row h3{font-size:18px;font-weight:600;color:#111827;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.chapter-excerpt{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chapter-meta{display:flex;gap:20px;font-size:13px;color:#9ca3af}.chapter-meta span{display:flex;align-items:center;gap:6px}.chapter-actions{display:flex;gap:8px}.btn-action{width:40px;height:40px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.btn-view{background:#f0f9ff;color:#0284c7}.btn-view:hover{background:#0284c7;color:#fff;transform:scale(1.1)}.btn-edit{background:#f0fdf4;color:#16a34a}.btn-edit:hover{background:#16a34a;color:#fff;transform:scale(1.1)}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#dc2626;color:#fff;transform:scale(1.1)}.empty-state-modern{text-align:center;padding:80px 40px;background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000a}.empty-icon{font-size:80px;margin-bottom:24px;opacity:.5}.empty-state-modern h2{font-size:24px;font-weight:700;color:#111827;margin:0 0 12px}.empty-state-modern p{font-size:16px;color:#6b7280;margin:0 0 30px}.btn-large{padding:16px 36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px;box-shadow:0 4px 12px #6366f133}.btn-large:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6366f14d}@media(max-width:1024px){.chapter-card{grid-template-columns:auto auto 1fr;gap:16px}.chapter-actions{grid-column:1 / -1;justify-content:flex-end;padding-top:12px;border-top:1px solid #f3f4f6}}@media(max-width:768px){.chapter-manager{padding:20px 16px}.chapter-header{flex-direction:column;align-items:stretch}.btn-add-chapter{width:100%;justify-content:center}.chapter-stats{grid-template-columns:repeat(2,1fr)}.chapter-card{grid-template-columns:auto 1fr;padding:16px}.drag-handle{grid-row:1 / 3}.chapter-number-badge{width:40px;height:40px;font-size:16px}.chapter-title-row h3{font-size:16px}.chapter-actions{grid-column:2 / -1}}@media(max-width:480px){.chapter-stats{grid-template-columns:1fr}.stat-card{padding:20px}.chapter-meta{flex-direction:column;gap:8px}.btn-action{width:36px;height:36px;font-size:14px}}.timeline-container{background:#fff;border-radius:16px;padding:30px;box-shadow:0 2px 8px #0000000a}.timeline-list{position:relative;padding:20px 0}.timeline-list.dragging-over{background:#f9fafb;border-radius:8px}.timeline-event{position:relative;display:flex;gap:20px;margin-bottom:40px;transition:all .3s ease}.timeline-event.dragging{opacity:.5;transform:scale(.98)}.timeline-line{position:absolute;left:19px;top:50px;width:2px;height:calc(100% + 40px);background:#e5e7eb;z-index:0}.timeline-event:last-child .timeline-line{display:none}.timeline-marker{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001a;z-index:1;position:relative}.timeline-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.timeline-content{flex:1;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.timeline-content:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.timeline-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.timeline-drag{cursor:grab;color:#9ca3af;padding:4px;transition:color .2s}.timeline-drag:hover{color:#6366f1}.timeline-drag:active{cursor:grabbing}.timeline-info{flex:1}.timeline-info h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.timeline-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:#6b7280}.timeline-meta span{display:flex;align-items:center;gap:6px}.event-badge{padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;font-weight:600;text-transform:capitalize}.timeline-actions{display:flex;gap:8px}.btn-icon-small{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280}.btn-icon-small:hover{border-color:#6366f1;color:#6366f1;background:#f9fafb}.btn-icon-small.btn-delete:hover{border-color:#ef4444;color:#ef4444}.timeline-description{margin:12px 0 0;font-size:14px;line-height:1.6;color:#4b5563}.empty-timeline{text-align:center;padding:80px 30px}.empty-timeline .empty-icon{font-size:80px;margin-bottom:20px}.empty-timeline h3{font-size:24px;font-weight:600;color:#111827;margin:0 0 12px}.empty-timeline p{font-size:16px;color:#6b7280;margin:0 0 24px}.timeline-form{max-width:500px;width:90%}.timeline-form h2{margin:0 0 24px;font-size:24px;font-weight:700;color:#111827}.timeline-form .form-group{margin-bottom:20px}.timeline-form label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.timeline-form input,.timeline-form select,.timeline-form textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.timeline-form input:focus,.timeline-form select:focus,.timeline-form textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel{padding:12px 24px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.btn-secondary{padding:12px 24px;background:#fff;border:2px solid #6366f1;border-radius:12px;font-size:14px;font-weight:600;color:#6366f1;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#6366f1;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 60px #0000004d;animation:fadeInUp .3s ease-out}.memoir-purpose-container{min-height:100vh;background:var(--page-bg);padding:2rem;overflow-y:auto}.memoir-purpose-content{max-width:1200px;margin:0 auto;animation:fadeInUp .6s ease-out}.memoir-purpose-header{text-align:center;margin-bottom:3rem;color:var(--text-card-primary)}.memoir-purpose-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--text-card-primary);animation:shimmer 3s infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.memoir-purpose-subtitle{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6;color:var(--text-card-secondary)}.purpose-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.purpose-card{background:#fffffff2;border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.purpose-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--card-color);transform:scaleX(0);transition:transform .3s ease}.purpose-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.purpose-card:hover:before{transform:scaleX(1)}.purpose-card-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--card-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 10px 25px #00000026;transition:all .3s ease}.purpose-card:hover .purpose-card-icon{transform:scale(1.1) rotate(5deg)}.purpose-card-title{font-size:1.5rem;font-weight:600;color:var(--text-card-primary);margin-bottom:1rem}.purpose-card-description{font-size:1rem;color:var(--text-card-secondary);line-height:1.6}.memoir-purpose-footer{text-align:center;margin-bottom:3rem}.memoir-continue-btn{background:var(--button-bg-primary);color:var(--button-text-primary);border:none;padding:1rem 3rem;font-size:1.125rem;font-weight:600;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:1rem;transition:all .3s ease;box-shadow:0 10px 30px #0003}.memoir-continue-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d;background:var(--button-bg-secondary)}.memoir-continue-btn:active{transform:translateY(-1px)}.memoir-info-section{background:#fffffff2;border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px #0000001a}.memoir-info-section h2{font-size:2rem;font-weight:700;color:var(--text-card-primary);margin-bottom:1.5rem;text-align:center}.memoir-info-section p{font-size:1.125rem;color:var(--text-card-secondary);line-height:1.8;margin-bottom:2rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.memoir-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.benefit-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:12px;transition:all .3s ease}.benefit-item:hover{transform:translate(5px);box-shadow:0 5px 15px #0000001a}.benefit-icon{font-size:1.5rem;flex-shrink:0}.benefit-item span:last-child{font-size:1rem;color:var(--text-card-primary);font-weight:500}@media(max-width:768px){.memoir-purpose-title{font-size:2rem}.memoir-purpose-subtitle{font-size:1rem}.purpose-cards-grid{grid-template-columns:1fr;gap:1.5rem}.memoir-info-section{padding:1.5rem}.memoir-benefits{grid-template-columns:1fr}}.memoir-questionnaire-page,.memoir-result-page{min-height:100vh;background:#f8fafc;padding:30px 20px;font-family:Inter,sans-serif}.questionnaire-container,.memoir-final-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:40px;animation:fadeInUp .5s ease-out}.questionnaire-header{text-align:center;margin-bottom:40px}.questionnaire-header h1{font-size:2.2rem;color:#1e293b;margin-bottom:12px}.questionnaire-header p{color:#64748b;font-size:1.1rem}.questionnaire-tabs{display:flex;gap:15px;margin-bottom:30px;border-bottom:2px solid #f1f5f9;padding-bottom:10px}.q-tab{padding:12px 24px;border:none;background:transparent;color:#64748b;font-weight:600;cursor:pointer;border-radius:10px;transition:all .2s;display:flex;align-items:center;gap:8px}.q-tab.active{background:#eef2ff;color:#6366f1}.questions-grid{display:flex;flex-direction:column;gap:24px}.q-card,.mcq-card{display:flex;flex-direction:column;gap:12px}.q-card label,.mcq-card label{font-weight:700;color:#1e293b;font-size:1.05rem}.q-card textarea{width:100%;padding:15px;border-radius:12px;border:2px solid #e2e8f0;min-height:100px;font-family:inherit;transition:border-color .2s;outline:none}.q-card textarea:focus{border-color:#6366f1}.mcq-grid{display:flex;flex-direction:column;gap:30px}.mcq-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.mcq-opt{padding:12px;border:2px solid #f1f5f9;background:#fff;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.mcq-opt:hover{border-color:#cbd5e1;background:#f8fafc}.mcq-opt.selected{background:#6366f1;color:#fff;border-color:#6366f1;box-shadow:0 4px 10px #6366f14d}.questionnaire-footer{margin-top:40px;text-align:center}.btn-generate-memoir{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:16px 40px;border-radius:15px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 8px 25px #6366f166;transition:all .3s;display:inline-flex;align-items:center;gap:12px}.btn-generate-memoir:hover{transform:translateY(-3px);box-shadow:0 12px 30px #6366f180}.memoir-result-header{border-bottom:2px solid #f1f5f9;padding-bottom:24px;margin-bottom:30px}.title-section .label{text-transform:uppercase;font-size:.75rem;letter-spacing:1px;color:#94a3b8;font-weight:800;display:block;margin-bottom:8px}.title-wrapper{display:flex;justify-content:space-between;align-items:center}.title-wrapper h2{font-size:2rem;color:#1e293b;margin:0;font-family:Playfair Display,serif}.btn-refresh{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;color:#64748b;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#e2e8f0;color:#1e293b}.memoir-content-body{position:relative}.content-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.btn-regenerate{background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px;font-size:.9rem;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-regenerate:hover{background:#f8fafc;border-color:#6366f1;color:#6366f1}.rich-content{font-size:1.15rem;line-height:1.8;color:#334155;white-space:pre-wrap;padding:20px 0}.memoir-result-footer{margin-top:50px;display:flex;gap:15px}.btn-save-project{flex:2;background:#10b981;color:#fff;border:none;padding:15px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.btn-home{flex:1;background:#fff;border:1px solid #e2e8f0;padding:15px;border-radius:12px;font-weight:600;cursor:pointer;color:#475569}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--bb-page-w: 520px;--bb-page-h: 700px;--bb-paper: #fdf8eab3;--bb-paper-dark: #f0e8d0;--bb-ink: #3a2a1a;--bb-ink-light: #6a5a4a;--bb-accent: #c09060;--bb-accent-light: #e0d0b0;--bb-border: rgba(140, 100, 60, .2);--bb-shadow: rgba(60, 40, 20, .15);--bb-spine: #4a3a2a;--bb-font-title: "Playfair Display", Georgia, serif;--bb-font-body: "Lora", "Libre Baskerville", Georgia, serif;--bb-font-alt: "Dancing Script", cursive}.bb-container{min-height:100vh;background:#1a1a2e;background-image:radial-gradient(ellipse at 30% 20%,rgba(139,105,20,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(44,24,16,.06) 0%,transparent 60%);display:flex;flex-direction:column;font-family:var(--bb-font-body)}.bb-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 2rem;background:#1a1a2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);z-index:50;position:sticky;top:0}.bb-toolbar-left,.bb-toolbar-right{display:flex;align-items:center;gap:.75rem}.bb-toolbar-title{font-family:var(--bb-font-title);color:#f0e6d3;font-size:1.1rem;font-weight:600;letter-spacing:.02em}.bb-toolbar-btn{padding:.5rem 1.2rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0f;color:#d4c5a9;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem;font-family:var(--bb-font-alt)}.bb-toolbar-btn:hover{background:#ffffff1f;color:#fff}.bb-toolbar-btn.primary{background:var(--bb-accent);border-color:var(--bb-accent);color:#fff}.bb-toolbar-btn.primary:hover{background:#a07b18}.bb-scroll-stage{flex:1;overflow-y:auto;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:4rem;scroll-behavior:smooth}.bb-spread-row{display:flex;justify-content:center}.bb-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.bb-book{display:flex;position:relative;perspective:2000px;filter:drop-shadow(0 25px 60px rgba(0,0,0,.5))}.bb-page{width:var(--bb-page-w);height:var(--bb-page-h);background:var(--bb-paper);padding:3rem 2.5rem 2.5rem;box-sizing:border-box;position:relative;overflow:hidden}.bb-page:before{content:"";position:absolute;inset:0;background-color:#faf3e0;background-image:radial-gradient(circle at top left,rgba(200,160,110,.1) 0%,transparent 40%),radial-gradient(circle at bottom right,rgba(200,160,110,.1) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 0.04 0' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' /%3E%3C/svg%3E");pointer-events:none;z-index:0}.bb-page:after{content:"";position:absolute;inset:1rem;border:1px solid rgba(180,140,100,.15);pointer-events:none;z-index:0}.bb-page.left{border-radius:4px 0 0 4px;border-right:none;box-shadow:inset -15px 0 20px -10px #0000000f,inset 0 0 0 1px #8b69140d}.bb-page.right{border-radius:0 4px 4px 0;border-left:none;box-shadow:inset 15px 0 20px -10px #0000000f,inset 0 0 0 1px #8b69140d}.bb-spine{position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:100%;background:linear-gradient(to right,#0000,#0000000a 30%,#0000001a 48%,#fff3,#00000014 52%,#00000008 70%,#0000);z-index:20;pointer-events:none}.bb-page-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.bb-page-title{font-family:var(--bb-font-title);font-size:1.6rem;font-weight:700;color:var(--bb-ink);margin:0 0 .5rem;line-height:1.3;text-align:center;letter-spacing:.03em}.bb-page-subtitle{font-family:var(--bb-font-alt);font-size:.95rem;font-weight:400;color:var(--bb-ink-light);text-align:center;margin-bottom:1.5rem;font-style:italic}.bb-divider{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:1rem 0 1.5rem}.bb-divider-line{flex:1;height:1px;background:linear-gradient(to right,transparent,var(--bb-accent-light),transparent)}.bb-divider-ornament{font-size:.9rem;color:var(--bb-accent);opacity:.6}.bb-body-text{font-family:var(--bb-font-body);font-size:1.05rem;line-height:1.9;color:var(--bb-ink);text-align:justify;flex:1;overflow:hidden;padding:0 .5rem}.bb-body-text p{margin:0 0 .8rem;text-indent:1.5em}.bb-body-text p:first-of-type{text-indent:0}.bb-drop-cap:first-letter{float:left;font-family:var(--bb-font-title);font-size:3.6rem;line-height:.8;padding-right:.12em;padding-top:.08em;color:var(--bb-accent);font-weight:700}.bb-quote{font-family:var(--bb-font-title);font-style:italic;font-size:1.15rem;line-height:1.7;color:var(--bb-ink-light);text-align:center;padding:2rem 1.5rem;position:relative}.bb-quote:before{content:"“";font-family:var(--bb-font-title);font-size:4rem;color:var(--bb-accent-light);opacity:.4;position:absolute;top:0;left:.5rem;line-height:1}.bb-quote-author{display:block;font-family:var(--bb-font-alt);font-style:normal;font-size:.85rem;color:var(--bb-accent);margin-top:1rem;letter-spacing:.1em;text-transform:uppercase}.bb-page-number{position:absolute;bottom:1.2rem;font-family:var(--bb-font-alt);font-size:.75rem;color:var(--bb-ink-light);opacity:.5;letter-spacing:.05em}.bb-page.left .bb-page-number{left:2.5rem}.bb-page.right .bb-page-number{right:2.5rem}.bb-image-block{margin:1.5rem 0;border-radius:4px;overflow:visible}.bb-polaroid{background:#fff;padding:10px 10px 40px;box-shadow:0 4px 15px #00000026,0 1px 3px #00000014;position:relative;border:1px solid #efe8e0;transition:transform .3s}.bb-polaroid img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:inset 0 0 4px #0003}.bb-polaroid:nth-child(2n){transform:rotate(2deg)}.bb-polaroid:nth-child(odd){transform:rotate(-2deg)}.bb-polaroid:hover{transform:scale(1.02) rotate(0);box-shadow:0 8px 25px #0003;z-index:10}.bb-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-3deg);width:80px;height:25px;background:#f5f0dcd9;box-shadow:0 1px 3px #0000001a;z-index:5;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 2%,black 98%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 2%,black 98%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);opacity:.9}.bb-polaroid:nth-child(2n) .bb-tape{transform:translate(-50%) rotate(4deg);top:-12px}.bb-image-single .bb-polaroid{margin:0 auto;max-width:85%}.bb-image-single img{height:auto;max-height:380px}.bb-image-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:0 1rem}.bb-image-trio{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.5rem;padding:0 1rem}.bb-image-trio .bb-polaroid:first-child{grid-row:1 / 3;height:100%}.bb-image-quad{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1.5rem}.bb-image-block img{width:100%;height:100%;min-height:140px;object-fit:cover;transition:transform .3s}.bb-image-caption{font-family:Dancing Script,cursive;font-size:1.25rem;color:#4a3a2a;text-align:center;position:absolute;bottom:5px;left:0;right:0;margin:0;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-image-placeholder{width:100%;min-height:180px;border:2px dashed rgba(180,140,100,.5);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;color:var(--bb-ink-light);transition:all .2s;background:#f0e6d266}.bb-image-placeholder:hover{border-color:var(--bb-accent);background:#f0e6d2cc}.bb-image-placeholder-icon{font-size:2rem;opacity:.6;color:var(--bb-accent)}.bb-image-placeholder-text{font-size:.95rem;font-family:var(--bb-font-alt);color:var(--bb-ink)}[contenteditable]{outline:none;border:1px solid transparent;border-radius:3px;transition:border-color .2s,box-shadow .2s;min-height:1.5em}[contenteditable]:hover{border-color:#8b691433}[contenteditable]:focus{border-color:var(--bb-accent-light);box-shadow:0 0 0 2px #8b69141a}.bb-chapter-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.bb-chapter-number{font-family:var(--bb-font-title);font-size:.85rem;text-transform:uppercase;letter-spacing:.3em;color:var(--bb-accent);margin-bottom:1rem}.bb-chapter-title{font-family:var(--bb-font-title);font-size:2.2rem;font-weight:700;color:var(--bb-ink);line-height:1.2;margin-bottom:1.5rem}.bb-chapter-desc{font-family:var(--bb-font-alt);font-size:.95rem;color:var(--bb-ink-light);font-style:italic;max-width:80%;line-height:1.7}.bb-timeline{position:relative;padding-left:2rem}.bb-timeline:before{content:"";position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--bb-accent-light),transparent)}.bb-timeline-item{position:relative;margin-bottom:1.5rem;padding-left:.5rem}.bb-timeline-item:before{content:"";position:absolute;left:-1.75rem;top:.5rem;width:10px;height:10px;background:var(--bb-accent);border-radius:50%;border:2px solid var(--bb-paper);box-shadow:0 0 0 2px var(--bb-accent-light)}.bb-timeline-year{font-family:var(--bb-font-title);font-weight:700;font-size:.85rem;color:var(--bb-accent);margin-bottom:.3rem}.bb-timeline-text{font-family:var(--bb-font-body);font-size:.85rem;line-height:1.6;color:var(--bb-ink)}.bb-sidebar{position:fixed;right:0;top:0;bottom:0;width:280px;background:#1a1a2ef7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.06);z-index:100;padding:1.5rem;overflow-y:auto;transform:translate(100%);transition:transform .3s ease}.bb-sidebar.open{transform:translate(0)}.bb-sidebar-title{font-family:var(--bb-font-title);color:#f0e6d3;font-size:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.bb-template-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.75rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s}.bb-template-card:hover{background:#ffffff14;border-color:var(--bb-accent-light)}.bb-template-card.active{border-color:var(--bb-accent);background:#8b691426}.bb-template-preview{width:100%;height:80px;background:var(--bb-paper);border-radius:4px;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.bb-template-name{color:#d4c5a9;font-size:.8rem;font-family:var(--bb-font-alt)}.bb-bottom-nav{display:flex;align-items:center;justify-content:center;padding:1rem 2rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:1rem}.bb-nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#d4c5a9;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.bb-nav-btn:hover{background:#ffffff26;color:#fff}.bb-nav-btn:disabled{opacity:.3;cursor:not-allowed}.bb-nav-info{color:#d4c5a9;font-family:var(--bb-font-alt);font-size:.85rem;min-width:120px;text-align:center}.bb-chapter-list{display:flex;gap:.5rem;flex-wrap:wrap}.bb-chapter-pill{padding:.4rem 1rem;border-radius:20px;font-family:var(--bb-font-alt);font-size:.8rem;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#d4c5a9;cursor:pointer;transition:all .2s}.bb-chapter-pill:hover,.bb-chapter-pill.active{background:var(--bb-accent);border-color:var(--bb-accent);color:#fff}.bb-thumbnails{display:flex;gap:.5rem;padding:0 1rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.bb-thumb{min-width:60px;height:80px;background:var(--bb-paper);border-radius:3px;border:2px solid transparent;cursor:pointer;transition:all .2s;flex-shrink:0;box-shadow:0 2px 6px #0003;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-family:var(--bb-font-alt);color:var(--bb-ink-light)}.bb-thumb:hover,.bb-thumb.active{border-color:var(--bb-accent);transform:translateY(-3px)}.bb-page-flip-enter{opacity:0;transform:rotateY(-15deg)}.bb-page-flip-enter-active,.bb-page-flip-exit{opacity:1;transform:rotateY(0)}.bb-page-flip-exit-active{opacity:0;transform:rotateY(15deg)}@media(max-width:1100px){.bb-page{width:420px;height:580px;padding:2rem}}@media(max-width:900px){.bb-book{flex-direction:column}.bb-page{width:90vw;max-width:500px;height:auto;min-height:500px;border-radius:4px}.bb-page.left{border-right:none;border-bottom:1px solid var(--bb-border)}.bb-spine{display:none}}.bb-edit-btn{position:absolute;bottom:8px;right:8px;padding:.35rem .8rem;border:1px solid rgba(139,105,20,.25);border-radius:6px;background:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--bb-ink-light);font-size:.78rem;font-family:var(--bb-font-alt);cursor:pointer;transition:all .2s;z-index:10;opacity:0;pointer-events:none}.bb-page:hover .bb-edit-btn{opacity:1;pointer-events:auto}.bb-edit-btn:hover{background:var(--bb-accent);color:#fff;border-color:var(--bb-accent);transform:scale(1.05)}.bb-page.editing{outline:2px solid var(--bb-accent-light);outline-offset:-2px;box-shadow:0 0 20px #8b691433,inset 0 0 0 1px #8b69141a}.bb-editor-toolbar{position:absolute;top:-52px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;padding:.45rem .8rem;background:#1a1a2ef2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 8px 32px #0006;z-index:30;white-space:nowrap}.bb-et-group{display:flex;align-items:center;gap:.25rem}.bb-et-label{font-family:var(--bb-font-alt);font-size:.7rem;color:#ffffff80;margin-right:.15rem;text-transform:uppercase;letter-spacing:.05em}.bb-et-value{font-family:var(--bb-font-alt);font-size:.72rem;color:var(--bb-accent-light);min-width:30px;text-align:center}.bb-et-btn{padding:.3rem .55rem;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:#ffffff0f;color:#d4c5a9;font-size:.75rem;cursor:pointer;transition:all .15s;font-family:var(--bb-font-alt);white-space:nowrap}.bb-et-btn:hover{background:#ffffff26;color:#fff}.bb-et-btn.danger{color:#e87070;border-color:#e8707040}.bb-et-btn.danger:hover{background:#e8707033;color:#f88}.bb-et-btn.done{background:var(--bb-accent);border-color:var(--bb-accent);color:#fff;font-weight:600}.bb-et-btn.done:hover{background:#a07b18}.bb-et-separator{width:1px;height:20px;background:#ffffff1f;margin:0 .15rem}.bb-resizable-image{position:relative;cursor:default;border:2px solid transparent;border-radius:6px;transition:border-color .2s}.bb-resizable-image:hover{border-color:var(--bb-accent-light)}.bb-resizable-image.resizing{border-color:var(--bb-accent)}.bb-img-overlay{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:5}.bb-img-ctrl-btn{width:26px;height:26px;border-radius:50%;border:none;background:#000000a6;color:#fff;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bb-img-ctrl-btn:hover{background:#000000d9;transform:scale(1.1)}.bb-img-ctrl-btn.danger:hover{background:#dc3c3cd9}.bb-resize-handle{position:absolute;right:-4px;top:20%;bottom:20%;width:8px;cursor:ew-resize;background:var(--bb-accent);border-radius:4px;opacity:.7;transition:opacity .15s;z-index:5}.bb-resize-handle:hover{opacity:1}.bb-editing-active{border:1px dashed var(--bb-accent-light)!important;border-radius:4px;padding:.5rem!important;min-height:3rem}@media print{.bb-toolbar,.bb-bottom-nav,.bb-sidebar,.bb-edit-btn,.bb-editor-toolbar,.bb-resize-handle,.bb-img-overlay{display:none!important}.bb-container{background:#fff}.bb-page{box-shadow:none;page-break-after:always}.bb-page.editing{outline:none;box-shadow:none}.bb-book{filter:none}}.guided-creator{max-width:900px;margin:0 auto;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guided-header{text-align:center;margin-bottom:40px;padding:30px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;box-shadow:0 10px 40px #667eea4d}.guided-header h1{font-size:36px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;justify-content:center;gap:15px}.guided-header h1 svg{font-size:42px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.guided-header p{font-size:16px;opacity:.95;margin:0;font-weight:400}.progress-tracker{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:40px;background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014;position:relative}.progress-tracker:before{content:"";position:absolute;top:60px;left:15%;right:15%;height:3px;background:#e5e5e5;z-index:0}.progress-step{position:relative;display:flex;flex-direction:column;align-items:center;z-index:1}.step-circle{width:60px;height:60px;border-radius:50%;background:#f3f4f6;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin-bottom:12px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a;border:4px solid white}.progress-step.active .step-circle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.15);box-shadow:0 8px 25px #667eea66}.progress-step.completed .step-circle{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:scaleIn .4s ease}@keyframes scaleIn{0%{transform:scale(.8)}50%{transform:scale(1.15)}to{transform:scale(1)}}.step-info{text-align:center}.step-title{font-size:14px;font-weight:700;color:#6b7280;margin-bottom:4px;transition:all .3s ease}.progress-step.active .step-title{color:#667eea;font-size:15px}.progress-step.completed .step-title{color:#10b981}.step-description{font-size:12px;color:#9ca3af;line-height:1.4}.progress-step.active .step-description{color:#6b7280;font-weight:500}.guided-content{background:#fff;border-radius:20px;padding:40px;margin-bottom:30px;box-shadow:0 4px 20px #00000014;min-height:450px}.guided-step{animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.guided-step h2{font-size:26px;font-weight:700;color:#1f2937;margin:0 0 30px;display:flex;align-items:center;gap:12px}.guided-step h2:before{content:"";width:5px;height:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.occasion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:20px}.occasion-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:16px;padding:24px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;overflow:hidden}.occasion-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;z-index:0}.occasion-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #667eea33;border-color:#667eea}.occasion-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea66;transform:scale(1.05)}.occasion-card.selected:before{opacity:1}.occasion-icon{font-size:42px;margin-bottom:4px;z-index:1;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.occasion-card:hover .occasion-icon{transform:scale(1.15) rotate(5deg)}.occasion-card.selected .occasion-icon{transform:scale(1.2)}.occasion-label{font-size:14px;font-weight:600;color:#374151;z-index:1;transition:color .3s ease}.occasion-card.selected .occasion-label{color:#fff!important;position:relative;z-index:2}.form-group{margin-bottom:28px}.form-group label{display:block;font-size:15px;font-weight:600;color:#374151;margin-bottom:10px;display:flex;align-items:center;gap:8px}.form-group label:before{content:"";width:4px;height:18px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;font-family:inherit;transition:all .3s ease;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.tone-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}.tone-btn{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:12px;padding:16px 20px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tone-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.tone-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea26;border-color:#667eea}.tone-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border-color:#667eea;box-shadow:0 6px 20px #667eea4d;transform:scale(1.05);position:relative;z-index:1}.tone-btn.selected:before{opacity:1;z-index:-1}.preview-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:16px;padding:24px;margin-top:30px}.preview-box h3{font-size:18px;font-weight:700;color:#0c4a6e;margin:0 0 16px;display:flex;align-items:center;gap:10px}.preview-box h3:before{content:"📋";font-size:24px}.preview-box p{font-size:14px;color:#374151;margin:10px 0;line-height:1.6}.preview-box p strong{color:#0c4a6e;display:inline-block;min-width:100px}.final-step{display:flex;align-items:center;justify-content:center;min-height:400px}.ai-generation-display{text-align:center;padding:40px;display:flex;flex-direction:column;align-items:center;gap:20px}.ai-generation-display svg{filter:drop-shadow(0 4px 12px rgba(59,130,246,.3));animation:float 3s ease-in-out infinite}.ai-generation-display h2{font-size:28px;font-weight:700;color:#1f2937;margin:0}.ai-generation-display h2:before{display:none}.ai-generation-display p{font-size:16px;color:#6b7280;margin:0}.btn-large{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:14px;padding:18px 40px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;box-shadow:0 8px 25px #667eea4d;margin-top:20px}.btn-large:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #667eea66}.btn-large:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-large svg{font-size:20px}.guided-actions{display:flex;justify-content:space-between;gap:16px;padding:0 20px}.btn-secondary,.btn-primary{padding:14px 32px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px}.btn-secondary{background:#f3f4f6;color:#6b7280;box-shadow:0 2px 8px #0000000f}.btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.guided-header{padding:24px 16px}.guided-header h1{font-size:28px;flex-direction:column;gap:10px}.guided-header h1 svg{font-size:36px}.guided-header p{font-size:14px}.progress-tracker{grid-template-columns:repeat(2,1fr);gap:30px 0;padding:24px}.progress-tracker:before{display:none}.step-circle{width:50px;height:50px;font-size:18px}.step-title{font-size:13px}.step-description{font-size:11px}.guided-content{padding:24px;min-height:350px}.guided-step h2{font-size:22px}.occasion-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.occasion-card{padding:20px 12px}.occasion-icon{font-size:36px}.occasion-label{font-size:13px}.tone-options{grid-template-columns:1fr}.ai-generation-display{padding:20px}.ai-generation-display h2{font-size:24px}.btn-large{padding:16px 32px;font-size:16px}.guided-actions{flex-direction:column-reverse;padding:0 16px}.btn-secondary,.btn-primary{width:100%}}@media(max-width:480px){.guided-header h1{font-size:24px}.progress-tracker{padding:20px}.step-circle{width:45px;height:45px;font-size:16px}.guided-content{padding:20px}.guided-step h2{font-size:20px}.occasion-grid{grid-template-columns:repeat(2,1fr)}.form-group label{font-size:14px}.form-input,.form-select,.form-textarea{padding:12px 16px;font-size:14px}}.preview-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.preview-modal-content{background:#fff;border-radius:16px;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.preview-modal-header h2{font-size:24px;font-weight:600;color:#1f2937;margin:0}.close-btn{width:40px;height:40px;border-radius:8px;border:none;background:#f3f4f6;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:18px}.close-btn:hover{background:#e5e7eb;color:#1f2937}.preview-container{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:24px;overflow-y:auto;flex:1}.preview-tabs{display:flex;flex-direction:column;gap:24px}.preview-tab h3{font-size:16px;font-weight:600;color:#374151;margin-bottom:12px}.cover-preview{width:100%;aspect-ratio:1 / 1.414;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0003}.cover-content{text-align:center;color:#fff;padding:40px}.cover-content h1{font-size:36px;font-weight:700;margin-bottom:16px}.cover-content .subtitle{font-size:20px;margin-bottom:32px;opacity:.9}.cover-content .author{font-size:16px;opacity:.8}.page-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:40px;box-shadow:0 4px 12px #0000001a;min-height:400px;position:relative}.page-header-preview h2{margin-bottom:24px;color:#1f2937}.page-content-preview{color:#374151}.page-content-preview p{margin-bottom:16px;text-align:justify}.page-number-preview{position:absolute;bottom:20px;left:40px;right:40px;color:#6b7280;font-size:12px}.no-preview{padding:60px 20px;text-align:center;color:#9ca3af;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.preview-settings{background:#f9fafb;border-radius:8px;padding:20px;border:1px solid #e5e7eb;height:fit-content}.preview-settings h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:16px}.preview-settings ul{list-style:none;padding:0;margin:0}.preview-settings li{padding:8px 0;color:#6b7280;font-size:14px;border-bottom:1px solid #e5e7eb}.preview-settings li:last-child{border-bottom:none}.preview-settings li strong{color:#374151;display:inline-block;min-width:100px}.preview-modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}@media(max-width:1024px){.preview-container{grid-template-columns:1fr}}@media(max-width:768px){.preview-modal-content{max-height:95vh}.preview-modal-header{padding:16px}.preview-modal-header h2{font-size:20px}.preview-container{padding:16px;gap:16px}.cover-content h1{font-size:28px}.page-preview{padding:24px}}.export-engine-page{padding:20px}.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.format-card{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease}.format-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#6366f1}.format-card.active{border-color:#6366f1;background:linear-gradient(135deg,#f8faff,#fff);box-shadow:0 4px 16px #6366f133}.format-card.active:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;z-index:-1;opacity:.1}.recommended-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px}.premium-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.format-icon{font-size:48px;margin-bottom:16px;opacity:.9}.format-card h3{font-size:20px;font-weight:600;margin-bottom:8px;color:#1f2937}.format-card p{color:#6b7280;margin-bottom:16px;font-size:14px}.format-features{list-style:none;padding:16px 0 0;margin:16px 0 0;border-top:1px solid #e5e7eb}.format-features li{color:#6b7280;margin-bottom:8px;font-size:13px;display:flex;align-items:center;gap:8px}.format-features li svg{color:#10b981;font-size:12px}.export-section{background:#fff;border-radius:12px;padding:24px;margin-top:24px;box-shadow:0 1px 3px #0000001a}.export-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:#1f2937}.config-tabs{margin-top:20px}.tab-content{display:grid;gap:24px}.config-group{background:#f9fafb;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.config-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.config-header svg{color:#6366f1;font-size:20px}.config-header h3{font-size:16px;font-weight:600;color:#1f2937;margin:0}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.form-group input[type=text],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input[type=checkbox]{margin-right:8px;cursor:pointer}.form-group label:has(input[type=checkbox]){display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:12px}.design-option{border:2px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s;text-align:center}.design-option:hover{border-color:#6366f1;transform:translateY(-2px)}.design-option.active{border-color:#6366f1;background:#f0f9ff}.design-preview{width:100%;height:80px;border-radius:6px;margin-bottom:8px}.design-option span{font-size:13px;color:#374151;font-weight:500}.style-options{display:grid;gap:12px;margin-top:12px}.style-option{border:2px solid #e5e7eb;border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px}.style-option:hover{border-color:#6366f1;background:#f9fafb}.style-option.active{border-color:#6366f1;background:#f0f9ff}.style-option strong{color:#1f2937;font-size:14px}.style-option small{color:#6b7280;font-size:12px}.export-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;background:#fff;border-radius:12px;margin-top:24px;box-shadow:0 1px 3px #0000001a}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-secondary:hover{background:#f0f9ff;transform:translateY(-2px)}.export-progress{background:#fff;border-radius:12px;padding:24px;margin-top:24px;box-shadow:0 1px 3px #0000001a}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease;border-radius:999px}.export-progress p{text-align:center;color:#6b7280;font-size:14px;margin:0}@media(max-width:768px){.export-engine-page{padding:16px}.format-grid{grid-template-columns:1fr}.export-section,.config-group{padding:16px}.form-row{grid-template-columns:1fr}.design-grid{grid-template-columns:repeat(2,1fr)}.export-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media(max-width:480px){.format-card{padding:16px}.format-icon{font-size:36px}.format-card h3{font-size:18px}.design-grid{grid-template-columns:1fr}}.photo-upload-page{max-width:1400px;margin:0 auto}.photo-upload-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.photo-upload-page .page-header h1{font-size:28px;color:#1a1a1a;margin:0 0 8px;display:flex;align-items:center;gap:12px}.photo-upload-page .page-header h1 svg{color:#6366f1}.photo-upload-page .page-header p{color:#666;margin:0;font-size:14px}.upload-stats{display:flex;gap:15px}.stat-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:10px 20px;border-radius:25px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6366f14d}.category-selector{margin-bottom:30px}.category-selector h2{font-size:20px;margin-bottom:20px;color:#1a1a1a}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.category-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--category-color, #6366f1);transform:scaleX(0);transition:transform .3s ease}.category-card:hover{border-color:var(--category-color, #6366f1);box-shadow:0 8px 20px #6366f126;transform:translateY(-3px)}.category-card:hover:before{transform:scaleX(1)}.category-card.active{border-color:var(--category-color, #6366f1);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);box-shadow:0 8px 20px #6366f133}.category-card.active:before{transform:scaleX(1)}.category-icon{font-size:48px;margin-bottom:15px}.category-card h3{font-size:18px;margin:0 0 8px;color:#1a1a1a}.category-card p{font-size:13px;color:#666;margin:0 0 15px;line-height:1.5}.photo-count{display:inline-block;background:#f3f4f6;color:#6b7280;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.category-card.active .photo-count{background:var(--category-color, #6366f1);color:#fff}.upload-dropzone{background:#fff;border:3px dashed #d1d5db;border-radius:12px;padding:60px 40px;text-align:center;transition:all .3s ease;margin-bottom:30px}.upload-dropzone.dragging{border-color:#6366f1;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);transform:scale(1.02)}.dropzone-content{pointer-events:none}.upload-dropzone:hover{border-color:#9ca3af;background:#f9fafb}.upload-icon{font-size:64px;color:#6366f1;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dropzone-content h3{font-size:24px;margin:0 0 8px;color:#1a1a1a}.dropzone-content p{color:#6b7280;margin:0 0 20px;font-size:14px}.dropzone-content label{pointer-events:all;display:inline-flex;align-items:center;gap:8px}.upload-hint{display:block;margin-top:15px;font-size:12px;color:#9ca3af}.upload-progress-container{background:#fff;border-radius:12px;padding:20px;margin-right:0;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.progress-header{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:600;color:#1a1a1a}.progress-bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);transition:width .3s ease;border-radius:6px}.photo-gallery-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f3f4f6}.gallery-header h2{font-size:20px;margin:0;color:#1a1a1a;display:flex;align-items:center;gap:10px}.photo-count-badge{background:#f3f4f6;color:#6b7280;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}.empty-gallery{text-align:center;padding:80px 40px;color:#9ca3af}.empty-gallery svg{font-size:80px;margin-bottom:20px;opacity:.3}.empty-gallery p{font-size:18px;margin:0 0 8px;color:#6b7280}.empty-gallery small{font-size:14px;color:#9ca3af}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.photo-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease}.photo-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.photo-image{position:relative;width:100%;height:200px;overflow:hidden;background:#f3f4f6}.photo-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.photo-card:hover .photo-image img{transform:scale(1.1)}.photo-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:15px;opacity:0;transition:opacity .3s ease}.photo-card:hover .photo-overlay{opacity:1}.overlay-btn{width:45px;height:45px;border-radius:50%;border:none;cursor:pointer;font-size:18px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.overlay-btn.view{background:#fff;color:#6366f1}.overlay-btn.view:hover{background:#6366f1;color:#fff;transform:scale(1.1)}.overlay-btn.delete{background:#fff;color:#ef4444}.overlay-btn.delete:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.photo-info{padding:15px}.photo-name{display:block;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-meta{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af}.photo-actions{display:flex;justify-content:space-between;gap:15px;padding-top:20px}@media(max-width:768px){.category-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.upload-dropzone{padding:40px 20px}.photo-actions{flex-direction:column}.photo-actions button{width:100%}}.family-tree-page{min-height:100vh;background:var(--page-bg);padding:2rem}.family-tree-container{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;box-shadow:0 10px 40px #667eea4d}.header-content h1{font-size:2.5rem;margin:0 0 .5rem;display:flex;align-items:center;gap:1rem}.header-content p{font-size:1.1rem;opacity:.9;margin:0}.btn-add-person{background:#fff;color:#667eea;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.btn-add-person:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.stat-icon{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;flex-shrink:0}.stat-content h3{font-size:2rem;margin:0 0 .25rem;color:var(--text-card-primary)}.stat-content p{margin:0;color:var(--text-card-secondary);font-size:.95rem}.controls-bar{display:flex;gap:1rem;margin-bottom:2rem}.search-box,.filter-box{background:#fff;border-radius:12px;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 2px 10px #0000000f;flex:1}.search-box svg,.filter-box svg{color:#9ca3af;font-size:1.1rem}.search-box input,.filter-box select{border:none;outline:none;font-size:1rem;flex:1;background:transparent;color:var(--text-card-primary)}.filter-box{max-width:300px}.family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.family-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative}.family-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.card-header{height:8px;border-top:4px solid #667eea;position:relative}.memorial-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.4rem;box-shadow:0 2px 10px #f5576c4d}.card-body{padding:2rem 1.5rem;text-align:center}.profile-photo{width:100px;height:100px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;border:4px solid #F3F4F6;box-shadow:0 4px 15px #0000001a}.profile-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb,#f3f4f6);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#9ca3af}.card-body h3{font-size:1.4rem;margin:0 0 .5rem;color:var(--text-card-primary)}.relationship-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;margin-bottom:1rem}.birth-date{color:var(--text-card-secondary);font-size:.9rem;margin:.5rem 0;display:flex;align-items:center;justify-content:center;gap:.5rem}.bio{color:var(--text-card-secondary);font-size:.9rem;line-height:1.5;margin-top:1rem}.card-actions{display:flex;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid #F3F4F6;justify-content:center}.btn-icon{background:#f3f4f6;border:none;width:40px;height:40px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#6b7280}.btn-icon:hover{background:#667eea;color:#fff;transform:scale(1.1)}.btn-icon.btn-danger:hover{background:#ef4444;color:#fff}.loading-state,.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.spinner{width:50px;height:50px;border:4px solid #F3F4F6;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-state svg{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;margin:0 0 .5rem;color:var(--text-card-primary)}.empty-state p{color:var(--text-card-secondary);margin-bottom:1.5rem}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:2rem;border-bottom:1px solid #F3F4F6;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-card-primary);display:flex;align-items:center;gap:.75rem}.btn-close{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .3s ease}.btn-close:hover{background:#f3f4f6;color:var(--text-card-primary)}.modal-body{padding:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-card-primary);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #E5E7EB;border-radius:10px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #F3F4F6;display:flex;gap:1rem;justify-content:flex-end}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{background:#f3f4f6;color:var(--text-card-primary)}.btn-secondary:hover{background:#e5e7eb}@media(max-width:768px){.family-tree-page{padding:1rem}.page-header{flex-direction:column;gap:1rem;text-align:center}.header-content h1{font-size:1.8rem}.controls-bar{flex-direction:column}.filter-box{max-width:100%}.family-grid,.form-row,.stats-grid{grid-template-columns:1fr}}:root{--mt-serif: "Playfair Display", Georgia, serif;--mt-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mt-primary: #6366f1;--mt-primary-light: #818cf8;--mt-accent: #c9a96e;--mt-accent-light: #e8d5a8;--mt-bg: #f8f9fc;--mt-card-bg: #ffffff;--mt-text: #1e293b;--mt-text-light: #64748b;--mt-text-muted: #94a3b8;--mt-border: #e2e8f0;--mt-cream: #faf6f0;--mt-paper: #f9f5ed;--mt-radius: 18px;--mt-shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--mt-shadow-md: 0 8px 30px rgba(0, 0, 0, .08);--mt-shadow-lg: 0 20px 60px rgba(0, 0, 0, .12);--mt-shadow-hover: 0 16px 40px rgba(99, 102, 241, .15)}.memory-timeline-page{font-family:var(--mt-sans);background:var(--mt-bg);min-height:100vh;color:var(--mt-text);-webkit-font-smoothing:antialiased}.memory-container{max-width:1240px;margin:0 auto;padding:24px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;padding:24px 28px;background:var(--mt-card-bg);border-radius:var(--mt-radius);box-shadow:var(--mt-shadow-sm);border:1px solid var(--mt-border)}.header-content h1{font-family:var(--mt-serif);font-size:1.8rem;font-weight:700;color:var(--mt-text);margin:0 0 4px;display:flex;align-items:center;gap:12px}.header-content p{margin:0;color:var(--mt-text-light);font-size:.95rem}.btn-add-memory{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6366f14d;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-add-memory:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--mt-card-bg);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--mt-shadow-sm);border:1px solid var(--mt-border);transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0}.stat-content h3{margin:0;font-size:1.5rem;font-weight:800;color:var(--mt-text);line-height:1}.stat-content p{margin:2px 0 0;font-size:.8rem;color:var(--mt-text-muted);font-weight:500}.controls-bar{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:14px;color:var(--mt-text-muted);font-size:.9rem;pointer-events:none}.search-box input{width:100%;padding:12px 14px 12px 40px;border:2px solid var(--mt-border);border-radius:12px;font-size:.9rem;font-family:var(--mt-sans);background:var(--mt-card-bg);transition:all .3s;color:var(--mt-text)}.search-box input:focus{outline:none;border-color:var(--mt-primary);box-shadow:0 0 0 4px #6366f11a}.filter-box{position:relative;display:flex;align-items:center}.filter-box svg{position:absolute;left:12px;color:var(--mt-text-muted);font-size:.85rem;pointer-events:none}.filter-box select{padding:12px 16px 12px 36px;border:2px solid var(--mt-border);border-radius:12px;font-size:.9rem;font-family:var(--mt-sans);background:var(--mt-card-bg);color:var(--mt-text);cursor:pointer;transition:all .3s;appearance:auto}.filter-box select:focus{outline:none;border-color:var(--mt-primary)}.sort-btn{padding:12px 18px;border:2px solid var(--mt-border);border-radius:12px;background:var(--mt-card-bg);color:var(--mt-text);font-size:.85rem;font-weight:600;font-family:var(--mt-sans);cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px;white-space:nowrap}.sort-btn:hover,.sort-btn.active{border-color:var(--mt-primary);color:var(--mt-primary);background:#6366f10d}.results-count{font-size:.85rem;color:var(--mt-text-muted);font-weight:500;padding:8px 0;white-space:nowrap}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.memory-card-item{background:var(--mt-card-bg);border-radius:var(--mt-radius);overflow:hidden;box-shadow:var(--mt-shadow-sm);border:1px solid var(--mt-border);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.memory-card-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--mt-shadow-hover);border-color:#6366f133}.card-cover{width:100%;height:180px;position:relative;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.memory-card-item:hover .card-cover img{transform:scale(1.08)}.card-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.2rem}.card-type-badge{position:absolute;top:12px;right:12px;padding:5px 12px;border-radius:20px;font-size:.72rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.5px}.card-body{padding:20px}.card-title{font-family:var(--mt-serif);font-size:1.15rem;font-weight:700;color:var(--mt-text);margin:0 0 8px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-preview{font-size:.88rem;color:var(--mt-text-light);line-height:1.65;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.card-author{font-size:.8rem;font-weight:600;color:var(--mt-primary);display:flex;align-items:center;gap:5px}.card-date{font-size:.78rem;color:var(--mt-text-muted);display:flex;align-items:center;gap:5px}.card-emotions{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.card-emotion-tag{padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:600;background:linear-gradient(135deg,#6366f114,#8b5cf614);color:var(--mt-primary);border:1px solid rgba(99,102,241,.12)}.card-read-more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 0;border:2px solid var(--mt-border);border-radius:10px;background:transparent;color:var(--mt-text);font-size:.85rem;font-weight:600;font-family:var(--mt-sans);cursor:pointer;transition:all .3s}.card-read-more:hover{background:var(--mt-primary);border-color:var(--mt-primary);color:#fff}.book-overlay{position:fixed;inset:0;background:#0f0f1eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:30px;animation:bookFadeIn .3s ease}@keyframes bookFadeIn{0%{opacity:0}to{opacity:1}}.book-container{background:var(--mt-paper);border-radius:12px;max-width:1000px;width:100%;max-height:85vh;display:flex;box-shadow:0 30px 100px #00000059,0 0 0 1px #ffffff1a;animation:bookSlideIn .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative}@keyframes bookSlideIn{0%{opacity:0;transform:scale(.85) rotateY(-8deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.book-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:#00000014;color:var(--mt-text);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.book-close:hover{background:#00000026;transform:rotate(90deg)}.book-left{flex:0 0 42%;background:linear-gradient(135deg,#1a1f3a,#2a3154);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:500px}.book-left img{width:100%;height:100%;object-fit:cover}.book-left-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#ffffff4d;width:100%;height:100%;padding:40px}.book-left-placeholder .book-placeholder-icon{font-size:4rem;opacity:.5}.book-left-placeholder .book-placeholder-text{font-family:var(--mt-serif);font-size:1.2rem;font-style:italic;text-align:center;opacity:.5}.book-left:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,transparent,rgba(201,169,110,.4),transparent)}.book-right{flex:1;padding:40px 36px;overflow-y:auto;background:var(--mt-paper);position:relative}.book-right:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(201,169,110,.06) 31px,rgba(201,169,110,.06) 32px);pointer-events:none}.book-chapter-label{font-family:var(--mt-sans);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--mt-accent);margin-bottom:8px;position:relative}.book-title{font-family:var(--mt-serif);font-size:2rem;font-weight:700;color:var(--mt-text);line-height:1.3;margin-bottom:8px;position:relative}.book-ornament{display:flex;align-items:center;gap:12px;margin:16px 0 24px;position:relative}.book-ornament:before,.book-ornament:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--mt-accent-light),transparent)}.book-ornament:after{background:linear-gradient(270deg,var(--mt-accent-light),transparent)}.book-ornament span{color:var(--mt-accent);font-size:1rem}.book-meta-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;position:relative}.book-meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--mt-text-light);font-weight:500}.book-meta-item svg{color:var(--mt-accent)}.book-importance{display:flex;gap:3px;color:#fbbf24;font-size:.85rem}.book-importance .active{color:#f59e0b}.book-importance svg:not(.active){color:#e2e8f0}.book-content{font-family:var(--mt-serif);font-size:1.05rem;line-height:1.95;color:#3a3a4a;white-space:pre-wrap;position:relative}.book-emotions{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(201,169,110,.2);position:relative}.book-emotion-pill{padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:600;background:#c9a96e1a;color:var(--mt-accent);border:1px solid rgba(201,169,110,.2)}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.skeleton-card{background:var(--mt-card-bg);border-radius:var(--mt-radius);overflow:hidden;border:1px solid var(--mt-border)}.skeleton-cover{width:100%;height:180px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite ease-in-out}.skeleton-body{padding:20px}.skeleton-line{height:14px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite ease-in-out;margin-bottom:10px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:85%}.skeleton-line.tiny{width:40%;height:10px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:80px 20px;color:var(--mt-text-light)}.empty-state svg{font-size:3rem;color:#e2e8f0;margin-bottom:16px}.empty-state h3{font-family:var(--mt-serif);font-size:1.5rem;color:var(--mt-text);margin:0 0 8px}.empty-state p{font-size:.95rem;margin:0 0 24px}.empty-state .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #6366f14d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;width:92%;max-width:600px;border-radius:20px;box-shadow:0 20px 50px #00000026;max-height:90vh;overflow-y:auto}.modal-content.large{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--mt-border)}.modal-header h2{font-size:1.2rem;font-weight:700;color:var(--mt-text);margin:0;display:flex;align-items:center;gap:10px}.modal-header h2 svg{color:var(--mt-primary)}.btn-close{width:36px;height:36px;border-radius:50%;border:none;background:#f1f5f9;color:var(--mt-text-light);font-size:1.3rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#e2e8f0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--mt-border)}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.88rem;font-weight:600;color:var(--mt-text);margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;border:2px solid var(--mt-border);border-radius:10px;font-size:.9rem;font-family:var(--mt-sans);transition:all .3s;background:#fff;color:var(--mt-text);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--mt-primary);box-shadow:0 0 0 3px #6366f11a}.range-value{font-size:.85rem;font-weight:600;color:var(--mt-primary);margin-left:8px}.tag-selector{display:flex;flex-wrap:wrap;gap:8px}.tag-btn{padding:6px 14px;border-radius:20px;border:2px solid var(--mt-border);background:transparent;color:var(--mt-text-light);font-size:.82rem;font-weight:600;font-family:var(--mt-sans);cursor:pointer;transition:all .2s}.tag-btn.active{background:var(--mt-primary);border-color:var(--mt-primary);color:#fff}.tag-btn:hover:not(.active){border-color:var(--mt-primary-light);color:var(--mt-primary)}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:10px 24px;border-radius:10px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #6366f14d;transition:all .3s}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{padding:10px 20px;border-radius:10px;border:2px solid var(--mt-border);background:#fff;color:var(--mt-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc}@media(max-width:1024px){.memory-grid,.skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.memory-container{padding:16px}.page-header{flex-direction:column;text-align:center;padding:20px}.stats-grid,.memory-grid,.skeleton-grid{grid-template-columns:1fr}.controls-bar{flex-direction:column}.search-box,.filter-box,.sort-btn,.filter-box select{width:100%}.book-container{flex-direction:column;max-height:90vh}.book-left{flex:0 0 200px;min-height:200px}.book-left:after{display:none}.book-right{padding:28px 20px}.book-title{font-size:1.5rem}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.card-cover{height:150px}.book-left{flex:0 0 160px;min-height:160px}.book-right{padding:24px 16px}.book-title{font-size:1.3rem}.book-content{font-size:.95rem}}.occasions-page{padding:24px;background-color:#f8fafc;min-height:100vh}.occasions-container{max-width:1200px;margin:0 auto}.page-header{margin-bottom:24px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:1.5rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:12px;margin-bottom:4px}.header-content h1 svg{color:#ec4899}.header-content p{color:#6b7280;font-size:.875rem}.btn-primary{background:linear-gradient(135deg,#ec4899,#d946ef);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 6px -1px #ec48994d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 8px -1px #ec489966}.section-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:16px;display:flex;align-items:center;gap:8px}.upcoming-grid{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;margin-bottom:32px}.occasion-card{min-width:280px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000000d;border:1px solid #e5e7eb;position:relative;transition:all .2s}.occasion-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.occasion-card.urgent{border-left:4px solid #ef4444}.occasion-card.soon{border-left:4px solid #f59e0b}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.occasion-icon{width:40px;height:40px;border-radius:50%;background:#fdf2f8;color:#db2777;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.days-remaining{font-size:.75rem;font-weight:700;color:#ef4444;background:#fee2e2;padding:4px 8px;border-radius:12px}.card-body h3{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:4px}.card-body p{font-size:.875rem;color:#6b7280;margin-bottom:12px}.occasion-date{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#4b5563;font-weight:500}.card-actions{margin-top:16px;display:flex;gap:8px}.btn-gift{flex:1;background:#fff;border:1px solid #d1d5db;color:#374151;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.btn-gift:hover{background:#f3f4f6;border-color:#9ca3af}.calendar-view{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.month-selector{display:flex;align-items:center;gap:16px}.btn-nav{padding:8px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center}.btn-nav:hover{background:#f9fafb}.current-month{font-size:1.1rem;font-weight:600;color:#1f2937;min-width:140px;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#e5e7eb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.calendar-day-header{background:#f9fafb;padding:12px;text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.calendar-day{background:#fff;min-height:100px;padding:8px;position:relative;transition:background-color .2s;cursor:pointer}.calendar-day:hover{background-color:#ffffeb}.calendar-day.today{background-color:#eff6ff}.day-number{font-size:.8rem;font-weight:600;color:#374151;margin-bottom:4px;display:block}.calendar-day.today .day-number{color:#2563eb;background:#dbeafe;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.day-events{display:flex;flex-direction:column;gap:4px}.event-pill{font-size:.7rem;padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.event-birthday{background-color:#f472b6}.event-anniversary{background-color:#60a5fa}.event-memorial{background-color:#a78bfa}.event-other{background-color:#9ca3af}.event-more{font-size:.7rem;color:#6b7280;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#9ca3af;text-align:center;background:#fff;border-radius:12px;border:2px dashed #e5e7eb}.empty-state svg{font-size:3rem;margin-bottom:16px;color:#cbd5e1}.empty-state h3{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:8px}.empty-state p{max-width:400px;margin-bottom:24px;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:#fff;width:90%;max-width:500px;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.modal-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.25rem;font-weight:600;color:#1f2937}.modal-body{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.modal-footer{padding:20px;background:#f9fafb;display:flex;justify-content:flex-end;gap:12px}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer}.btn-save{background:#ec4899;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start}.calendar-day{min-height:60px;padding:4px}.event-pill{padding:2px;font-size:.6rem}.modal-content{width:95%}}.gift-studio-page{padding:24px;background-color:#f8fafc;min-height:100vh}.studio-container{max-width:1300px;margin:0 auto}.page-header{margin-bottom:32px;background:#fff;padding:24px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -2px #0000000d;border:1px solid #e2e8f0}.header-content h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:4px;display:flex;align-items:center;gap:12px}.header-content h1 span{font-size:2rem}.header-content p{color:#64748b;font-size:1rem}.credit-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:12px 20px;border-radius:12px;display:flex;flex-direction:column;align-items:center;border:1px solid #bae6fd}.credit-count{font-size:1.5rem;font-weight:800;color:#0284c7}.credit-label{font-size:.75rem;color:#0369a1;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.category-section{margin-bottom:48px}.section-title{font-size:1.25rem;font-weight:700;color:#334155;margin-bottom:24px;display:flex;align-items:center;gap:12px}.category-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.25rem}.category-premium .category-icon{background:#fdf2f8;color:#db2777}.category-annual .category-icon{background:#eff6ff;color:#2563eb}.category-everyday .category-icon{background:#f0fdf4;color:#16a34a}.gifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.gift-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease;cursor:pointer;position:relative;display:flex;flex-direction:column}.gift-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.card-image-wrapper{height:180px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gift-card:hover .card-image-wrapper img{transform:scale(1.05)}.card-badge{position:absolute;top:12px;right:12px;background:#ffffffe6;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;color:#0f172a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0000001a}.card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.gift-name{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1.3}.gift-description{font-size:.9rem;color:#64748b;margin-bottom:20px;line-height:1.5;flex-grow:1}.gift-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:16px;margin-top:auto}.price-tag{font-size:1.125rem;font-weight:700;color:#0f172a}.btn-create{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-create:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #6366f14d}.generated-list{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0}.generated-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f1f5f9}.generated-item:last-child{border-bottom:none}.item-info{display:flex;gap:16px;align-items:center}.item-thumb{width:64px;height:64px;border-radius:8px;background:#f1f5f9;overflow:hidden}.item-thumb img{width:100%;height:100%;object-fit:cover}.item-details h4{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:4px}.item-meta{font-size:.85rem;color:#64748b;display:flex;gap:12px}.status-pill{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-pending{background:#fff7ed;color:#c2410c}.status-approved{background:#f0fdf4;color:#15803d}.status-shipped{background:#f0f9ff;color:#0369a1}.item-actions{display:flex;gap:8px}.btn-view{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#475569;font-size:.85rem;font-weight:500;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;width:95%;max-width:800px;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-header{padding:24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-body{padding:32px;flex-grow:1}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.preview-image{background:#f8fafc;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;height:400px;display:flex;align-items:center;justify-content:center}.preview-details h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:16px}.detail-row{margin-bottom:16px;border-bottom:1px solid #f1f5f9;padding-bottom:16px}.detail-label{font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.detail-value{font-size:1.125rem;color:#1e293b}.customization-preview{background:#fff1f2;border:1px dashed #fda4af;padding:16px;border-radius:8px;margin-top:24px}.customization-preview p{font-family:George,serif;font-style:italic;color:#881337;line-height:1.6}.modal-footer{padding:24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.btn-approve{background:#10b981;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer}.btn-cancel{background:#fff;border:1px solid #cbd5e1;color:#475569;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#64748b}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s infinite linear;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.preview-grid{grid-template-columns:1fr}.preview-image{height:250px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.credit-badge{width:100%;flex-direction:row;justify-content:center;gap:12px}}.event-gifting-section{margin:40px 0}.section-subtitle{color:#64748b;font-size:.95rem;margin-top:-16px;margin-bottom:24px}.event-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.event-template-card{background:#fff;padding:24px;border-radius:16px;border:1px solid #e2e8f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.event-template-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d;border-color:var(--event-color)}.event-template-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--event-color);opacity:.7}.event-icon-circle{width:56px;height:56px;background:#f8fafc;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0;transition:all .3s ease}.event-template-card:hover .event-icon-circle{background:var(--event-color);color:#fff}.event-card-info h3{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:4px}.event-card-info p{font-size:.85rem;color:#64748b;line-height:1.4}.event-card-arrow{margin-left:auto;color:#cbd5e1;font-size:.9rem;transition:all .2s}.event-template-card:hover .event-card-arrow{color:var(--event-color);transform:translate(3px)}.questionnaire-modal-body{padding:24px!important}.questionnaire-intro{background:#f0f9ff;padding:16px;border-radius:12px;border:1px solid #bae6fd;margin-bottom:24px;color:#0369a1;font-size:.95rem;line-height:1.5}.questions-list{display:flex;flex-direction:column;gap:20px}.question-field{display:flex;flex-direction:column;gap:8px}.question-field label{font-weight:600;color:#334155;font-size:.95rem}.question-field textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;min-height:100px;font-family:inherit;font-size:.95rem;transition:all .2s;resize:vertical}.question-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.event-generation-result{padding:8px}.result-header{margin-bottom:20px}.result-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#6366f1;letter-spacing:.05em;display:block;margin-bottom:4px}.result-header h3{font-size:1.5rem;color:#1e293b;font-weight:800}.result-content-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:inset 0 2px 4px #00000005;max-height:400px;overflow-y:auto}.rich-text-content{font-family:Inter,sans-serif;line-height:1.8;color:#334155;font-size:1.1rem}.rich-text-content p{margin-bottom:1.5rem}.header-with-icon{display:flex;align-items:center}.modal-content.large{max-width:800px}@media(max-width:768px){.event-templates-grid{grid-template-columns:1fr}}.tone-selection-view{padding:10px}.tone-intro{text-align:center;margin-bottom:30px}.tone-intro h3{font-size:1.5rem;color:#1e293b;margin-bottom:8px}.tone-intro p{color:#64748b;font-size:1rem}.tone-card{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.tone-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0000001a!important}.tone-card.active{box-shadow:0 8px 15px #00000014!important}.agent-selector-box select{transition:all .2s}.agent-selector-box select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.subscription-page{padding:40px 24px;background-color:#f8fafc;min-height:100vh}.subscription-container{max-width:1200px;margin:0 auto}.page-header{text-align:center;margin-bottom:48px}.page-header h1{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:16px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-header p{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto}.current-plan-banner{background:#fff;border-radius:16px;padding:24px;margin-bottom:48px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #e2e8f0}.plan-info h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:8px}.plan-details{display:flex;gap:24px;color:#64748b;font-size:.95rem}.renewal-date,.gifts-usage{display:flex;align-items:center;gap:8px}.renewal-date svg,.gifts-usage svg{color:#6366f1}.usage-bar{display:flex;align-items:center;gap:12px}.usage-track{width:120px;height:8px;background-color:#f1f5f9;border-radius:4px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:4px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:64px}.plan-card{background:#fff;border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;position:relative;transition:all .3s ease;border:1px solid #e2e8f0}.plan-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.plan-card.highlighted{border:2px solid #6366f1;box-shadow:0 20px 25px -5px #6366f126,0 10px 10px -5px #6366f11a}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:4px 16px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 6px -1px #6366f14d}.plan-header{text-align:center;margin-bottom:24px}.plan-header h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:16px}.price{font-size:2.5rem;font-weight:800;color:#0f172a;display:flex;align-items:baseline;justify-content:center;gap:4px}.currency{font-size:1.5rem;vertical-align:top}.period{font-size:1rem;color:#64748b;font-weight:500}.plan-features{flex-grow:1;margin-bottom:32px}.plan-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.plan-features li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:#334155;line-height:1.5}.plan-features li svg{color:#10b981;margin-top:3px;flex-shrink:0}.plan-features li.excluded{color:#94a3b8;text-decoration:line-through}.plan-features li.excluded svg{color:#cbd5e1}.promo-text{font-size:.875rem;color:#ef4444;font-weight:600;margin-top:8px;display:block}.plan-action{margin-top:auto}.btn-select{width:100%;padding:14px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.btn-select.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;box-shadow:0 4px 6px -1px #6366f14d}.btn-select.primary:hover{transform:translateY(-2px);box-shadow:0 8px 10px -1px #6366f166}.btn-select.outline{background:#fff;color:#6366f1;border:2px solid #6366f1}.btn-select.outline:hover{background:#eff6ff}.btn-select.current{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1;cursor:default}.comparison-section{background:#fff;padding:40px;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d}.comparison-section h2{text-align:center;font-size:1.75rem;color:#1e293b;margin-bottom:32px}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;min-width:800px}.comparison-table th,.comparison-table td{padding:16px;text-align:center;border-bottom:1px solid #e2e8f0}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left;font-weight:600;color:#334155;width:25%}.comparison-table th{font-size:1.125rem;color:#1e293b;background-color:#f8fafc}.comparison-table th.highlighted{color:#6366f1;background-color:#eff6ff}.comparison-table tr:hover td{background-color:#f8fafc}.comparison-table svg.check{color:#10b981;font-size:1.25rem}.comparison-table span.dash{color:#cbd5e1;font-size:1.5rem;font-weight:700}@media(max-width:768px){.page-header h1{font-size:2rem}.current-plan-banner{flex-direction:column;text-align:center;gap:24px}.plan-details{flex-direction:column;gap:16px;align-items:center}.comparison-section{padding:24px;display:none}}.order-history-page{min-height:100vh;background:#f9fafb;padding:40px 20px}.order-container{max-width:1200px;margin:0 auto}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.order-header h1{font-size:36px;font-weight:700;color:#111827;margin:0 0 8px;display:flex;align-items:center;gap:12px}.order-header h1 svg{color:#6366f1}.order-header p{font-size:16px;color:#6b7280;margin:0}.order-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #0000000a;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000014}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-info{flex:1}.stat-value{font-size:32px;font-weight:700;color:#111827;line-height:1;margin-bottom:6px}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.order-controls{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.search-bar{flex:1;min-width:300px;position:relative}.search-bar svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:18px}.search-bar input{width:100%;padding:14px 20px 14px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .2s}.filter-group{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px}.filter-group svg{color:#6b7280;font-size:18px}.filter-group select{border:none;background:transparent;font-size:15px;font-weight:500;color:#374151;cursor:pointer;outline:none}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000a;transition:box-shadow .3s ease}.order-card:hover{box-shadow:0 8px 16px #00000014}.order-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:2px solid #f3f4f6;margin-bottom:16px}.order-id strong{font-size:18px;color:#111827;display:block;margin-bottom:6px}.order-date{font-size:14px;color:#6b7280}.order-status{display:flex;align-items:center;gap:12px}.status-icon{font-size:24px}.status-icon.success{color:#10b981}.status-icon.pending{color:#f59e0b}.status-icon.failed{color:#ef4444}.status-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.failed{background:#fee2e2;color:#991b1b}.order-card-body{margin-bottom:16px}.order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.order-item{display:flex;flex-direction:column;gap:6px}.order-item .label{font-size:13px;color:#6b7280;font-weight:500}.order-item .value{font-size:15px;color:#111827;font-weight:600}.order-item .value.mono{font-family:Courier New,monospace;font-size:13px}.order-item .value.amount{font-size:20px;color:#6366f1}.gateway-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize}.gateway-badge.razorpay{background:#e0f2fe;color:#0369a1}.gateway-badge.stripe{background:#ede9fe;color:#6d28d9}.order-type-info{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.type-badge{padding:4px 12px;background:#f3f4f6;border-radius:6px;font-size:12px;font-weight:600;color:#6b7280;text-transform:capitalize}.item-name{font-size:14px;color:#374151;font-weight:500}.order-card-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:2px solid #f3f4f6}.btn-invoice,.btn-retry{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-invoice{background:#6366f1;color:#fff}.btn-invoice:hover{background:#5558e3;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-retry{background:#ef4444;color:#fff}.btn-retry:hover{background:#dc2626;transform:translateY(-2px)}.empty-orders{text-align:center;padding:80px 20px;background:#fff;border-radius:16px}.empty-icon{font-size:80px;color:#d1d5db;margin-bottom:24px}.empty-orders h3{font-size:24px;font-weight:600;color:#111827;margin:0 0 12px}.empty-orders p{font-size:16px;color:#6b7280;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading-container svg{color:#6366f1}.loading-container p{font-size:18px;color:#6b7280}@media(max-width:768px){.order-header{flex-direction:column;align-items:flex-start;gap:16px}.order-header h1{font-size:28px}.order-stats{grid-template-columns:1fr}.order-controls{flex-direction:column}.search-bar{min-width:auto}.order-details{grid-template-columns:1fr}.order-card-header{flex-direction:column;align-items:flex-start;gap:12px}.order-card-footer{flex-direction:column}.btn-invoice,.btn-retry{width:100%;justify-content:center}}.payment-result-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.payment-result-page.success{background:linear-gradient(135deg,#10b981,#059669)}.payment-result-page.cancel{background:linear-gradient(135deg,#ef4444,#dc2626)}.result-container{max-width:600px;width:100%;background:#fff;border-radius:24px;padding:60px 40px;box-shadow:0 20px 60px #0000004d;text-align:center}.result-icon{width:120px;height:120px;margin:0 auto 32px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .5s ease-out}.result-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.result-icon.cancel{background:linear-gradient(135deg,#ef4444,#dc2626)}.result-icon svg{font-size:60px;color:#fff}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.result-container h1{font-size:36px;font-weight:700;color:#111827;margin:0 0 16px}.result-message{font-size:18px;color:#6b7280;line-height:1.6;margin:0 0 40px}.order-summary{background:#f9fafb;border-radius:16px;padding:24px;margin-bottom:32px;text-align:left}.order-summary h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 20px;text-align:center}.summary-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e7eb}.summary-row:last-child{border-bottom:none}.summary-row span{font-size:15px;color:#6b7280}.summary-row strong{font-size:15px;color:#111827;font-weight:600}.summary-row strong.mono{font-family:Courier New,monospace;font-size:13px}.result-actions{display:flex;gap:16px;margin-bottom:40px}.result-actions button{flex:1;padding:16px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-secondary{background:#fff;color:#6366f1;border:2px solid #6366f1}.btn-secondary:hover{background:#f0f0ff;transform:translateY(-2px)}.next-steps{background:#f0f0ff;border-radius:16px;padding:24px;text-align:left}.next-steps h4{font-size:18px;font-weight:600;color:#111827;margin:0 0 16px;text-align:center}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{font-size:15px;color:#4b5563;padding:10px 0;border-bottom:1px solid #e5e7eb}.next-steps li:last-child{border-bottom:none}.help-section{background:#fef2f2;border-radius:16px;padding:24px;margin-top:32px}.help-section h4{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px}.help-section p{font-size:15px;color:#6b7280;margin:0 0 20px}.btn-support{padding:12px 24px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-support:hover{background:#dc2626;transform:translateY(-2px)}@media(max-width:768px){.result-container{padding:40px 24px}.result-container h1{font-size:28px}.result-message{font-size:16px}.result-actions{flex-direction:column}.result-actions button{width:100%}}.payment-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:2rem;background:var(--page-bg)}.payment-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2.5rem;max-width:500px;width:100%;text-align:center}.payment-icon{font-size:4rem;margin-bottom:1.5rem}.payment-icon .cancel-icon{color:#dc3545}.payment-card h2{color:#343a40;margin-bottom:1rem}.payment-card p{color:#6c757d;margin-bottom:1.5rem;line-height:1.6}.payment-actions{margin:2rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:5px;font-weight:500;text-decoration:none;transition:all .2s ease;gap:.5rem}.btn-primary{background-color:#007bff;color:#fff;border:1px solid #007bff}.btn-primary:hover{background-color:#0056b3;border-color:#0056b3}.payment-help{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef;font-size:.9rem}.payment-help a{color:#007bff;text-decoration:none;font-weight:500}.payment-help a:hover{text-decoration:underline}@media(max-width:576px){.payment-card{padding:1.5rem}.payment-icon{font-size:3rem}.btn{width:100%;padding:.75rem}}.language-selector{position:relative}.language-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.language-label svg{margin-right:8px;color:#6366f1}.language-select-wrapper{position:relative}.language-select{width:100%;padding:12px 15px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;transition:all .3s ease}.language-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.language-select:hover{border-color:#6366f1}.language-progress{display:block;margin-top:6px;font-size:12px;color:#666}.language-selector.compact{position:relative}.language-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .3s ease}.language-btn:hover{border-color:#6366f1;color:#6366f1}.language-btn svg{font-size:16px}.language-overlay{position:fixed;inset:0;z-index:999}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:250px;max-height:400px;overflow-y:auto;z-index:1000;padding:8px}.language-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:none;border-radius:8px;width:100%;text-align:left;cursor:pointer;transition:all .2s ease}.language-option:hover{background:#f3f4f6}.language-option.active{background:#ede9fe;color:#6366f1}.language-option:disabled{opacity:.5;cursor:not-allowed}.lang-native{font-size:14px;font-weight:600;margin-right:8px}.lang-name{font-size:12px;color:#666}.check-icon{color:#6366f1;font-size:14px;margin-left:auto}.language-dropdown::-webkit-scrollbar{width:6px}.language-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.language-dropdown::-webkit-scrollbar-thumb{background:#6366f1;border-radius:3px}.language-dropdown::-webkit-scrollbar-thumb:hover{background:#4f46e5}@media(max-width:768px){.language-dropdown{right:auto;left:0;min-width:200px}}:root{--profile-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--profile-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .2)}.profile-page{padding:40px 20px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 80px);background:#f8fafc}.profile-container{background:#fff;border-radius:24px;box-shadow:0 20px 50px #0000000d;overflow:hidden;border:1px solid #f1f5f9;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-header-section{background:var(--profile-gradient);color:#fff;padding:60px 40px;text-align:center;position:relative;overflow:hidden}.profile-header-section:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.profile-header-section h1{margin:0 0 10px;font-size:36px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-header-section p{margin:0;font-size:18px;opacity:.9;font-weight:400}.profile-content{display:grid;grid-template-columns:320px 1fr;gap:40px;padding:40px}.profile-photo-section{display:flex;flex-direction:column;gap:30px}.photo-container{position:relative;width:200px;height:200px;margin:0 auto;padding:10px;background:#fff;border-radius:50%;box-shadow:var(--profile-shadow);transition:transform .3s ease}.photo-container:hover{transform:scale(1.02)}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #f1f5f9}.profile-image-placeholder{width:100%;height:100%;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:80px;color:#cbd5e1}.photo-upload-btn{position:absolute;bottom:10px;right:10px;width:48px;height:48px;border-radius:50%;background:#fff;color:#6366f1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid #f1f5f9}.photo-upload-btn:hover{background:#6366f1;color:#fff;transform:rotate(15deg) scale(1.1)}.profile-completion{background:#f8fafc;padding:24px;border-radius:20px;text-align:center;border:1px solid #f1f5f9}.profile-completion h3{margin:0 0 15px;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#64748b}.completion-bar{width:100%;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden;margin-bottom:12px}.completion-progress{height:100%;transition:width 1s cubic-bezier(.65,0,.35,1);border-radius:5px;box-shadow:0 2px 4px #0000001a}.profile-completion p{margin:0;font-size:16px;font-weight:700;color:#1e293b}.subscription-status-section{margin-bottom:30px;border-radius:20px;overflow:hidden;box-shadow:0 4px 15px #00000008;border:1px solid #f1f5f9}.subscription-active{background:linear-gradient(135deg,#f0fdf4,#fff);padding:25px;border-left:6px solid #22c55e;display:flex;align-items:center;gap:24px}.subscription-inactive{background:linear-gradient(135deg,#fff1f2,#fff);padding:25px;border-left:6px solid #ef4444;display:flex;align-items:center;gap:24px}.subscription-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:0 8px 16px #0000000d}.subscription-active .subscription-icon{background:#22c55e;color:#fff}.subscription-inactive .subscription-icon{background:#ef4444;color:#fff}.subscription-info h3{margin:0 0 8px;font-size:20px;color:#1e293b;font-weight:700}.package-name{color:#059669;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.days-remaining{background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:99px;font-size:13px;font-weight:600}.btn-purchase{margin-top:15px;padding:12px 24px;background:#ef4444;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #ef444433}.btn-purchase:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 15px #ef44444d}.profile-form-section{background:#fff;padding:30px;border-radius:20px}.form-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}.form-header h2{font-size:24px;color:#1e293b;font-weight:800}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.form-group{margin-bottom:24px}.form-group label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#475569;margin-bottom:10px}.form-group label svg{color:#6366f1;font-size:16px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;background:#fcfcfd;transition:all .3s ease;color:#1e293b}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a;outline:none}.form-group input:disabled{background:#f1f5f9;cursor:not-allowed;color:#94a3b8}.form-actions{display:flex;justify-content:flex-end;padding-top:30px;margin-top:20px;border-top:2px solid #f1f5f9}.btn-save{padding:16px 40px;background:#6366f1;color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px -5px #6366f166}.btn-save:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 30px -8px #6366f180}.btn-save:active:not(:disabled){transform:translateY(-1px)}.btn-save:disabled{opacity:.7;cursor:not-allowed;background:#94a3b8;box-shadow:none}.alert{padding:16px 20px;border-radius:14px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-weight:600;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}@media(max-width:968px){.profile-content,.form-row{grid-template-columns:1fr}.profile-header-section{padding:40px 20px}}@media(max-width:640px){.profile-page{padding:10px}.profile-content{padding:20px}.btn-save{width:100%;justify-content:center}}.admin-layout,.superadmin-layout{min-height:100vh;display:flex;flex-direction:column}.admin-container,.superadmin-container{display:flex;flex:1;height:100vh}.admin-main-wrapper,.superadmin-main-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-main,.superadmin-main{flex:1;padding:30px;background:var(--page-bg);overflow-y:auto}.admin-sidebar,.superadmin-sidebar{width:260px;background:var(--bg-sidebar-primary);border-right:1px solid rgba(255,255,255,.05);height:100vh;position:sticky;top:0;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.sidebar-user-section{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.05);text-align:center;background:var(--bg-sidebar-primary)}.user-avatar-large{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:3px solid #6366f1;box-shadow:0 4px 12px #6366f133}.user-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.user-info{margin-top:12px}.user-info .user-name{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px}.user-info .user-email{font-size:12px;color:#fff9;margin:0 0 12px}.admin-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block}.superadmin-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block}.sidebar-content{flex:1;padding:10px 0;overflow-y:auto;overflow-x:hidden}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;color:#ffffffb3;transition:all .3s ease;border-left:3px solid transparent;font-size:14px}.sidebar-item:hover{background:var(--bg-sidebar-secondary);color:#fff}.sidebar-item.active{background:var(--bg-sidebar-secondary);color:#fff;border-left-color:#6366f1;font-weight:600}.sidebar-icon{font-size:18px;width:32px;height:32px;text-align:center;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-image-icon{width:24px;height:24px;object-fit:contain;filter:none!important;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.sidebar-item:hover .sidebar-image-icon{transform:scale(1.2)}.sidebar-item.active .sidebar-image-icon{filter:none}.sidebar-label{font-weight:500;font-size:14px}.admin-page,.superadmin-page{background:transparent;padding:0;box-shadow:none}.page-header,.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1,.admin-header h1{font-size:28px;color:#1a1a1a;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.admin-stat-card,.superadmin-stat-card{background:#fff;color:#1a1a1a;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #6366f1;transition:transform .3s ease,box-shadow .3s ease}.admin-stat-card:hover,.superadmin-stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #00000026}.admin-stat-card:nth-child(1){border-left-color:#6366f1;background:linear-gradient(135deg,#f0f0ff,#fff)}.admin-stat-card:nth-child(2){border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.admin-stat-card:nth-child(3){border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.admin-stat-card:nth-child(4){border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.admin-stat-card:nth-child(5){border-left-color:#8b5cf6;background:linear-gradient(135deg,#faf5ff,#fff)}.admin-stat-card:nth-child(6){border-left-color:#06b6d4;background:linear-gradient(135deg,#ecfeff,#fff)}.admin-stat-card:nth-child(7){border-left-color:#14b8a6;background:linear-gradient(135deg,#f0fdfa,#fff)}.admin-stat-card:nth-child(8){border-left-color:#f43f5e;background:linear-gradient(135deg,#fff1f2,#fff)}.superadmin-stat-card{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fff)}.stat-content h3{font-size:32px;margin:0 0 5px;font-weight:700;color:#1a1a1a}.stat-content p{font-size:14px;margin:0;color:#666;font-weight:500}.admin-main-wrapper .navbar,.superadmin-main-wrapper .navbar{position:sticky;top:0;left:0;right:0;height:70px;background:var(--bg-header);border-bottom:1px solid rgba(255,255,255,.1);z-index:100;padding:0 30px;display:flex;align-items:center}.navbar-container{width:100%;display:flex;align-items:center;justify-content:space-between}.admin-page,.superadmin-page{padding:30px!important}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-box{background:#fff;padding:14px 16px;border-radius:10px;border:1px solid #e5e7eb;display:flex!important;align-items:center!important;gap:10px!important;transition:all .2s ease;cursor:pointer}.stat-box:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000000d;border-color:#6366f1}.stat-icon-wrapper{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.stat-icon-wrapper.blue{background:#3b82f61a;color:#3b82f6}.stat-icon-wrapper.green{background:#10b9811a;color:#10b981}.stat-icon-wrapper.orange{background:#f59e0b1a;color:#f59e0b}.stat-icon-wrapper.red{background:#ef44441a;color:#ef4444}.stat-info{flex:1;min-width:0;text-align:left}.stat-box.pending{border-left:4px solid #f59e0b}.stat-box.approved{border-left:4px solid #10b981}.stat-box.flagged{border-left:4px solid #ef4444}.stat-value{display:block;font-size:20px;font-weight:700;color:#0f172a;line-height:1.2}.stat-label{display:block;font-size:11px;color:#64748b;font-weight:500;margin-top:2px;white-space:normal;overflow:visible;line-height:1.2}.filter-controls{display:flex;gap:16px;margin-bottom:24px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:12px}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.contact-cell{font-size:13px}.contact-cell div{margin-bottom:4px}.contact-cell svg{margin-right:6px;color:#9ca3af}.role-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.role-badge.free{background:#e0e7ff;color:#3730a3}.role-badge.premium{background:#fef3c7;color:#92400e}.activity-cell{font-size:13px}.activity-cell div{margin-bottom:4px}.activity-cell svg{margin-right:6px;color:#9ca3af}.action-buttons{display:flex;gap:6px;flex-wrap:nowrap}.action-buttons button{flex-shrink:0}.btn-icon.btn-warning{color:#f59e0b}.btn-icon.btn-warning:hover{background:#fef3c7;border-color:#f59e0b}.btn-icon.btn-success{color:#10b981}.btn-icon.btn-success:hover{background:#d1fae5;border-color:#10b981}.user-modal{max-width:600px}.user-profile{text-align:center;padding:24px;border-bottom:1px solid #e5e7eb}.user-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:32px;margin:0 auto 16px}.user-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px;border-bottom:1px solid #e5e7eb}.detail-item label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px;font-weight:600;text-transform:uppercase}.detail-item p{font-size:14px;color:#1f2937;margin:0}.user-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px}.user-stat-card{background:#f9fafb;padding:20px;border-radius:8px;text-align:center;border:1px solid #e5e7eb}.user-stat-card svg{font-size:24px;color:#6366f1;margin-bottom:8px}.story-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;position:relative;transition:all .3s ease}.story-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.flagged-indicator{position:absolute;top:12px;right:12px;background:#fef2f2;color:#ef4444;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.story-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px;flex-wrap:wrap}.category-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.category-badge.biography{background:#dbeafe;color:#1e40af}.category-badge.speech{background:#fce7f3;color:#be123c}.story-card h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:12px}.story-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;font-size:13px;color:#6b7280}.meta-item{display:flex;align-items:center;gap:8px}.meta-item svg{color:#9ca3af}.story-stats{display:flex;gap:16px;margin-bottom:16px;padding:12px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;font-size:13px;color:#6b7280;flex-wrap:wrap}.story-stats .stat-item{display:flex;align-items:center;gap:6px}.story-actions{display:flex;gap:8px;flex-wrap:wrap}.story-actions .btn-icon.active{background:#fef2f2;color:#ef4444;border-color:#ef4444}.review-modal{max-width:800px}.story-review-header{padding-bottom:16px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.review-badges{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.story-review-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:16px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.meta-row label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px;font-weight:600;text-transform:uppercase}.meta-row p{font-size:14px;color:#1f2937;margin:0}.story-preview{background:#f9fafb;padding:20px;border-radius:8px;border:1px solid #e5e7eb}.story-preview h4{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.preview-content{max-height:300px;overflow-y:auto;color:#6b7280;line-height:1.6}.preview-content p{margin-bottom:12px}.review-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.time-range-selector{display:flex;gap:8px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e5e7eb}.time-range-selector button{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-weight:500;color:#6b7280;transition:all .2s}.time-range-selector button.active{background:#6366f1;color:#fff}.analytics-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.analytics-section{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.metric-card{background:#fff;border-radius:10px;padding:14px 16px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:10px;transition:all .2s ease}.metric-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000000d;border-color:#6366f1}.metric-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.metric-icon.users{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.metric-icon.biographies{background:linear-gradient(135deg,#3b82f6,#2563eb)}.metric-icon.speeches{background:linear-gradient(135deg,#ec4899,#be123c)}.metric-icon.exports{background:linear-gradient(135deg,#10b981,#059669)}.metric-content h3{font-size:20px;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.metric-content p{font-size:11px;color:#6b7280;font-weight:500;margin:2px 0}.metric-trend{font-size:10px;font-weight:600}.metric-trend.positive{color:#10b981}.metric-trend.negative{color:#ef4444}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.chart-card:hover{box-shadow:0 4px 12px #00000014}.chart-card.full-width{grid-column:1 / -1}.chart-header{margin-bottom:20px}.chart-header h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px;display:flex;align-items:center;gap:8px}.chart-header h3 svg{color:#6366f1}.chart-placeholder{min-height:200px}.chart-subtitle{font-size:13px;color:#6b7280;display:block;margin-top:4px}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:200px;padding:20px;background:#f9fafb;border-radius:8px;gap:8px}.bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:80px}.bar{width:100%;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:4px 4px 0 0;position:relative;transition:all .3s ease;min-height:10px}.bar:hover{background:linear-gradient(180deg,#4f46e5,#7c3aed)}.bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;color:#1f2937;white-space:nowrap}.bar-label{font-size:12px;color:#6b7280;font-weight:500}.pie-chart-legend{padding:40px 20px}.legend-item{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;color:#374151}.legend-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.legend-color.biographies{background:#3b82f6}.legend-color.speeches{background:#ec4899}.legend-color.exports{background:#10b981}.stats-list{padding:20px}.stats-list .stat-item{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stat-label{min-width:60px;font-size:13px;color:#374151;font-weight:500}.stat-bar{flex:1;height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden}.stat-fill{height:100%;border-radius:12px;transition:width .3s ease}.stat-fill.pdf{background:linear-gradient(90deg,#ef4444,#dc2626)}.stat-fill.docx{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-fill.epub{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.top-users-list{padding:20px}.top-user-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:12px}.user-rank{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.user-info strong{display:block;color:#1f2937;font-size:14px;margin-bottom:4px}.user-info small{color:#6b7280;font-size:12px}.template-stats,.activity-stats{padding:20px}.template-stat-item,.activity-item{display:flex;align-items:center;gap:12px;margin-bottom:16px}.template-name,.time-label{min-width:140px;font-size:13px;color:#374151;font-weight:500}.template-bar,.activity-bar{flex:1;height:20px;background:#e5e7eb;border-radius:10px;overflow:hidden}.template-fill,.activity-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:10px;transition:width .3s ease}.template-uses,.activity-percent{min-width:60px;text-align:right;font-size:13px;color:#6b7280;font-weight:600}@media(max-width:768px){.stats-row{grid-template-columns:repeat(2,1fr)}.user-details-grid,.story-review-meta,.analytics-metrics,.analytics-section{grid-template-columns:1fr}.chart-bars{height:150px}.stories-grid{grid-template-columns:1fr}}@media(max-width:480px){.stats-row{grid-template-columns:1fr}.filter-controls{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column}.filter-group select{width:100%}}.mc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;margin-top:24px}.mc-card{background:#fff;border-radius:18px;border:1px solid #e8edf5;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 10px #0000000f;transition:transform .22s ease,box-shadow .22s ease;animation:mc-rise .4s ease-out both}.mc-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #6366f124}@keyframes mc-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mc-accent{height:4px;background:linear-gradient(90deg,#6366f1,#a78bfa,#ec4899);flex-shrink:0}.mc-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px}.mc-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 2px 8px #6366f126}.mc-badge{font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;padding:4px 11px;border-radius:20px;background:#f0f4ff;color:#6366f1;border:1px solid #ddd8fe}.mc-body{padding:4px 18px 14px;flex:1;display:flex;flex-direction:column;gap:5px}.mc-body--full{padding-top:18px}.mc-title{margin:0;font-size:15px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-preview{margin:0;font-size:13px;color:#64748b;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mc-preview--full{display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;font-family:Georgia,Times New Roman,serif;font-size:13.5px;line-height:1.75;color:#374151;white-space:pre-wrap;word-break:break-word}.mc-meta{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.mc-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px}.mc-pill--date{background:#f8fafc;color:#94a3b8;border:1px solid #e8ecf4}.mc-pill--category{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.mc-pill--user{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.mc-pill--words{background:#fdf4ff;color:#9333ea;border:1px solid #e9d5ff}.mc-divider{height:1px;background:#f1f5f9;margin:0}.mc-actions{display:flex}.mc-btn{flex:1;padding:12px 0;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;cursor:pointer;border:none;background:transparent;transition:background .16s ease,color .16s ease}.mc-btn--edit{color:#6366f1;border-radius:0 0 0 18px}.mc-btn--edit:hover{background:#eef2ff}.mc-btn--delete{color:#dc2626;border-radius:0 0 18px;border-left:1px solid #f1f5f9}.mc-btn--delete:hover{background:#fef2f2}@media(max-width:768px){.mc-grid{grid-template-columns:1fr}}@media(max-width:480px){.mc-actions{flex-direction:column}.mc-btn--edit{border-radius:0}.mc-btn--delete{border-radius:0 0 18px 18px;border-left:none;border-top:1px solid #f1f5f9}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .2s ease}.stat-box:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f;border-color:#d1d5db}.stat-icon-wrapper{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.stat-icon-wrapper.blue{background:#3b82f6}.stat-icon-wrapper.orange{background:#f59e0b}.stat-icon-wrapper.green{background:#10b981}.stat-icon-wrapper.red{background:#ef4444}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:22px;font-weight:700;color:#111827;line-height:1}.stat-label{font-size:12px;color:#6b7280;font-weight:500}.filter-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.search-bar{flex:1;min-width:280px;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px}.search-bar input{width:100%;padding:10px 14px 10px 42px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.search-bar input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-group{display:flex;align-items:center;gap:10px}.filter-group svg{color:#6b7280;font-size:14px}.filter-group select{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#374151;background:#fff;cursor:pointer;transition:all .2s ease}.filter-group select:hover{border-color:#d1d5db}.filter-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.story-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .2s ease;position:relative}.story-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.flagged-indicator{position:absolute;top:12px;right:12px;background:#fef2f2;color:#dc2626;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:5px;border:1px solid #fecaca;z-index:2}.story-header{padding:16px 16px 0;display:flex;gap:8px;flex-wrap:wrap;margin-right:80px}.category-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize;border:1px solid}.category-badge.biography{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.category-badge.speech{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.status-badge{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:capitalize;border:1px solid}.status-badge.pending{background:#fef3c7;color:#92400e;border-color:#fde68a}.status-badge.approved{background:#dcfce7;color:#166534;border-color:#bbf7d0}.status-badge.rejected{background:#fee2e2;color:#991b1b;border-color:#fecaca}.story-card h3{padding:12px 16px;margin:0;font-size:17px;font-weight:600;color:#111827;line-height:1.4}.story-meta{padding:0 16px 12px;display:flex;gap:16px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.meta-item svg{font-size:13px;color:#9ca3af}.story-stats{padding:12px 16px;background:#f9fafb;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;display:flex;gap:16px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280;font-weight:500}.stat-item svg{font-size:13px;color:#9ca3af}.story-actions{padding:12px 16px;display:flex;gap:8px}.story-actions .btn-secondary{flex:1;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.story-actions .btn-secondary:hover{background:#f9fafb;border-color:#6366f1;color:#6366f1}.btn-icon{padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-icon.active{background:#fef2f2;border-color:#dc2626;color:#dc2626}.empty-state{text-align:center;padding:60px 20px;background:#fff;border:1px dashed #d1d5db;border-radius:10px;grid-column:1 / -1}.empty-state h3{margin:12px 0 6px;font-size:18px;color:#374151;font-weight:600}.empty-state p{margin:0;color:#6b7280;font-size:14px}.admin-page .page-header h1{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px}.admin-page .page-header p{font-size:14px;color:#6b7280;margin:0;font-weight:400}@media(max-width:768px){.stats-row{grid-template-columns:repeat(2,1fr)}.stories-grid{grid-template-columns:1fr}.filter-controls{flex-direction:column;align-items:stretch}.search-bar{min-width:100%}.filter-group{width:100%}.filter-group select{flex:1}}.book-reader-modal{max-width:1000px!important;width:100%;height:80vh;padding:0!important;background:transparent!important;box-shadow:none!important;position:relative;display:flex;align-items:center;justify-content:center;perspective:3500px}.book-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;transform-style:preserve-3d}.book-wrapper{position:relative;width:100%;max-width:1900px;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;box-shadow:0 40px 80px #00000080,0 4px 10px #0003;transition:transform .5s ease}.book-spine{position:absolute;left:50%;top:0;bottom:0;width:40px;background:linear-gradient(90deg,#3e2723,#5d4037 40% 60%,#3e2723);transform:translate(-50%) translateZ(-2px);z-index:10;border-radius:4px;box-shadow:inset 0 0 15px #000000b3}.book-page{width:50%;height:100%;background:#fdfbf7;padding:10px 16px;position:absolute;top:0;overflow:hidden;border:1px solid #dccbb1;transform-style:preserve-3d;backface-visibility:hidden;box-shadow:inset 0 0 40px #00000005}.book-page.left{left:0;border-radius:4px 0 0 4px;background:linear-gradient(to right,#ece2d0,#fdfbf7 5% 100%);transform-origin:right center;z-index:1}.book-page.right{right:0;border-radius:0 4px 4px 0;background:linear-gradient(to left,#ece2d0,#fdfbf7 5% 100%);transform-origin:left center;z-index:1}.book-wrapper:after{content:"";position:absolute;right:0;top:4px;bottom:4px;width:12px;background:linear-gradient(to right,#bbb,#eee 20%,#bbb,#eee 60%,#bbb);transform:translate(100%) skewY(8deg);border-radius:0 4px 4px 0;z-index:-1}.book-wrapper:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:12px;background:linear-gradient(to left,#bbb,#eee 20%,#bbb,#eee 60%,#bbb);transform:translate(-100%) skewY(-8deg);border-radius:4px 0 0 4px;z-index:-1}.chapter-content-wrapper{height:100%;display:flex;flex-direction:column}.chapter-title{font-family:Playfair Display,serif;font-size:2rem;text-align:center;margin-bottom:25px;color:#2c1810;border-bottom:3px double #eaddcf;padding-bottom:12px}.chapter-content{font-family:Georgia,serif;font-size:.8rem;line-height:1.8;color:#2b2b2b;text-align:justify;overflow-y:auto;padding-right:12px;flex-grow:1;scrollbar-width:thin;scrollbar-color:#d4c5a9 transparent}.chapter-content::-webkit-scrollbar{width:6px}.chapter-content::-webkit-scrollbar-thumb{background-color:#d4c5a9;border-radius:3px}.page-number{text-align:center;margin-top:15px;font-size:.8rem;color:#8b7355;letter-spacing:1px;font-family:Cinzel,serif}.flipping-page{position:absolute;width:50%;height:100%;top:0;z-index:100;transform-style:preserve-3d;will-change:transform;pointer-events:none}.page-face.cover-front{background:#3e2723;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;border:2px solid #281815;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e6c888;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:inset 0 0 30px #000c;background:radial-gradient(circle at center,#5d4037,#3e2723)}.cover-title{font-family:Cinzel,serif;font-size:2.5rem;text-align:center;border:3px solid #e6c888;padding:20px 40px;margin-bottom:20px;background:#0003;box-shadow:0 4px 10px #0000004d}.cover-author{font-family:Playfair Display,serif;font-size:1.2rem;font-style:italic;color:#dccbb1}.page-face.cover-inner{background:#fdfbf7;background-image:repeating-linear-gradient(45deg,#f5f0e6 25%,transparent 25%,transparent 75%,#f5f0e6 75%,#f5f0e6),repeating-linear-gradient(45deg,#f5f0e6 25%,#fdfbf7 25% 75%,#f5f0e6 75%,#f5f0e6);background-position:0 0,10px 10px;background-size:20px 20px;display:flex;align-items:center;justify-content:center;color:#8b7355;font-family:Playfair Display,serif;font-style:italic;font-size:1.5rem;border-left:2px solid #e0d0b8}.flipping-page.opening{right:0;transform-origin:left center;animation:bookOpen 2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes bookOpen{0%{transform:rotateY(0) translateZ(0)}to{transform:rotateY(-180deg) translateZ(0)}}.flipping-page.flipping-next{right:0;transform-origin:left center;animation:naturalFlipNext 1.6s cubic-bezier(.2,.8,.3,1) forwards}.flipping-page.flipping-prev{left:0;transform-origin:right center;animation:naturalFlipPrev 1.6s cubic-bezier(.2,.8,.3,1) forwards}.page-face{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;padding:50px 60px;background:#fdfbf7;overflow:hidden;border:1px solid #dccbb1}.page-face.front{z-index:2;background:linear-gradient(to left,#e8dfd0,#fdfbf7 15% 100%)}.page-face.back{transform:rotateY(180deg);z-index:1;background:linear-gradient(to right,#e8dfd0,#fdfbf7 15% 100%)}@keyframes naturalFlipNext{0%{transform:rotateY(0) translateZ(0);box-shadow:0 0 #0000}15%{transform:rotateY(-25deg) translateZ(20px) rotate(-2deg);box-shadow:-10px 10px 20px #0000001a}40%{transform:rotateY(-90deg) translateZ(120px) scale(1.02);box-shadow:-50px 30px 80px #0003}75%{transform:rotateY(-160deg) translateZ(20px) rotate(1deg);box-shadow:10px 10px 20px #0000001a}to{transform:rotateY(-180deg) translateZ(0);box-shadow:0 0 #0000}}@keyframes naturalFlipPrev{0%{transform:rotateY(0) translateZ(0);box-shadow:0 0 #0000}15%{transform:rotateY(25deg) translateZ(20px) rotate(2deg);box-shadow:10px 10px 20px #0000001a}40%{transform:rotateY(90deg) translateZ(120px) scale(1.02);box-shadow:50px 30px 80px #0003}75%{transform:rotateY(160deg) translateZ(20px) rotate(-1deg);box-shadow:-10px 10px 20px #0000001a}to{transform:rotateY(180deg) translateZ(0);box-shadow:0 0 #0000}}.flipping-page:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:linear-gradient(to right,#0000,#00000026 50%,#0000);opacity:0;animation:lightSwipe 1.6s ease-in-out forwards}@keyframes lightSwipe{0%{opacity:0}50%{opacity:1}to{opacity:0}}.book-controls{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);display:flex;gap:20px;background:#ffffffd9;padding:10px 30px;border-radius:30px;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4)}.book-nav-btn{background:none;border:2px solid #5d4037;color:#5d4037;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.book-nav-btn:hover:not(:disabled){background:#5d4037;color:#fff;transform:scale(1.1)}.book-nav-btn:disabled{opacity:.3;border-color:#ccc;color:#ccc}.book-close-btn{position:absolute;top:-40px;right:-40px;background:#fdfbf7;width:35px;height:35px;border-radius:50%;border:1px solid #dccbb1;box-shadow:0 2px 10px #0000001a;cursor:pointer;font-size:1.2rem;color:#555;z-index:200;display:flex;align-items:center;justify-content:center;transition:all .2s}.book-close-btn:hover{transform:rotate(90deg);background:#5d4037;color:#fff;border-color:#5d4037}@media(max-width:800px){.book-reader-modal{height:90vh}.book-wrapper{width:95%;max-width:none}.book-page,.page-face{padding:30px}}.ai-manager-container{padding-bottom:60px}.prompt-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.prompt-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e5e7eb;transition:all .3s ease;display:flex;flex-direction:column}.prompt-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:#d1d5db}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.prompt-category{background:#e0e7ff;color:#4338ca;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.prompt-responses{font-size:12px;color:#6b7280;font-weight:500}.prompt-question{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 20px;line-height:1.5;flex-grow:1}.prompt-actions{padding-top:16px;border-top:1px solid #f3f4f6;display:flex;gap:8px}.setting-card h4{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 12px}.setting-card .toggle-switch{margin:12px 0}.tone-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.tone-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e5e7eb;text-align:center;transition:all .3s ease}.tone-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000000d;border-color:#6366f1}.tone-card h4{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 8px}.tone-card p{font-size:13px;color:#6b7280;margin:0 0 16px}.usage-badge{display:inline-block;background:#f3f4f6;color:#4b5563;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}@media(max-width:768px){.prompt-list,.settings-grid,.tone-presets{grid-template-columns:1fr}}.export-manager-container{padding-bottom:2rem}.format-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.format-badge.pdf{background-color:#fee2e2;color:#ef4444}.format-badge.docx{background-color:#dbeafe;color:#3b82f6}.format-badge.epub{background-color:#dcfce7;color:#10b981}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.template-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s}.template-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.template-preview{width:60px;height:80px;background:#f8fafc;border:1px solid #e2e8f0;margin-bottom:1rem;box-shadow:2px 2px 4px #0000001a}.template-card h4{margin:.5rem 0;color:#334155;font-size:1.1rem}.template-card p{color:#64748b;font-size:.9rem;margin-bottom:1rem}.template-actions{margin-top:auto;width:100%;display:flex;gap:.5rem}.template-actions button{flex:1;padding:.5rem;font-size:.9rem;border-radius:6px;cursor:pointer}.notification-manager-container{padding-bottom:60px}.notification-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.type-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e5e7eb;transition:all .3s ease;display:flex;flex-direction:column}.type-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:#d1d5db}.type-card h4{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 8px}.type-card p{font-size:14px;color:#6b7280;margin:0 0 16px;flex-grow:1}.type-card .count{align-self:flex-start;background:#f3f4f6;color:#4b5563;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.type-badge{display:inline-block;padding:2px 10px;border-radius:6px;background:#e0e7ff;color:#4338ca;font-size:12px;font-weight:600;border:1px solid #c7d2fe}.setting-card .toggle-switch{margin-top:auto}@media(max-width:640px){.notification-types,.settings-grid{grid-template-columns:1fr}}.admin-toast{position:fixed;bottom:2rem;right:2rem;background:#fff;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:center;gap:.75rem;z-index:9999;font-weight:500;color:#1e293b;border-left:4px solid #3b82f6;animation:slideIn .3s ease-out}.admin-toast.success{border-left-color:#10b981}.admin-toast.error{border-left-color:#ef4444}.admin-toast svg{font-size:1.25rem}.admin-toast.success svg{color:#10b981}.admin-toast.error svg{color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;padding:0;border-radius:16px;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:scaleUp .2s ease-out;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.modal-header h2{margin:0;font-size:1.25rem;color:#1e293b}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem;background:#f8fafc}.close-btn{background:none;border:none;cursor:pointer;color:#64748b;font-size:1.2rem;transition:color .2s}.close-btn:hover{color:#ef4444}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#334155;font-size:.875rem}.form-control{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.875rem;transition:all .2s}.form-control:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}textarea.form-control{resize:vertical;min-height:100px}.payment-manager-container{padding-bottom:60px}.admin-stat-card .stat-icon{width:36px!important;height:36px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;margin-bottom:0!important;color:#fff;box-shadow:0 4px 6px -1px #0000001a;flex-shrink:0}.stat-content p{font-size:11px!important;color:#64748b!important;font-weight:500!important;margin:2px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stat-change,.stat-detail{display:none!important}.subscription-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.tier-card{background:#fff;border-radius:16px;padding:32px;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.tier-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px -4px #0000001a}.tier-card h3{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 16px}.tier-card .price{font-size:36px;font-weight:800;color:#1f2937;margin-bottom:24px;display:flex;align-items:baseline;gap:4px}.tier-card .price span{font-size:14px;color:#6b7280;font-weight:500}.tier-card ul{list-style:none;padding:0;margin:0 0 24px;flex-grow:1}.tier-card ul li{padding:8px 0;color:#4b5563;font-size:14px;display:flex;align-items:center;gap:10px}.tier-card ul li:before{content:"✓";color:#10b981;font-weight:800}.user-count{display:block;text-align:center;font-size:13px;color:#6b7280;background:#f3f4f6;padding:8px;border-radius:8px;font-weight:500}.tier-card.premium{border-color:#818cf8;box-shadow:0 4px 12px #6366f11a;position:relative;overflow:hidden}.tier-card.premium h3{color:#4f46e5}.tier-card.premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.tier-card.enterprise{border-color:#10b981}.tier-card.enterprise h3{color:#059669}.tier-card.enterprise:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#34d399)}.admin-table tbody tr:hover{background:#f8fafc}.method-badge{display:inline-block;padding:2px 10px;border-radius:6px;background:#f3f4f6;color:#374151;font-size:12px;font-weight:600;border:1px solid #e5e7eb}.status-badge{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.failed{background:#fee2e2;color:#b91c1c}.setting-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e5e7eb;display:flex;flex-direction:column;transition:all .2s ease}.setting-card:hover{border-color:#6366f1;box-shadow:0 4px 6px -1px #6366f11a}.setting-card h4{font-size:15px;font-weight:700;color:#1f2937;margin:0 0 16px}.setting-card .toggle-switch{margin-bottom:12px}.setting-card p{font-size:13px;color:#6b7280;margin:0;line-height:1.5}@media(max-width:768px){.subscription-tiers{grid-template-columns:1fr}}.backup-manager-container{padding-bottom:60px}.admin-section{margin-top:40px;margin-bottom:30px}.admin-section h2{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:24px;display:flex;align-items:center;gap:12px;letter-spacing:-.025em}.stats-grid.small{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.admin-stat-card{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb;transition:all .2s ease;cursor:pointer;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}.admin-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.admin-stat-card .stat-icon{width:36px!important;height:36px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;margin-bottom:0!important;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;flex-shrink:0}.admin-stat-card.gradient-purple .stat-icon{background:linear-gradient(135deg,#a855f7,#9333ea)}.admin-stat-card.gradient-blue .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.admin-stat-card.gradient-green .stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.admin-stat-card.gradient-orange .stat-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.stat-content h3{font-size:20px!important;font-weight:700!important;color:#0f172a!important;line-height:1.2!important;margin:0!important}.stat-content p{font-size:11px!important;color:#64748b!important;font-weight:500!important;margin:2px 0 0!important;white-space:nowrap!important}.stat-detail{display:none!important}.schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.schedule-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a}.schedule-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:#d1d5db}.schedule-card.active{border-left:4px solid #10b981}.schedule-card h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px;display:flex;justify-content:space-between;align-items:center}.schedule-card p{font-size:14px;color:#4b5563;margin:0 0 8px;display:flex;align-items:center;gap:8px}.schedule-card .status-badge{display:inline-block;margin-top:16px;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.success{background:#dcfce7;color:#166534}.status-badge.warning{background:#fef3c7;color:#92400e}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.setting-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:flex-start;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.setting-card:hover{border-color:#6366f1;box-shadow:0 4px 6px -1px #6366f11a,0 2px 4px -1px #6366f10f}.setting-card h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px;width:100%}.setting-card .toggle-switch{margin:16px 0}.setting-card p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.recovery-timeline{position:relative;padding-left:32px;border-left:2px solid #e5e7eb;margin-left:8px;padding-bottom:24px}.timeline-item{position:relative;margin-bottom:32px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-41px;top:24px;width:16px;height:16px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 2px #e5e7eb;background:#e5e7eb;z-index:10}.timeline-marker.success{background:#10b981;box-shadow:0 0 0 2px #10b981}.timeline-content{background:#fff;padding:24px;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.timeline-content:hover{box-shadow:0 10px 15px -3px #0000001a}.timeline-content h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.timeline-content p{font-size:14px;color:#4b5563;margin:0 0 12px}.timeline-content span{display:block;font-size:13px;color:#6b7280;margin-bottom:16px;font-weight:500}.admin-table-container{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:#f9fafb;padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.admin-table td{padding:16px 24px;font-size:14px;color:#1f2937;border-bottom:1px solid #f3f4f6;vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#f9fafb}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 2px #0000001a}input:checked+.slider{background-color:#6366f1}input:checked+.slider:before{transform:translate(20px)}@media(max-width:768px){.schedule-grid,.settings-grid{grid-template-columns:1fr}.recovery-timeline{padding-left:20px}.timeline-marker{left:-29px}}.security-manager-container{padding-bottom:3rem}.security-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem}.feature-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s ease;border:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a;border-color:#e0e7ff}.feature-card svg{font-size:2rem;margin-bottom:1rem;color:#6366f1;background:#eef2ff;padding:12px;border-radius:12px;width:50px!important;height:50px!important}.feature-card h4{margin:0 0 .5rem;font-size:1.1rem;color:#1e293b}.feature-card p{margin:0 0 1rem;color:#64748b;font-size:.9rem;flex-grow:1}.admin-section{background:transparent;box-shadow:none;padding:0;margin-bottom:2rem}.admin-section>h2{font-size:1.5rem;margin-bottom:1.5rem;color:#1e293b;display:flex;align-items:center;gap:12px}.admin-section>h2:before{content:"";display:block;width:6px;height:24px;background:linear-gradient(to bottom,#6366f1,#a855f7);border-radius:4px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.setting-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:transform .2s;border:1px solid #f1f5f9}.setting-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000000d;border-color:#6366f1}.setting-card h4{font-size:1.05rem;color:#334155;margin-bottom:1rem;font-weight:600}.setting-card p{color:#94a3b8;font-size:.85rem;margin-top:.8rem}.compliance-items{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.compliance-item{display:flex;align-items:flex-start;gap:1rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000d;border:1px solid #f1f5f9}.compliance-item svg.check{color:#10b981;font-size:1.5rem;flex-shrink:0;margin-top:2px}.compliance-item h4{margin:0 0 .5rem;font-size:1.1rem;color:#1e293b}.compliance-item p{margin:0;color:#64748b;font-size:.95rem}.page-header h1{font-size:2rem;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.page-header p{font-size:1.1rem;color:#64748b}.admin-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;border:1px solid #f1f5f9}.admin-table th{background:#f8fafc;color:#475569;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:1rem 1.5rem}.admin-table td{padding:1rem 1.5rem;color:#334155;border-bottom:1px solid #f1f5f9}@media(max-width:768px){.compliance-items,.security-features{grid-template-columns:1fr}}:root{--gift-primary: #6366f1;--gift-primary-dark: #4f46e5;--gift-bg: #f8fafc;--gift-card-bg: #ffffff;--gift-text-main: #1e293b;--gift-text-muted: #64748b;--gift-border: #e2e8f0;--gift-shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--gift-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--gift-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.admin-gifts-page{padding:32px!important;background-color:var(--gift-bg);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;width:100%;box-sizing:border-box}.gift-management-container{max-width:100%;margin:0}.fade-in{animation:giftFadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes giftFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pulse-icon{animation:giftPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes giftPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(99,102,241,0))}50%{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(99,102,241,.3))}}.premium-header{background:var(--gift-card-bg);padding:28px 36px;border-radius:20px;box-shadow:var(--gift-shadow-md);border:1px solid var(--gift-border);margin-bottom:32px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.premium-header:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--gift-primary)}.header-content h1{font-size:1.875rem;font-weight:800;color:var(--gift-text-main);display:flex;align-items:center;gap:16px;margin-bottom:8px;letter-spacing:-.02em}.header-content h1 svg{font-size:2rem;color:var(--gift-primary)}.header-content p{color:var(--gift-text-muted);font-size:1rem;font-weight:500}.btn-premium{background:linear-gradient(135deg,var(--gift-primary) 0%,var(--gift-primary-dark) 100%);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 16px -4px #6366f166;font-size:.95rem}.btn-premium:hover{transform:translateY(-3px);box-shadow:0 12px 20px -5px #6366f180;filter:brightness(1.1)}.admin-tabs-bar{display:inline-flex;gap:4px;margin-bottom:32px;background:#e2e8f0;padding:5px;border-radius:14px;box-shadow:inset 0 2px 4px #0000000d;align-items:center}.tab-item{padding:10px 24px;border-radius:10px;border:none;background:transparent;color:#64748b;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease}.tab-item svg{font-size:1rem;opacity:.7}.tab-item.active{background:#fff;color:var(--gift-primary);box-shadow:0 4px 6px -1px #0000001a}.tab-item.active svg{opacity:1}.tab-item:hover:not(.active){background:#fff6;color:#1e293b}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.stat-card.premium-card{background:var(--gift-card-bg);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--gift-border);box-shadow:var(--gift-shadow-sm);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card.premium-card:hover{transform:translateY(-6px);box-shadow:var(--gift-shadow-lg);border-color:var(--gift-primary)}.stat-content h3{font-size:2rem;font-weight:800;color:var(--gift-text-main);line-height:1.1;margin-bottom:6px;letter-spacing:-.03em}.stat-content p{color:var(--gift-text-muted);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0;box-shadow:0 8px 12px -3px #0000001a}.purple-gradient{background:linear-gradient(135deg,#818cf8,#6366f1)}.gold-gradient{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.blue-gradient{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.green-gradient{background:linear-gradient(135deg,#34d399,#10b981)}.btn-add-mini{background:#ecfdf5;color:#059669;border:1px solid #d1fae5;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-add-mini:hover{background:#d1fae5;transform:translateY(-1px)}.btn-remove-mini{background:#fef2f2;color:#dc2626;border:1px solid #fee2e2;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-remove-mini:hover{background:#fee2e2;transform:scale(1.05)}.questions-editor{display:flex;flex-direction:column;gap:12px;margin-top:12px;max-height:300px;overflow-y:auto;padding-right:8px}.question-input-row input{padding:12px 16px;border-radius:10px;border:1px solid var(--gift-border);background:#f8fafc;font-size:.9rem}.question-input-row input:focus{outline:none;border-color:var(--gift-primary);background:#fff}.catalog-description{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-row{display:grid;grid-template-columns:2.2fr 1fr;gap:32px}.premium-section{background:var(--gift-card-bg);border-radius:20px;border:1px solid var(--gift-border);box-shadow:var(--gift-shadow-sm);padding:24px;height:100%}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.section-header h2{font-size:1.25rem;font-weight:700;color:var(--gift-text-main)}.btn-link{background:none;border:none;color:var(--gift-primary);font-weight:700;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:gap .2s}.btn-link:hover{gap:10px;text-decoration:underline}.quick-actions-list{display:flex;flex-direction:column;gap:14px}.btn-quick{width:100%;text-align:left;padding:16px 20px;border-radius:14px;border:1px solid var(--gift-border);background:#fbfcfd;color:var(--gift-text-main);font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-quick svg{color:var(--gift-primary);width:20px;text-align:center}.btn-quick:hover{background:#fff;border-color:var(--gift-primary);transform:translate(6px);box-shadow:0 4px 12px #6366f114}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;padding:14px 20px;color:var(--gift-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid #f1f5f9}.data-table td{padding:16px 20px;font-size:.9rem;color:var(--gift-text-main);border-bottom:1px solid #f1f5f9;vertical-align:middle}.data-table tr:hover td{background-color:#f8fafc}.data-table code{background:#f1f5f9;padding:4px 8px;border-radius:6px;font-family:inherit;font-weight:600;color:#475569}.status-badge{padding:6px 12px;border-radius:10px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center}.status-pending_approval{background:#fffbeb;color:#d97706;border:1px solid #fef3c7}.status-approved{background:#ecfdf5;color:#059669;border:1px solid #d1fae5}.status-in_production{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.status-shipped{background:#f5f3ff;color:#7c3aed;border:1px solid #ede9fe}.status-delivered{background:#f0fdf4;color:#166534;border:1px solid #dcfce7}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}.order-card{display:flex;flex-direction:column;padding:32px!important;background:#fff;border-radius:20px;border:1px solid var(--gift-border);box-shadow:var(--gift-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.order-card:hover{transform:translateY(-8px);box-shadow:var(--gift-shadow-lg);border-color:var(--gift-primary)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.order-header h4{font-size:1.125rem;font-weight:800;color:var(--gift-text-main);letter-spacing:-.02em}.order-status{padding:6px 12px;border-radius:10px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.order-body{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.order-body p{font-size:.95rem;color:var(--gift-text-main);display:flex;align-items:center;gap:10px}.order-body strong{color:var(--gift-text-muted);font-weight:600;min-width:80px}.order-actions{margin-top:auto}.status-select{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--gift-border);background-color:#f8fafc;color:var(--gift-text-main);font-weight:600;font-size:.9rem;cursor:pointer;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='%2364748b'%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 16px center;background-size:18px;transition:all .2s}.status-select:focus{outline:none;border-color:var(--gift-primary);box-shadow:0 0 0 4px #6366f11a}.status-pending{background:#fffbeb;color:#d97706;border:1px solid #fef3c7}.status-assigned{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.status-quality_check{background:#f0fdf4;color:#166534;border:1px solid #dcfce7}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;padding-bottom:40px}.catalog-card{background:#fff;border-radius:24px;padding:32px;border:1px solid var(--gift-border);box-shadow:var(--gift-shadow-sm);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%}.catalog-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--gift-shadow-lg);border-color:var(--gift-primary)}.catalog-card.inactive{opacity:.7;background:#f8fafc;border:1px dashed #cbd5e1}.catalog-icon{font-size:3.5rem;margin-bottom:24px;background:#fdfbf7;width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05))}.catalog-info h3{font-size:1.35rem;font-weight:800;margin-bottom:8px;color:var(--gift-text-main);letter-spacing:-.02em}.catalog-category{font-size:.75rem;text-transform:uppercase;color:var(--gift-text-muted);font-weight:700;letter-spacing:.08em;margin-bottom:16px;display:inline-block;padding:4px 10px;background:#f1f5f9;border-radius:8px}.catalog-price{font-size:1.75rem;font-weight:800;color:var(--gift-primary);margin:0 0 20px;letter-spacing:-.03em}.catalog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.catalog-tags .tag{font-size:.7rem;padding:4px 8px;background:#eff6ff;color:#3b82f6;border-radius:6px;font-weight:600}.catalog-actions{margin-top:auto;display:flex;gap:12px;opacity:0;transform:translateY(10px);transition:all .3s ease}.catalog-card:hover .catalog-actions{opacity:1;transform:translateY(0)}.btn-icon-small{background:#fff;border:1px solid var(--gift-border);color:var(--gift-text-muted);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon-small:hover{background:var(--gift-primary);color:#fff;border-color:var(--gift-primary);transform:translateY(-2px);box-shadow:0 4px 10px #6366f14d}.catalog-card.add-new-card{border:2px dashed #cbd5e1;background:transparent;align-items:center;justify-content:center;cursor:pointer;min-height:320px;color:var(--gift-text-muted);transition:all .3s ease}.catalog-card.add-new-card:hover{border-color:var(--gift-primary);background:#6366f105;transform:translateY(-4px)}.catalog-card.add-new-card svg{font-size:2.5rem;margin-bottom:16px;color:#94a3b8;transition:color .3s}.catalog-card.add-new-card:hover svg{color:var(--gift-primary)}.catalog-card.add-new-card p{font-weight:700;font-size:1.1rem;color:#64748b}.catalog-card.add-new-card:hover p{color:var(--gift-primary)}.modal-overlay{background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{border-radius:24px!important;border:none!important;box-shadow:0 25px 50px -12px #00000080!important}.modal-header{border-bottom:1px solid #f1f5f9!important;padding:24px 32px!important}.modal-body{padding:32px!important}.btn-primary{background:var(--gift-primary);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--gift-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px;color:var(--gift-text-muted)}.spinner{width:50px;height:50px;border:4px solid rgba(99,102,241,.1);border-top-color:var(--gift-primary);border-radius:50%;animation:giftSpin 1s linear infinite}@keyframes giftSpin{to{transform:rotate(360deg)}}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;text-align:center;background:#fff;border-radius:24px;border:2px dashed #e2e8f0;color:#94a3b8}.empty-state svg{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:#64748b}.user-creation-card{background:#fff;border-radius:16px;border:1px solid var(--gift-border);overflow:hidden;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%;box-shadow:var(--gift-shadow-sm)}.user-creation-card:hover{transform:translateY(-8px);box-shadow:var(--gift-shadow-lg);border-color:var(--gift-primary)}.creation-header{padding:12px 16px;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.creation-type-badge{font-size:.75rem;font-weight:800;padding:5px 12px;border-radius:20px;background:#fff;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;gap:8px;color:var(--gift-text-main);text-transform:uppercase;letter-spacing:.05em}.creation-type-badge svg{color:var(--gift-primary)}.creation-body{padding:20px;flex-grow:1;display:flex;flex-direction:column;gap:12px}.creation-title{font-size:1.1rem;font-weight:800;color:var(--gift-text-main);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}.creation-meta{font-size:.875rem;color:var(--gift-text-muted);display:flex;align-items:center;gap:8px;font-weight:500}.creation-preview{height:180px;width:100%;background:#f1f5f9;overflow:hidden;position:relative;margin-top:0;border-radius:16px 16px 0 0;aspect-ratio:3 / 2}.creation-preview img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.user-creation-card:hover .creation-preview img{transform:scale(1.05)}.creation-footer{padding:12px 16px;border-top:1px solid #f1f5f9;margin-top:auto;background:#fff}.creation-footer-actions{display:flex;gap:10px;width:100%;align-items:center}.btn-add-cart{flex-grow:1;background:linear-gradient(135deg,var(--gift-primary) 0%,var(--gift-primary-dark) 100%);color:#fff;border:none;padding:11px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-size:.95rem;box-shadow:0 4px 10px #6366f133}.btn-add-cart:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f159}.btn-design-cover{flex-shrink:0;width:42px;height:42px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:var(--gift-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.1rem}.btn-design-cover:hover{background:#f8fafc;border-color:var(--gift-primary);transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.gifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:20px}.cart-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.cart-sidebar-overlay.active{opacity:1;visibility:visible}.cart-sidebar{position:fixed;top:0;right:-450px;width:450px;height:100%;background:#fdfdfd;z-index:2001;transition:right .4s cubic-bezier(.16,1,.3,1);box-shadow:-10px 0 30px #0000001a;display:flex;flex-direction:column}.cart-sidebar.active{right:0}.cart-close-btn{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;box-shadow:0 4px 10px #3b82f64d}.cart-content{padding:60px 30px 30px;height:100%;display:flex;flex-direction:column}.cart-item-row{display:flex;align-items:center;gap:15px;margin-bottom:40px}.cart-item-image{width:90px;height:90px;background:#fff4e5;border-radius:12px;overflow:hidden;flex-shrink:0}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-info{flex-grow:1}.cart-item-title{font-size:1rem;font-weight:600;color:#334155;margin-bottom:8px}.cart-quantity-selector{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:30px;padding:4px 12px;width:fit-content;gap:15px;background:#fff;box-shadow:0 2px 4px #00000005}.cart-quantity-selector button{border:none;background:none;font-size:18px;color:#64748b;cursor:pointer;padding:0 5px}.cart-item-price{font-size:1.1rem;font-weight:700;color:#475569}.cart-options{margin-top:auto;margin-bottom:40px;display:flex;flex-direction:column;gap:15px;align-items:flex-start;padding-left:5px}.cart-option-item{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.95rem;color:#475569;font-weight:500;width:100%}.cart-option-item input{display:none}.custom-checkbox{width:20px;height:20px;border:1px solid #3b82f6;border-radius:4px;position:relative;transition:all .2s}.cart-option-item input:checked+.custom-checkbox{background:#3b82f6}.cart-option-item input:checked+.custom-checkbox:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px}.btn-checkout{width:100%;background:#0081ff;color:#fff;border:none;padding:14px;border-radius:12px;font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s}.btn-checkout:hover{background:#0072e0}.payment-icons{display:flex;align-items:center;margin-left:5px}.payment-icon-wrapper{width:34px;height:34px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #0081ff;margin-left:-12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.payment-icon-wrapper:first-child{margin-left:0}.payment-icon-wrapper img{width:65%;height:65%;object-fit:contain}.payment-icon-wrapper.phonepe{background:#5f259f}.payment-icon-wrapper.phonepe img{width:60%;height:60%;filter:brightness(0) invert(1)}.btn-continue-shopping{width:100%;background:#fff;color:#3b82f6;border:1px solid #d1d5db;padding:12px;border-radius:12px;font-weight:800;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.back-icon-circle{width:32px;height:32px;border-radius:50%;background:#6b7280;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.event-templates-mini-list{display:flex;flex-direction:column;gap:12px}.event-mini-card{display:flex;align-items:center;gap:16px;padding:14px;background:#fbfcfd;border:1px solid var(--gift-border);border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.event-mini-card:hover{background:#fff;border-color:var(--gift-primary);transform:translate(4px);box-shadow:var(--gift-shadow-sm)}.mini-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.mini-card-info h4{font-size:.95rem;font-weight:700;margin:0;color:var(--gift-text-main)}.mini-card-info p{font-size:.8rem;color:var(--gift-text-muted);font-weight:500;margin:0}.view-indicator{margin-left:auto;color:#cbd5e1;font-size:.85rem;opacity:0;transition:opacity .2s}.event-mini-card:hover .view-indicator{opacity:1}.empty-text{text-align:center;color:var(--gift-text-muted);font-size:.85rem;font-style:italic;padding:20px 0}.ap-page{padding:28px 30px;background:#f8fafc;min-height:100vh}.ap-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;color:#64748b;font-size:15px}.ap-spinner{width:44px;height:44px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:ap-spin .8s linear infinite}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;background:#fff;border-radius:16px;padding:22px 28px;border:1px solid #e8edf5;box-shadow:0 2px 8px #0000000a}.ap-header-left{display:flex;align-items:center;gap:18px}.ap-header-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);color:#6366f1;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 10px #6366f126;flex-shrink:0}.ap-header h1{margin:0 0 4px;font-size:22px;font-weight:700;color:#0f172a}.ap-header p{margin:0;font-size:13px;color:#64748b}.ap-refresh-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,transform .18s}.ap-refresh-btn:hover{background:#4f46e5;transform:translateY(-1px)}.ap-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:28px}.ap-stat-card{background:#fff;border-radius:14px;border:1px solid #e8edf5;padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 6px #0000000a;transition:transform .18s,box-shadow .18s}.ap-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.ap-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ap-stat-value{font-size:20px;font-weight:700;color:#0f172a;line-height:1.2}.ap-stat-label{font-size:11px;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-section-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 20px;display:flex;align-items:center;gap:10px}.ap-section-title svg{color:#6366f1}.ap-clear-filter{margin-left:auto;background:#fef2f2;color:#ef4444;border:1px solid #fecaca;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.ap-clear-filter:hover{background:#fee2e2}.ap-count-badge{background:#6366f1;color:#fff;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}.ap-packages-section{background:#fff;border-radius:18px;border:1px solid #e8edf5;padding:28px;margin-bottom:28px;box-shadow:0 2px 8px #0000000a}.ap-packages-section .pricing-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.ap-packages-section .pricing-card{transition:transform .22s ease,box-shadow .22s ease}.ap-packages-section .pricing-card:hover{transform:translateY(-6px);box-shadow:0 18px 32px #6366f124}.ap-packages-section .card-header{border-top:4px solid;padding-top:20px}.ap-packages-section .btn-current{width:100%;padding:10px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,color .18s}.ap-subs-section{background:#fff;border-radius:18px;border:1px solid #e8edf5;padding:28px;box-shadow:0 2px 8px #0000000a}.ap-subs-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px}.ap-filters{display:flex;gap:12px;flex-wrap:wrap}.ap-search{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e8edf5;border-radius:10px;padding:8px 14px;min-width:260px;color:#94a3b8}.ap-search input{border:none;background:transparent;outline:none;font-size:13px;color:#374151;flex:1}.ap-search input::placeholder{color:#94a3b8}.ap-select{border:1px solid #e8edf5;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;color:#374151;background:#f8fafc;cursor:pointer;outline:none}.ap-subs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ap-sub-card{border-radius:14px;border:1px solid #e8edf5;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.ap-sub-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000017}.ap-sub-accent{height:4px;flex-shrink:0}.ap-sub-body{padding:16px;display:flex;flex-direction:column;gap:12px}.ap-sub-user{display:flex;align-items:center;gap:12px}.ap-sub-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0}.ap-sub-name{font-size:14px;font-weight:700;color:#0f172a}.ap-sub-email{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.ap-sub-pkg{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;align-self:flex-start}.ap-sub-price{margin-left:4px;opacity:.75;font-weight:600}.ap-sub-meta{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#94a3b8;gap:6px}.ap-sub-meta svg{margin-right:4px}.ap-days-left{font-weight:700;font-size:12px}.ap-sub-status-row{display:flex;align-items:center}.ap-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 11px;border-radius:20px;text-transform:uppercase;letter-spacing:.6px}.ap-status-active{background:#f0fdf4;color:#16a34a;border:1px solid #87efac}.ap-status-expired,.ap-status-cancelled{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;color:#94a3b8;text-align:center;gap:12px}.ap-empty h3{margin:0;font-size:16px;color:#64748b}.ap-empty p{margin:0;font-size:13px}@media(max-width:768px){.ap-page{padding:18px 14px}.ap-header{flex-direction:column;align-items:flex-start;gap:12px}.ap-stats{grid-template-columns:1fr 1fr}.ap-subs-header{flex-direction:column;align-items:stretch}.ap-filters{flex-direction:column}.ap-search{min-width:unset}.ap-subs-grid,.ap-packages-section .pricing-grid{grid-template-columns:1fr}}.ap-pkg-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:4px}.ap-pkg-card{background:#fff;border-radius:16px;border:1px solid #e8edf5;border-top:4px solid var(--pkg-color, #6366f1);padding:22px 20px 18px;display:flex;flex-direction:column;gap:14px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease;position:relative;overflow:hidden}.ap-pkg-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px var(--pkg-glow, rgba(99, 102, 241, .15))}.ap-pkg-selected{outline:2px solid var(--pkg-color, #6366f1);box-shadow:0 0 0 4px var(--pkg-glow, rgba(99, 102, 241, .15))}.ap-filtering-badge{position:absolute;top:10px;right:10px;background:var(--pkg-color, #6366f1);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;display:flex;align-items:center;gap:5px}.ap-pkg-top{display:flex;align-items:center;gap:12px}.ap-pkg-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ap-pkg-name-block{flex:1;min-width:0}.ap-pkg-name{font-size:15px;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-role-badge{font-size:10px;font-weight:600;color:#f59e0b;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:1px 7px;display:inline-block;margin-top:3px}.ap-pkg-price{display:flex;align-items:baseline;gap:2px}.ap-pkg-currency{font-size:16px;font-weight:700;color:var(--pkg-color, #6366f1)}.ap-pkg-amount{font-size:28px;font-weight:900;color:#0f172a;line-height:1}.ap-pkg-duration{font-size:12px;color:#94a3b8;font-weight:500;margin-left:4px}.ap-pkg-features{display:flex;flex-wrap:wrap;gap:6px}.ap-feat-chip{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px}.ap-feat-chip svg{color:#10b981;font-size:9px}.ap-pkg-sub-count{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:7px 12px;border-radius:10px}.ap-pkg-actions{display:flex;gap:8px;margin-top:4px}.ap-btn-subscribers{flex:1;padding:9px 10px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .18s,color .18s}.ap-btn-activate{flex:1.2;padding:9px 10px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;transition:opacity .18s,transform .18s;box-shadow:0 4px 12px #6366f140}.ap-btn-activate:hover{opacity:.9;transform:translateY(-1px)}.ap-admin-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:20px;padding:3px 10px;align-self:flex-start}.ap-modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:ap-overlay-in .2s ease}@keyframes ap-overlay-in{0%{opacity:0}to{opacity:1}}.ap-modal{background:#fff;border-radius:22px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 70px #00000040;animation:ap-modal-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes ap-modal-in{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ap-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #f1f5f9}.ap-modal-title-row{display:flex;align-items:center;gap:14px}.ap-modal-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);color:#6366f1;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.ap-modal-title{margin:0 0 3px;font-size:18px;font-weight:800;color:#0f172a}.ap-modal-subtitle{margin:0;font-size:12px;color:#64748b}.ap-modal-close{width:34px;height:34px;border-radius:10px;background:#f1f5f9;border:none;color:#64748b;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.ap-modal-close:hover{background:#e2e8f0;color:#0f172a}.ap-modal-pkg-info{display:flex;align-items:center;gap:14px;margin:16px 24px;padding:14px 18px;background:linear-gradient(135deg,#f8faff,#f3f0ff);border:1px solid #e0e7ff;border-radius:14px}.ap-modal-pkg-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.ap-modal-pkg-name{font-size:15px;font-weight:800;color:#0f172a}.ap-modal-pkg-meta{font-size:12px;color:#64748b;margin-top:2px}.ap-modal-section{padding:0 24px 16px}.ap-modal-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#374151;margin-bottom:10px}.ap-modal-user-search{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:10px 14px;margin-bottom:10px;transition:border-color .2s}.ap-modal-user-search:focus-within{border-color:#6366f1;background:#fff}.ap-modal-search-icon{color:#94a3b8}.ap-modal-search-input{border:none;background:transparent;outline:none;font-size:14px;color:#0f172a;flex:1}.ap-modal-user-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;border:1px solid #e8edf5;border-radius:12px;padding:6px;background:#fafbfc}.ap-modal-no-users{text-align:center;color:#94a3b8;font-size:13px;padding:20px}.ap-modal-user-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s}.ap-modal-user-item:hover{background:#f1f5f9}.ap-modal-user-item.selected{background:#eef2ff;border:1px solid #c7d2fe}.ap-modal-user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ap-modal-user-info{flex:1;min-width:0}.ap-modal-user-name{font-size:14px;font-weight:700;color:#0f172a}.ap-modal-user-email{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-modal-user-check{color:#6366f1;font-size:18px;flex-shrink:0}.ap-modal-summary{margin:0 24px 16px;padding:16px 18px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;display:flex;flex-direction:column;gap:10px}.ap-modal-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.ap-modal-summary-row span{color:#64748b}.ap-modal-summary-row strong{color:#0f172a;font-weight:700;max-width:60%;text-align:right}.ap-modal-actions{display:flex;gap:10px;padding:16px 24px 24px;border-top:1px solid #f1f5f9}.ap-modal-cancel-btn{flex:1;padding:12px;border-radius:12px;background:#f1f5f9;color:#64748b;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.ap-modal-cancel-btn:hover:not(:disabled){background:#e2e8f0}.ap-modal-activate-btn{flex:2;padding:12px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .18s,transform .18s;box-shadow:0 6px 20px #6366f159}.ap-modal-activate-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.ap-modal-activate-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.ap-modal-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:560px){.ap-modal{border-radius:16px}.ap-modal-actions{flex-direction:column}.ap-pkg-cards-grid{grid-template-columns:1fr}.ap-pkg-actions{flex-direction:column}}.ap-my-plan-banner{position:relative;background:linear-gradient(135deg,#1e1b4b,#312e81,#4c1d95);border-radius:20px;padding:28px 32px;margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;overflow:hidden;box-shadow:0 20px 40px #6366f14d;flex-wrap:wrap}.ap-my-plan-glow{position:absolute;top:-60px;right:-60px;width:240px;height:240px;background:radial-gradient(circle,rgba(167,139,250,.3) 0%,transparent 70%);pointer-events:none}.ap-my-plan-left{display:flex;align-items:center;gap:20px;flex-shrink:0}.ap-my-plan-icon{width:60px;height:60px;border-radius:18px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:26px;color:#fbbf24;flex-shrink:0}.ap-my-plan-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;color:#a5f3fc;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;border:1px solid rgba(165,243,252,.3)}.ap-my-plan-name{font-size:24px;font-weight:900;color:#fff;letter-spacing:-.5px;margin-bottom:6px}.ap-my-plan-expiry{display:flex;align-items:center;gap:7px;font-size:13px;color:#ffffffb3;flex-wrap:wrap}.ap-my-plan-expiry svg{color:#ffffff80}.ap-days-ok{color:#6ee7b7;font-weight:700}.ap-days-warning{color:#fca5a5;font-weight:700}.ap-my-plan-usage{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;min-width:320px;flex:1;max-width:500px}.ap-my-usage-item{background:#ffffff14;border-radius:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.1)}.ap-my-usage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ap-my-usage-label{font-size:12px;font-weight:700;color:#fffc}.ap-my-usage-count{font-size:12px;font-weight:600;color:#fff9;display:flex;align-items:center;gap:3px}.ap-my-usage-track{height:6px;background:#ffffff26;border-radius:100px;overflow:hidden}.ap-my-usage-fill{height:100%;border-radius:100px;transition:width 1s ease-in-out}@media(max-width:768px){.ap-my-plan-banner{flex-direction:column;padding:22px 20px}.ap-my-plan-usage{min-width:unset;width:100%;max-width:none;grid-template-columns:1fr 1fr}}.ef-page{min-height:100vh;background:linear-gradient(135deg,#f8faff,#f0f4ff);padding:24px}.ef-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.ef-header-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.ef-header-icon--shayari{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 4px 14px #f59e0b40}.ef-header-icon--idiom{background:linear-gradient(135deg,#ede9fe,#ddd6fe);box-shadow:0 4px 14px #6366f140}.ef-header-text h1{margin:0 0 4px;font-size:1.7rem;font-weight:800;color:#1e293b;line-height:1.2}.ef-header-text p{margin:0;font-size:.9rem;color:#64748b}.ef-card{background:#fff;border-radius:20px;border:1px solid #e8edf5;box-shadow:0 4px 24px #00000012;overflow:hidden;max-width:860px;margin:0 auto}.ef-card-bar{height:4px;background:linear-gradient(90deg,#6366f1,#a78bfa,#ec4899)}.ef-card-bar--amber{background:linear-gradient(90deg,#f59e0b,#fbbf24,#f97316)}.ef-card-body{padding:32px 36px}.ef-field{margin-bottom:22px}.ef-field:last-of-type{margin-bottom:0}.ef-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}@media(max-width:600px){.ef-row{grid-template-columns:1fr}.ef-card-body{padding:22px 18px}}.ef-label{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#475569;margin-bottom:8px}.ef-label svg{font-size:.75rem;color:#6366f1}.ef-label--required:after{content:"*";color:#ef4444;margin-left:3px}.ef-optional{font-size:.72rem;font-weight:500;text-transform:none;color:#94a3b8;letter-spacing:0}.ef-input,.ef-select,.ef-textarea{width:100%;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:13px 16px;font-size:.95rem;color:#1e293b;font-family:inherit;line-height:1.5;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;outline:none}.ef-input:focus,.ef-select:focus,.ef-textarea:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.ef-input::placeholder,.ef-textarea::placeholder{color:#cbd5e1}.ef-input--lg{font-size:1.15rem;font-weight:600;padding:14px 16px}.ef-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236366f1' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.ef-textarea{resize:vertical;min-height:110px;line-height:1.7}.ef-textarea--poetry{font-family:Georgia,Times New Roman,serif;font-size:1.1rem;line-height:1.85;min-height:200px;color:#1e293b;letter-spacing:.2px}.ef-textarea--autosize{min-height:0!important;overflow:hidden!important;resize:none!important}.ef-hint{text-align:right;font-size:.75rem;color:#94a3b8;margin-top:5px;font-weight:500}.ef-divider{height:1px;background:#f1f5f9;margin:28px 0 24px}.ef-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px}.ef-btn-cancel{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:12px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .18s ease;text-decoration:none}.ef-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.ef-btn-save{display:inline-flex;align-items:center;gap:8px;padding:11px 28px;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 14px #6366f159}.ef-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #6366f173}.ef-btn-save:disabled{opacity:.65;cursor:not-allowed;transform:none}.ef-btn-save--amber{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 14px #f59e0b59;color:#1a1023}.ef-btn-save--amber:hover:not(:disabled){box-shadow:0 8px 20px #f59e0b73}.ef-loading{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#6366f1;font-size:.95rem;font-weight:600}.ef-spin{font-size:2rem;animation:ef-rotate .8s linear infinite}@keyframes ef-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.collaboration-page{padding:32px;background:var(--page-bg);min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1{font-size:32px;font-weight:700;color:var(--text-card-primary);margin:0 0 8px;display:flex;align-items:center;gap:12px}.page-header p{color:var(--text-card-secondary);margin:0;font-size:15px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--button-bg-primary),var(--button-bg-secondary));color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;align-items:center;gap:20px;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.stat-icon.bg-blue{background:linear-gradient(135deg,#0e2a47,#1e40af)}.stat-icon.bg-green{background:linear-gradient(135deg,#16a34a,#22c55e)}.stat-icon.bg-orange{background:linear-gradient(135deg,#f36f21,#fb923c)}.stat-content h3{font-size:32px;font-weight:800;color:var(--text-card-primary);margin:0 0 4px}.stat-content p{font-size:14px;color:var(--text-card-secondary);margin:0}.search-section{margin-bottom:24px}.search-box{position:relative;max-width:500px}.search-box svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-card-secondary);font-size:16px}.search-box input{width:100%;padding:14px 16px 14px 48px;border:2px solid var(--button-bg-primary);border-radius:10px;font-size:15px;font-weight:500;transition:all .3s ease}.search-box input:focus{outline:none;border-color:var(--button-bg-secondary);box-shadow:0 0 0 4px #00000014}.biographies-list{display:flex;flex-direction:column;gap:20px}.biography-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.biography-card:hover{box-shadow:0 8px 24px #0000001f}.bio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bio-header h3{font-size:20px;font-weight:700;color:var(--text-card-primary);margin:0}.btn-invite{padding:8px 16px;background:var(--button-bg-primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.btn-invite:hover{background:var(--button-bg-secondary);transform:scale(1.05)}.bio-meta{display:flex;gap:20px;margin-bottom:16px;font-size:13px;color:var(--text-card-secondary)}.collaborators-section{margin-top:20px;padding-top:20px;border-top:2px solid rgba(0,0,0,.08)}.collaborators-section h4{font-size:16px;font-weight:700;color:var(--text-card-primary);margin:0 0 16px}.collaborators-list{display:flex;flex-direction:column;gap:12px}.collaborator-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--card-bg-active-services);border-radius:10px;border:2px solid rgba(0,0,0,.06);transition:all .3s ease}.collaborator-item:hover{border-color:var(--button-bg-primary);transform:translate(4px)}.collab-info{display:flex;align-items:center;gap:12px}.collab-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--button-bg-primary),var(--button-bg-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.collab-details{display:flex;flex-direction:column}.collab-details strong{font-size:14px;font-weight:600;color:var(--text-card-primary)}.collab-email{font-size:12px;color:var(--text-card-secondary)}.collab-actions{display:flex;align-items:center;gap:10px}.role-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.role-editor{background:var(--card-bg-total-customers);color:var(--button-bg-primary);border:2px solid var(--button-bg-primary)}.role-viewer{background:var(--card-bg-low-stock);color:var(--text-card-secondary);border:2px solid var(--text-card-secondary)}.status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:4px}.status-accepted{background:var(--card-bg-total-customers);color:var(--button-success);border:2px solid var(--button-success)}.status-pending{background:#fef3c7;color:#d97706;border:2px solid #D97706}.btn-remove{width:32px;height:32px;border-radius:8px;border:none;background:var(--button-danger);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#b91c1c;transform:scale(1.1)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid rgba(0,0,0,.08);background:linear-gradient(135deg,var(--button-bg-primary),var(--button-bg-secondary))}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.close-btn{background:transparent;border:none;font-size:32px;color:#fff;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:28px}.form-group label{display:block;font-size:14px;font-weight:700;color:var(--text-card-primary);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--button-bg-primary);box-shadow:0 0 0 3px #0000000d}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:2px solid rgba(0,0,0,.08);background:#00000005}.btn-secondary{padding:12px 24px;background:#fff;color:var(--text-card-primary);border:2px solid rgba(0,0,0,.1);border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#0000000d}.loading-state svg,.empty-state svg{color:var(--text-card-secondary);margin-bottom:16px}.loading-state p,.empty-state p{color:var(--text-card-secondary);font-size:15px}.empty-state h3{font-size:20px;font-weight:700;color:var(--text-card-primary);margin:16px 0 8px}@media(max-width:768px){.collaboration-page{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid{grid-template-columns:1fr}.bio-header,.collaborator-item{flex-direction:column;align-items:flex-start;gap:12px}.collab-actions{width:100%;justify-content:space-between}}.collaborate-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.collaborate-card{background:#fff;width:100%;max-width:480px;padding:48px;border-radius:20px;box-shadow:0 20px 60px #0000004d}.collaborate-header{text-align:center;margin-bottom:32px}.icon-circle{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px;box-shadow:0 4px 12px #667eea66}.collaborate-header h1{font-size:28px;color:#1f2937;margin-bottom:8px}.session-name{color:#6b7280;font-size:16px;margin-bottom:16px}.session-stats{display:inline-block;background:#f3f4f6;padding:8px 16px;border-radius:20px;font-size:14px;color:#4b5563}.session-stats svg{margin-right:6px;color:#667eea}.login-form{margin-bottom:24px}.form-group label svg{margin-right:6px;color:#667eea}.form-group input{width:100%;padding:14px;border:2px solid #e5e7eb;border-radius:10px;font-size:16px;transition:all .3s;font-family:monospace}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.error-alert{background:#fee2e2;color:#991b1b;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:8px}.btn-login{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #667eea66}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-login svg{margin-right:8px}.info-footer{text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.info-footer p{font-size:13px;color:#6b7280;line-height:1.6}.info-footer svg{color:#667eea;margin-right:4px}.loading-state,.error-card{text-align:center;background:#fff;padding:48px;border-radius:20px;box-shadow:0 20px 60px #0000004d}.loading-state svg{color:#667eea;margin-bottom:16px}.error-card h2{margin:20px 0 12px;color:#1f2937}.error-card p{color:#6b7280}.collaborate-editor-page{height:100vh;display:flex;flex-direction:column;background:#f9fafb}.collab-topbar{background:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.topbar-left{display:flex;align-items:center;gap:16px}.collab-icon{font-size:32px;color:#667eea}.topbar-left h2{margin:0;font-size:20px;color:#1f2937}.session-info{margin:4px 0 0;font-size:13px;color:#6b7280}.topbar-right{display:flex;gap:12px}.btn-save,.btn-logout{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-save{background:#667eea;color:#fff}.btn-save:hover:not(:disabled){background:#5568d3}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-logout{background:#f3f4f6;color:#6b7280}.btn-logout:hover{background:#e5e7eb;color:#374151}.collab-editor-container{flex:1;padding:24px;overflow-y:auto}.collab-editor-container .ql-container{min-height:500px;font-size:16px;line-height:1.8}.collab-statusbar{background:#fff;padding:12px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6b7280}.collab-statusbar svg{margin-right:6px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.ai-tool-btn{width:100%;padding:10px 12px;margin-bottom:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4b5563;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px;justify-content:flex-start;box-shadow:0 1px 2px #0000000d}.ai-tool-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.ai-tool-btn:disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6;color:#9ca3af;border-color:#f3f4f6;box-shadow:none}.ai-tool-btn svg{font-size:1rem}.generate-collab-page{padding:24px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:32px}.page-header h1{font-size:28px;color:#111827;margin-bottom:8px}.page-header p{color:#6b7280}.content-grid{gap:24px}@media(max-width:968px){.content-grid{grid-template-columns:1fr}}.form-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.form-card h2{margin-bottom:24px;font-size:20px;color:#374151}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn-generate{width:100%;padding:14px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-generate:hover:not(:disabled){background:#5568d3}.btn-generate:disabled{opacity:.7;cursor:not-allowed}.result-card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.result-header{text-align:center;margin-bottom:24px}.result-header h2{margin-top:12px;color:#10b981}.link-section{margin-bottom:24px}.link-section label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.copy-box{display:flex;gap:8px}.copy-box input{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:monospace;background:#f9fafb}.copy-box button{padding:12px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;white-space:nowrap}.credentials-section{margin-bottom:20px}.cred-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cred-header label{font-weight:600;color:#374151}.btn-copy-all{padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px}.credentials-list{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.cred-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #e5e7eb}.cred-item:last-child{border-bottom:none}.cred-number{width:32px;height:32px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.cred-details{flex:1}.cred-field{font-size:13px;margin-bottom:4px}.cred-field code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:monospace;margin-left:8px}.btn-copy-single{padding:8px 12px;background:transparent;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;color:#6b7280}.btn-copy-single:hover{background:#f3f4f6}.info-box{background:#eff6ff;border:1px solid #bfdbfe;padding:12px;border-radius:8px;font-size:14px;color:#1e40af}.info-box svg{margin-right:8px}.superadmin-dashboard{padding:2rem!important;min-height:100vh!important;font-family:Inter,system-ui,-apple-system,sans-serif!important;width:100%!important;display:block!important;text-align:left!important}.dashboard-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2rem!important;width:100%!important}.header-actions{display:flex!important;gap:1rem!important}.refresh-btn{padding:10px 20px!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border:none!important;border-radius:10px!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:8px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 12px #6366f14d!important}.refresh-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #6366f166!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important}.refresh-btn:active{transform:translateY(0)!important}.refresh-btn svg{font-size:1rem!important;transition:transform .6s ease!important}.refresh-btn:hover svg{transform:rotate(360deg)!important}.dashboard-header h1{font-size:2rem!important;font-weight:700!important;margin:0!important;color:var(--text-card-secondary)!important}.dashboard-header p{color:var(--text-card-tertiary)!important;margin-top:.5rem!important;font-size:.95rem!important}.stats-grid,#superadmin-content-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important;margin-bottom:2.5rem!important;width:100%!important;max-width:100%!important;justify-content:start!important;justify-items:stretch!important}.stats-grid .stat-card{padding:1.75rem 2rem!important;border-radius:14px!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;border:1px solid #e2e8f0!important;transition:all .3s ease!important;width:100%!important}.stats-grid .stat-card:hover{transform:translateY(-5px)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.stats-grid .stat-value{font-size:2.5rem!important;font-weight:800!important;color:var(--text-card-primary)!important;line-height:1!important;margin-top:.5rem!important}.stats-grid .stat-label{color:var(--text-card-secondary)!important;font-size:.9rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important}.stats-grid .stat-icon-wrapper{width:56px!important;height:56px!important;font-size:1.5rem!important;border-radius:12px!important}#superadmin-content-grid .stat-card{padding:1rem 1.25rem!important;border-radius:10px!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;box-shadow:0 1px 3px #0000001a!important;border:1px solid #e2e8f0!important;transition:all .3s ease!important;width:100%!important}#superadmin-content-grid .stat-value{font-size:1.5rem!important;font-weight:700!important;color:var(--text-card-primary)!important;line-height:1.2!important}#superadmin-content-grid .stat-label{color:var(--text-card-secondary)!important;font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important}#superadmin-content-grid .stat-icon-wrapper{width:36px!important;height:36px!important;font-size:1rem!important;border-radius:8px!important}#superadmin-content-grid .stat-trend{font-size:.65rem!important;padding:.2rem .5rem!important}.stat-card{position:relative!important;overflow:hidden!important;min-width:0!important}.gradient-purple{border-top:4px solid #8b5cf6!important}.gradient-blue{border-top:4px solid #3b82f6!important}.gradient-green{border-top:4px solid #10b981!important}.gradient-orange{border-top:4px solid #f59e0b!important}.stat-info{display:flex!important;flex-direction:column!important;z-index:2!important;text-align:left!important}.stat-right{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:.75rem!important;z-index:2!important}.stat-icon-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .3s ease!important}.stat-card:hover .stat-icon-wrapper{transform:scale(1.1)!important}.gradient-purple .stat-icon-wrapper{background:#8b5cf61a!important;color:#8b5cf6!important}.gradient-blue .stat-icon-wrapper{background:#3b82f61a!important;color:#3b82f6!important}.gradient-green .stat-icon-wrapper{background:#10b9811a!important;color:#10b981!important}.gradient-orange .stat-icon-wrapper{background:#f59e0b1a!important;color:#f59e0b!important}.stat-trend{color:#64748b!important;display:flex!important;align-items:center!important;gap:.25rem!important;background:#f8fafc!important;border-radius:20px!important;font-weight:600!important;border:1px solid #f1f5f9!important}.content-stats{margin-bottom:2.5rem!important;width:100%!important;display:block!important;text-align:left!important}.content-stats h2{font-size:1.25rem!important;margin-bottom:1.5rem!important;display:flex!important;align-items:center!important;gap:.75rem!important;color:#1e293b!important;font-weight:700!important;justify-content:flex-start!important}.dashboard-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1.5rem!important;margin-bottom:2rem!important;width:100%!important}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr!important}}.dashboard-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:1.5rem!important;display:flex!important;flex-direction:column!important}.card-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1.5rem!important;padding-bottom:1rem!important;border-bottom:1px solid #e2e8f0!important}.card-header h2{font-size:1.1rem!important;font-weight:600!important;margin:0!important;color:#1e293b!important}.status-badge{padding:.4rem .8rem!important;border-radius:20px!important;font-size:.75rem!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:.5rem!important}.status-badge.healthy{background:#10b98133!important;color:#34d399!important;border:1px solid rgba(16,185,129,.2)!important}.health-metrics{display:flex!important;flex-direction:column!important;gap:1.5rem!important}.metric-header{display:flex!important;justify-content:space-between!important;margin-bottom:.5rem!important;font-size:.875rem!important;color:#64748b!important}.metric-value{font-weight:600!important;color:#1e293b!important}.progress-bar{height:8px!important;background:#f1f5f9!important;border-radius:4px!important;overflow:hidden!important}.progress{height:100%!important;border-radius:4px!important;transition:width 1s ease-in-out!important}.progress.cpu{background:linear-gradient(90deg,#f59e0b,#ef4444)!important}.progress.memory{background:linear-gradient(90deg,#3b82f6,#8b5cf6)!important}.progress.storage{background:linear-gradient(90deg,#10b981,#3b82f6)!important}.service-status{display:flex!important;justify-content:space-between!important;margin-top:1rem!important;padding-top:1.5rem!important;border-top:1px solid #e2e8f0!important}.service{display:flex!important;flex-direction:column!important;gap:.5rem!important}.service span:first-child{color:#64748b!important;font-size:.875rem!important}.status.operational{color:#34d399!important;font-size:.875rem!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:.4rem!important}.view-all-btn{background:transparent!important;border:none!important;color:#6366f1!important;font-size:.875rem!important;cursor:pointer!important;transition:color .2s!important}.view-all-btn:hover{text-decoration:underline!important;color:#818cf8!important}.activity-list{display:flex!important;flex-direction:column!important;gap:1.25rem!important}.activity-item{display:flex!important;gap:1rem!important;align-items:flex-start!important}.activity-icon{width:36px!important;height:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.9rem!important;flex-shrink:0!important}.activity-icon.user{background:#3b82f626!important;color:#60a5fa!important}.activity-icon.template{background:#f59e0b26!important;color:#fbbf24!important}.activity-icon.admin{background:#8b5cf626!important;color:#a78bfa!important}.activity-icon.biography{background:#10b98126!important;color:#34d399!important}.activity-icon.speech{background:#ec489926!important;color:#f472b6!important}.activity-content{flex:1!important}.activity-message{margin:0!important;font-size:.9rem!important;color:#334155!important;line-height:1.4!important}.activity-time{display:block!important;font-size:.75rem!important;color:#94a3b8!important;margin-top:.25rem!important}.sa-quick-actions h2{font-size:1.25rem!important;margin-bottom:1.5rem!important;color:#1e293b!important}.sa-actions-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.25rem!important}@media(max-width:1024px){.sa-actions-grid{grid-template-columns:repeat(2,1fr)!important}}.sa-action-btn{background:#fff!important;border:1px solid #e2e8f0!important;padding:1.25rem 1rem!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:.75rem!important;color:#64748b!important;cursor:pointer!important;transition:all .3s ease!important}.sa-action-btn:hover{background:#f8fafc!important;border-color:#6366f1!important;color:#1e293b!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #6366f11a!important}.sa-action-btn svg{font-size:1.5rem!important;color:#818cf8!important;margin-bottom:.25rem!important}.sa-action-btn:hover svg{color:#a5b4fc!important}.manage-admins-container{padding:32px;background:#f8fafc;min-height:100vh}.manage-admins-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.manage-admins-container .page-header>div h1{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 6px}.manage-admins-container .page-header>div p{font-size:14px;color:#64748b;margin:0}.manage-admins-container .btn-primary{background:#fff;color:#6366f1;padding:10px 20px;border-radius:8px;border:2px solid #6366f1;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.manage-admins-container .btn-primary:hover{background:#6366f1;color:#fff}.alert{padding:16px 20px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-weight:600;animation:slideDown .3s ease}.alert svg{font-size:20px}.alert-success{background:#dcfce7;color:#16a34a;border:1px solid #86efac}.alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.role-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize;display:inline-block}.role-superadmin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.role-admin{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.role-moderator{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.role-editor{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.action-buttons{display:flex;gap:8px;justify-content:center}.info-banner{padding:14px 18px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-radius:10px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:12px;border:1px solid #bfdbfe}.info-banner svg{font-size:18px;flex-shrink:0}.form-group label{display:block;margin-bottom:8px;color:#334155;font-weight:600;font-size:14px}.form-control{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;transition:all .3s ease;font-family:inherit}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-control::placeholder{color:#94a3b8}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.modal-header{padding:24px 28px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:22px;color:#1e293b;font-weight:700}.close-btn{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease}.close-btn:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:28px;overflow-y:auto;overscroll-behavior:contain;flex:1}.modal-footer{padding:20px 28px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;font-size:15px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:12px 24px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:15px}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:8px 12px;background:#f1f5f9;color:#475569;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-sm:hover{background:#e2e8f0;color:#1e293b}.btn-sm.danger{background:#fee2e2;color:#dc2626}.btn-sm.danger:hover{background:#fca5a5;color:#991b1b}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.manage-admins-container{padding:20px}.modal-content{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:20px}.action-buttons{flex-direction:column}.stats-grid.small{grid-template-columns:1fr}}.admin-stat-card.gradient-purple{border-left-color:#6366f1;background:linear-gradient(135deg,#f0f0ff,#fff)}.admin-stat-card.gradient-blue{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.admin-stat-card.gradient-green{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.admin-stat-card.gradient-orange{border-left-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fff)}.stat-icon{margin-bottom:8px;font-size:24px}.stat-content h3{font-size:28px;font-weight:700;margin:0;color:#1e293b}.stat-content p{color:#64748b;font-size:14px;margin:0}.stat-detail{font-size:12px;color:#94a3b8;display:block;margin-top:4px}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.table-filters{display:flex;gap:12px;flex-wrap:wrap}.search-box{position:relative;width:280px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-box input{width:100%;padding:10px 10px 10px 36px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s}.role-filter{padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;color:#374151;cursor:pointer}.role-filter:focus{outline:none;border-color:#6366f1}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;width:100%}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;padding:1.5rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:100px}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000000d}.stat-card:nth-child(1){border-top:4px solid #8b5cf6}.stat-card:nth-child(2){border-top:4px solid #3b82f6}.stat-card:nth-child(3){border-top:4px solid #f59e0b}.stat-card:nth-child(4){border-top:4px solid #10b981}.stat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;transition:transform .3s ease;order:2}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-content{flex:1;display:flex;flex-direction:column;gap:.25rem;order:1;text-align:left}.stat-value{font-size:1.75rem;font-weight:800;color:#1e293b;line-height:1}.stat-label{font-size:.75rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:0}.bg-blue-100{background:#3b82f626!important}.text-blue-600{color:#2563eb!important}.bg-green-100{background:#10b98126!important}.text-green-600{color:#059669!important}.bg-yellow-100{background:#f59e0b26!important}.text-yellow-600{color:#d97706!important}.bg-purple-100{background:#8b5cf626!important}.text-purple-600{color:#7c3aed!important}.table-container{background:#fff;min-width:100%;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;border:1px solid #e5e7eb}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th{background:#f9fafb;padding:18px 24px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.data-table td{padding:16px 24px;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;vertical-align:middle}.data-table tr:hover{background:#f9fafb}.data-table tr:last-child td{border-bottom:none}.user-cell{display:flex;align-items:center;gap:14px}.user-avatar-placeholder{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex-shrink:0;box-shadow:0 2px 4px #6366f133}.user-name{font-weight:600;color:#111827;font-size:14px}.role-badge{display:inline-flex;padding:6px 12px;border-radius:9999px;font-size:12px;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.role-badge.role-superadmin{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.role-badge.role-admin{background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.role-badge.role-moderator{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.role-badge.role-user{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:9999px;font-size:12px;font-weight:600}.status-badge.status-active{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.status-badge.status-inactive{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.action-buttons{display:flex;gap:8px}.btn-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s}.btn-icon:hover{background:#f3f4f6;color:#111827;border-color:#e5e7eb}.btn-icon.text-red-500:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.mt-2{margin-top:.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.text-red-500{color:#ef4444}.settings-wrapper{max-width:1000px;margin:0 auto}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px}.settings-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #f3f4f6;transition:transform .2s,box-shadow .2s;height:100%}.settings-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.card-header h3{font-size:18px;font-weight:700;color:#111827;margin:0}.card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.settings-form-group{margin-bottom:20px}.settings-form-group label{display:block;font-size:14px;font-weight:500;color:#4b5563;margin-bottom:8px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#9ca3af;font-size:16px;pointer-events:none}.premium-input{width:100%;padding:12px 16px 12px 42px;border:1px solid #e5e7eb;border-radius:10px;font-size:15px;color:#111827;transition:all .2s;background:#f9fafb}.premium-input:focus{outline:none;background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.helper-text{display:block;margin-top:6px;font-size:12px;color:#6b7280}.toggle-group{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f9fafb;border-radius:12px;margin-bottom:16px;border:1px solid #f3f4f6;transition:all .2s}.toggle-group:hover{border-color:#e5e7eb;background:#f8fafc}.toggle-info{display:flex;flex-direction:column}.toggle-label{font-weight:600;color:#374151;font-size:14px}.toggle-desc{font-size:12px;color:#6b7280;margin-top:2px}.switch{position:relative;display:inline-block;width:48px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.3s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #00000026}input:checked+.slider{background:linear-gradient(135deg,#6366f1,#8b5cf6)}input:checked+.slider:before{transform:translate(22px)}input:focus+.slider{box-shadow:0 0 1px #6366f1}.switch.danger input:checked+.slider{background:linear-gradient(135deg,#ef4444,#dc2626)}.action-bar{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:20px}.btn-save{display:flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #6366f14d;transition:all .2s}.btn-save:hover{transform:translateY(-1px);box-shadow:0 6px 12px -2px #6366f166}.btn-save:active{transform:translateY(0)}.btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none}.billing-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.billing-stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f3f4f6;position:relative;overflow:hidden;transition:transform .2s;display:flex;flex-direction:column;justify-content:space-between;min-height:140px}.billing-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #00000014}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.stat-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-trend{font-size:12px;font-weight:600;padding:4px 8px;border-radius:20px;display:flex;align-items:center;gap:4px}.trend-up{background:#ecfdf5;color:#059669}.trend-down{background:#fef2f2;color:#dc2626}.stat-main{display:flex;flex-direction:column}.stat-amount{font-size:28px;font-weight:700;color:#111827;letter-spacing:-.02em;margin-bottom:4px}.stat-title{font-size:14px;color:#6b7280;font-weight:500}.transactions-container{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;border:1px solid #e5e7eb;padding:0;overflow:hidden}.section-header-row{padding:24px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:#fff}.section-title h2{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px}.section-title p{font-size:14px;color:#6b7280;margin:0}.billing-table{width:100%;border-collapse:collapse}.billing-table th{background:#f9fafb;padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.billing-table td{padding:16px 24px;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;vertical-align:middle}.billing-table tr:hover{background:#f9fafb}.billing-table tr:last-child td{border-bottom:none}.txn-id{font-family:Monaco,Consolas,monospace;color:#6b7280;font-size:13px;background:#f3f4f6;padding:2px 6px;border-radius:4px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-completed{background:#def7ec;color:#03543f}.status-pending{background:#fff8e1;color:#92400e}.status-failed{background:#fde8e8;color:#9b1c1c}.user-info-cell{display:flex;flex-direction:column}.user-name{font-weight:600;color:#111827}.user-email{font-size:12px;color:#6b7280}.amount-cell{font-weight:700;color:#111827}.action-btn{width:32px;height:32px;border-radius:8px;border:1px solid transparent;background:transparent;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:#f3f4f6;color:#4b5563}.bg-indigo-100{background:#e0e7ff;color:#4338ca}.bg-emerald-100{background:#d1fae5;color:#059669}.bg-amber-100{background:#fef3c7;color:#d97706}.bg-rose-100{background:#ffe4e6;color:#e11d48}.empty-state{padding:40px;text-align:center;color:#6b7280}.package-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.package-stats .stat-card{background:#fff;padding:20px;border-radius:10px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:16px}.package-stats .stat-card svg{font-size:32px;color:#6366f1}.package-stats .stat-card h3{font-size:28px;font-weight:700;margin:0;color:#111827}.package-stats .stat-card p{font-size:13px;color:#6b7280;margin:0}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.package-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .3s ease}.package-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #6366f126;border-color:#6366f1}.package-card.inactive{opacity:.6;background:#f9fafb}.package-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.package-header h3{font-size:20px;font-weight:700;color:#111827;margin:0}.status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.inactive{background:#fee2e2;color:#991b1b}.package-price{display:flex;align-items:baseline;gap:8px;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.package-price svg{font-size:24px;color:#6366f1}.package-price .price{font-size:36px;font-weight:800;color:#111827}.package-price .duration{font-size:14px;color:#6b7280}.package-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.package-features .feature{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.package-features .feature svg{color:#10b981;font-size:16px}.package-actions{display:flex;gap:8px;padding-top:16px;border-top:1px solid #f3f4f6}.btn-icon{flex:1;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-size:16px}.btn-icon:hover{background:#f9fafb;border-color:#6366f1;color:#6366f1}.btn-icon.danger:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-header h2{font-size:20px;font-weight:700;color:#111827;margin:0}.modal-header button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.modal-header button:hover{background:#f3f4f6;color:#111827}.modal-content form{display:flex;flex-direction:column;flex:1;overflow:hidden}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px;overflow-y:auto;flex:1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#374151}.form-group input,.form-group select{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.btn-primary,.btn-secondary{padding:11px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:#6366f1;color:#fff;border:none;min-width:120px}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.btn-secondary{background:#fff;color:#6b7280;border:1px solid #e5e7eb;min-width:100px}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px}.empty-state p{color:#6b7280;margin:0}@media(max-width:768px){.form-grid,.packages-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.subs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}.subs-stats .stat-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.subs-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.stat-icon.bg-blue{background:#3b82f6}.stat-icon.bg-green{background:#10b981}.stat-icon.bg-red{background:#ef4444}.stat-icon.bg-purple{background:#8b5cf6}.stat-content h3{font-size:28px;font-weight:700;margin:0;color:#111827}.stat-content p{font-size:13px;color:#6b7280;margin:4px 0 0}.filters-row{display:flex;gap:16px;margin-bottom:24px;align-items:center}.search-box{flex:1;position:relative;max-width:400px}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px}.search-box input{width:100%;padding:11px 14px 11px 42px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.search-box input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-select{padding:11px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;background:#fff;cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.subs-table{width:100%;border-collapse:collapse}.subs-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.subs-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.subs-table td{padding:16px;border-bottom:1px solid #f3f4f6;font-size:14px;color:#374151}.subs-table tbody tr:hover{background:#f9fafb}.user-cell{display:flex;flex-direction:column;gap:4px}.user-cell strong{font-weight:600;color:#111827}.user-cell .email{font-size:12px;color:#6b7280}.package-cell{display:flex;align-items:center;gap:8px;font-weight:500}.package-cell svg{color:#6366f1}.price-cell{font-weight:600;color:#059669}.days-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#dbeafe;color:#1e40af}.days-badge.warning{background:#fef3c7;color:#92400e}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.expired{background:#fee2e2;color:#991b1b}.status-badge.cancelled{background:#f3f4f6;color:#6b7280}.usage-cell{font-size:12px;color:#6b7280;line-height:1.6}.loading-state,.empty-state{text-align:center;padding:60px 20px}.loading-state svg{color:#6366f1;margin-bottom:12px}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0}@media(max-width:1024px){.subs-table{font-size:13px}.subs-table th,.subs-table td{padding:12px}}@media(max-width:768px){.filters-row{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.table-container{overflow-x:auto}.subs-table{min-width:900px}}.features-grid-container{width:100%;margin:40px auto}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,auto);gap:24px}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.infinite-flip-container{background-color:transparent;perspective:1200px;height:440px;width:100%;cursor:pointer}.infinite-flip-inner{position:relative;width:100%;height:100%;transition:transform 1s cubic-bezier(.25,1,.5,1);transform-style:preserve-3d}.infinite-flip-front,.infinite-flip-back{position:absolute;width:100%;height:100%;background:#fff;border-radius:20px;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 10px 30px #0000000f;border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.infinite-flip-front{transform:rotateY(0)}.infinite-flip-back{transform:rotateY(180deg)}.infinite-flip-front img,.infinite-flip-back img{width:100%;height:250px;object-fit:cover;border-bottom:2px solid rgba(0,0,0,.02);border-radius:20px 20px 0 0}.flip-card-content{padding:24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%}.flip-card-content h3{margin:0 0 8px;font-size:1.15rem;font-weight:700;color:#1e293b;font-family:Inter,sans-serif;line-height:1.3}.flip-card-content p{margin:0;font-size:1rem;line-height:1.6;color:#475569;font-family:Inter,sans-serif;transition:all .3s ease;text-align:center}.read-more-inline{color:#6366f1;font-weight:700;cursor:pointer;margin-left:4px;white-space:nowrap;text-underline-offset:2px}.read-more-inline:hover{text-decoration:underline}.is-expanded-card{height:auto!important;min-height:480px;z-index:50}.is-expanded-card .infinite-flip-front,.is-expanded-card .infinite-flip-back{height:auto;min-height:100%}@media(max-width:480px){.infinite-flip-container{height:400px}.infinite-flip-front img,.infinite-flip-back img{height:180px}.flip-card-content{padding:16px 14px}.flip-card-content h3{font-size:1rem;margin-bottom:6px}.flip-card-content p{font-size:.88rem;line-height:1.5}.is-expanded-card{min-height:420px}}.is-expanded-card .flip-card-content{padding-bottom:30px}.pp-page{font-family:Inter,sans-serif;background:#fff;color:#1a1a2e;min-height:100vh}.pp-hero{background:linear-gradient(145deg,#0d1b2a,#1a2744 40%,#0f3460);padding:120px 24px 60px;position:relative;overflow:hidden}.pp-hero:before{content:"";position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(203,163,101,.12) 0%,transparent 70%);pointer-events:none}.pp-hero:after{content:"";position:absolute;bottom:-120px;left:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none}.pp-hero-inner{max-width:800px;margin:0 auto;position:relative;z-index:1}.pp-back-row{margin-bottom:48px}.pp-back-link{display:inline-flex;align-items:center;gap:8px;color:#ffffff8c;text-decoration:none;font-size:14px;font-weight:500;letter-spacing:.3px;transition:color .25s,gap .2s}.pp-back-link:hover{color:#cba365;gap:12px}.pp-hero-center{text-align:center;display:flex;flex-direction:column;align-items:center}.pp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#cba3651f;border:1px solid rgba(203,163,101,.4);color:#cba365;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:7px 20px;border-radius:30px;margin-bottom:24px}.pp-hero-title{font-family:Playfair Display,serif;font-size:clamp(36px,5.5vw,58px);font-weight:700;color:#fff;line-height:1.15;margin:0 0 20px;text-align:center}.pp-hero-title span{background:linear-gradient(135deg,#cba365,#f0c97a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pp-hero-sub{font-size:16px;color:#fff9;line-height:1.75;max-width:520px;margin:0 0 32px;text-align:center}.pp-meta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pp-meta span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#fff6;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:6px 14px;border-radius:20px}.pp-wave{display:block;width:100%;margin-bottom:-2px;background:#f0ede8}.pp-content{max-width:1100px;margin:0 auto;padding:60px 40px 80px}.pp-main{display:flex;flex-direction:column;gap:0}.pp-section{background:transparent;border-radius:0;padding:40px 0;border-bottom:1px solid #e2ddd8;scroll-margin-top:24px}.pp-section:last-child{border-bottom:none}.pp-section-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.pp-section-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0d1b2a,#1a3a6b);display:flex;align-items:center;justify-content:center;color:#cba365;flex-shrink:0}.pp-section h2{font-size:20px;font-weight:700;color:#0d1b2a;margin:0;letter-spacing:-.3px}.pp-section-body p{color:#4b5563;line-height:1.85;margin:0 0 14px;font-size:15px}.pp-section-body p:last-child{margin-bottom:0}.pp-section-body ul{color:#4b5563;line-height:1.9;padding-left:20px;margin:10px 0 0;font-size:15px}.pp-section-body ul li{margin-bottom:5px}.pp-belief-box{display:flex;align-items:center;gap:12px;border-left:3px solid #cba365;padding:10px 18px;margin-top:16px;color:#6b4e1f}.pp-belief-box svg{display:none}.pp-belief-box p{margin:0;font-size:15px;font-style:italic}.pp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.pp-info-card{background:#f8f9fa;border:1px solid #eaeaee;border-radius:14px;padding:22px}.pp-info-card-title{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;color:#0f3460;margin-bottom:14px;letter-spacing:.2px}.pp-info-card ul{padding-left:16px;margin:0;font-size:14px}.pp-do-dont{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px}.pp-do{background:#f0fdf5;border:1.5px solid #d1fae5;border-radius:14px;padding:22px}.pp-dont{background:#fff4f4;border:1.5px solid #fecdd3;border-radius:14px;padding:22px}.pp-do-title,.pp-dont-title{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;margin-bottom:14px}.pp-do-title{color:#15803d}.pp-dont-title{color:#be123c}.pp-do ul,.pp-dont ul{padding-left:16px;margin:0;font-size:14px;color:#374151}.pp-badges-row{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0}.pp-security-badge{flex:1;min-width:140px;background:linear-gradient(145deg,#0d1b2a,#1a2c4e);border-radius:16px;padding:24px 18px;text-align:center;border:1px solid rgba(203,163,101,.15);transition:transform .2s}.pp-security-badge:hover{transform:translateY(-3px)}.pp-security-badge span{font-size:30px;display:block;margin-bottom:10px}.pp-security-badge p{margin:0;font-size:13px;font-weight:600;color:#cba365}.pp-act-box{display:flex;align-items:flex-start;gap:10px;border-left:3px solid #0f3460;padding:8px 16px;margin-top:14px;color:#1e40af;font-size:14.5px}.pp-act-box svg{flex-shrink:0;margin-top:3px}.pp-act-box p{margin:0;line-height:1.65}.pp-rights-grid{display:flex;flex-direction:column;gap:10px;margin:16px 0}.pp-right-item{display:flex;align-items:center;gap:16px;background:#f9fafb;border:1px solid #e9ecef;border-radius:12px;padding:14px 20px;font-size:15px;color:#1f2937;font-weight:500;transition:background .2s,border-color .2s}.pp-right-item:hover{background:#f0f4ff;border-color:#c7d7ff}.pp-right-icon{font-size:22px}.pp-emphasis{font-size:17px;font-weight:700;color:#0f3460;text-align:center;margin-top:20px!important;letter-spacing:-.2px}.pp-highlight-box{display:flex;align-items:flex-start;gap:12px;border-left:3px solid #16a34a;padding:8px 16px;color:#166534;font-size:15px}.pp-highlight-box svg{flex-shrink:0;margin-top:3px;color:#16a34a}.pp-highlight-box p{margin:0;line-height:1.75}.pp-design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.pp-design-card{background:linear-gradient(145deg,#f8f9fa,#fff);border:1px solid #eaeaee;border-radius:18px;padding:28px 20px;text-align:center;transition:transform .25s,box-shadow .25s}.pp-design-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #0000001a}.pp-design-icon{font-size:34px;display:block;margin-bottom:14px}.pp-design-card h4{font-size:15px;font-weight:700;color:#0d1b2a;margin:0 0 8px;letter-spacing:-.2px}.pp-design-card p{font-size:13px;color:#6b7280;margin:0;line-height:1.65}.pp-contact-section{background:transparent!important;border-bottom:none!important;padding-top:40px}.pp-contact-section h2{color:#0d1b2a!important}.pp-contact-section>p{color:#4b5563!important;margin-bottom:0}.pp-contact-cards{display:flex;flex-direction:column;gap:10px;margin-top:20px}.pp-contact-card{display:flex;align-items:center;gap:16px;padding:4px 0;color:#374151;border:none;background:transparent}.pp-contact-card svg{color:#0f3460;flex-shrink:0}.pp-contact-card div{display:flex;flex-direction:row;align-items:center;gap:10px}.pp-contact-card span{font-size:13px;font-weight:600;color:#0d1b2a}.pp-contact-card a{color:#0f3460;font-size:15px;font-weight:600;text-decoration:none}.pp-contact-card a:hover{color:#cba365;text-decoration:underline}.pp-contact-card p{margin:0;font-size:15px;color:#374151}@media(max-width:700px){.pp-section{padding:26px 22px}.pp-two-col,.pp-do-dont,.pp-contact-cards,.pp-design-grid{grid-template-columns:1fr}.pp-hero{padding:90px 20px 48px}.pp-content{padding:36px 18px 60px}.pp-badges-row{flex-direction:column}.pp-footer-inner{flex-direction:column;text-align:center}.pp-hero-title{font-size:clamp(26px,7vw,38px)}.pp-hero-sub{font-size:14px}.pp-section h2{font-size:17px}.pp-section-icon{width:38px;height:38px;border-radius:10px}.pp-security-badge{min-width:100%}.pp-design-card{padding:20px 16px}.pp-info-card,.pp-do,.pp-dont{padding:18px}}@media(max-width:400px){.pp-hero{padding:80px 14px 40px}.pp-hero-badge{font-size:10px;padding:6px 14px}.pp-back-row{margin-bottom:28px}.pp-content{padding:24px 12px 44px}.pp-section{padding:20px 0}.pp-section-body p,.pp-section-body ul{font-size:14px}.pp-right-item{font-size:13px;padding:11px 14px}.pp-section-header{gap:12px;margin-bottom:16px}}:root{--adv-navy: #1a1f3a;--adv-gold: #c9a96e;--adv-cream: #f9f6f0;--adv-white: #ffffff;--adv-text: #334155;--adv-text-light: #64748b;--adv-serif: "Playfair Display", serif;--adv-sans: "Inter", sans-serif}.adv-page{min-height:100vh;background:var(--adv-cream);display:flex;flex-direction:column;font-family:var(--adv-sans);position:relative}.adv-back-btn{position:absolute;top:24px;left:24px;z-index:10;display:flex;align-items:center;gap:8px;color:var(--adv-white);text-decoration:none;font-weight:500;background:#ffffff1a;padding:8px 16px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s}.adv-back-btn:hover{background:var(--adv-gold);color:var(--adv-navy);border-color:var(--adv-gold);transform:translate(-4px)}.adv-navbar{background:var(--adv-navy);padding:16px 0;position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #0000001a}.adv-navbar-inner{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.adv-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.adv-logo img{height:40px}.adv-logo-text{color:var(--adv-white);font-family:var(--adv-serif);font-size:1.5rem;font-weight:700}.adv-logo-text span{color:var(--adv-gold)}.adv-nav-links{display:flex;gap:32px;list-style:none;margin:0;padding:0}.adv-nav-links a{color:#fffc;text-decoration:none;font-weight:500;transition:color .3s}.adv-nav-links a:hover,.adv-nav-links a.active{color:var(--adv-gold)}.adv-nav-cta{display:flex;align-items:center;gap:16px}.adv-btn-login{color:var(--adv-white);text-decoration:none;font-weight:500}.adv-btn-start{background:var(--adv-gold);color:var(--adv-navy);padding:10px 24px;border-radius:30px;text-decoration:none;font-weight:600;transition:transform .3s}.adv-btn-start:hover{transform:translateY(-2px);background:#d4b680}.adv-header{background:linear-gradient(135deg,var(--adv-navy) 0%,#2a3258 100%);color:var(--adv-white);padding:160px 24px 100px;text-align:center}.adv-header-container{max-width:900px;margin:0 auto}.adv-badge{display:inline-block;padding:6px 16px;border:1px solid var(--adv-gold);color:var(--adv-gold);border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:24px;letter-spacing:1px;text-transform:uppercase}.adv-title{font-family:var(--adv-serif);font-size:2.5rem;margin:0 0 16px;line-height:1.2}.adv-subtitle{font-size:1rem;color:#fffc;line-height:1.6;margin:0}.adv-content{padding:80px 24px;flex:1}.adv-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px}.adv-card{background:var(--adv-white);padding:32px;border-radius:16px;box-shadow:0 10px 30px #0000000d;transition:transform .4s,box-shadow .4s;border:1px solid rgba(201,169,110,.15);display:flex;flex-direction:column}.adv-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000014;border-color:#c9a96e66}.adv-card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;border-bottom:1px solid rgba(201,169,110,.15);padding-bottom:20px}.adv-card-icon{font-size:2.2rem;background:#c9a96e14;height:64px;width:64px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}.adv-card-title-container{display:flex;flex-direction:column;justify-content:center}.adv-card h3{font-family:var(--adv-serif);font-size:1.05rem;color:var(--adv-navy);margin:0;line-height:1.45}.adv-card h4{font-size:.8rem;color:var(--adv-gold);margin:0 0 6px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.adv-points{list-style:none;padding:0;margin:0;flex:1}.adv-points li{font-size:.95rem;color:var(--adv-text-light);line-height:1.5;margin-bottom:14px;padding-left:26px;position:relative}.adv-points li:before{content:"✓";position:absolute;left:0;top:2px;color:var(--adv-gold);font-weight:700;font-size:1rem}.adv-cta-section{background:var(--adv-navy);padding:80px 24px;text-align:center;color:#fff}.adv-cta-inner h2{font-family:var(--adv-serif);font-size:2.5rem;margin:0 0 16px}.adv-cta-inner p{font-size:1.1rem;color:#ffffffb3;margin:0 auto 32px;max-width:700px;line-height:1.6}.adv-btn-primary{background:var(--adv-gold);color:var(--adv-navy);padding:16px 36px;border-radius:30px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:transform .3s;display:inline-block}.adv-btn-primary:hover{transform:translateY(-3px);background:#d4b680}@media(max-width:768px){.adv-nav-links{display:none}.adv-nav-cta{gap:10px}.adv-header{padding:100px 20px 70px}.adv-title{font-size:2rem}.adv-subtitle{font-size:.95rem}.adv-content{padding:50px 16px}.adv-grid{grid-template-columns:1fr;gap:20px}.adv-card{padding:24px}.adv-cta-section{padding:60px 20px}.adv-cta-inner h2{font-size:2rem}.adv-cta-inner p{font-size:.95rem}.adv-btn-primary{padding:14px 28px;font-size:1rem}}@media(max-width:480px){.adv-navbar-inner{padding:0 16px}.adv-logo-text{font-size:1.2rem}.adv-logo img{height:32px}.adv-header{padding:80px 16px 50px}.adv-title{font-size:1.7rem;line-height:1.2}.adv-subtitle{font-size:.9rem}.adv-badge{font-size:.72rem;padding:5px 12px}.adv-content{padding:36px 14px}.adv-card{padding:20px 16px;border-radius:12px}.adv-card-icon{width:52px;height:52px;font-size:1.8rem;border-radius:10px}.adv-card h3{font-size:.95rem}.adv-points li{font-size:.88rem;margin-bottom:10px}.adv-cta-section{padding:48px 16px}.adv-cta-inner h2{font-size:1.7rem}.adv-btn-primary{padding:13px 24px;font-size:.95rem;width:100%;max-width:280px}}:root{--lj-navy: #1a1f3a;--lj-gold: #cba365;--lj-text: #2c2c3a;--lj-text-muted: #6b6b7b;--lj-cream: #faf8f2;--lj-white: #ffffff;--lj-serif: "Playfair Display", serif;--lj-sans: "Inter", sans-serif}.lj-page{font-family:var(--lj-sans);background:var(--lj-cream);min-height:100vh;display:flex;flex-direction:column}.lj-header{background:linear-gradient(145deg,#0d1b2a,#1a2744);padding:160px 24px 80px;text-align:center;position:relative;overflow:hidden;color:var(--lj-white)}.lj-header-content{max-width:800px;margin:0 auto;position:relative;z-index:10}.lj-badge{display:inline-flex;background:#cba3651a;border:1px solid rgba(203,163,101,.3);color:var(--lj-gold);font-size:.75rem;font-weight:700;letter-spacing:2px;padding:8px 16px;border-radius:30px;text-transform:uppercase;margin-bottom:24px}.lj-title{font-family:var(--lj-serif);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;margin-bottom:20px;line-height:1.1}.lj-title span{color:var(--lj-gold);font-style:italic}.lj-subtitle{font-size:1.1rem;color:#fff9;line-height:1.7}.lj-container{max-width:1400px;margin:0 auto;padding:80px 40px;flex:1}.lj-soon{background:var(--lj-white);border-radius:30px;padding:60px;text-align:center;border:1px solid rgba(0,0,0,.05)}.lj-soon-box h2{font-family:var(--lj-serif);font-size:2.2rem;color:var(--lj-navy);margin-bottom:12px}.lj-soon-box p{color:var(--lj-text-muted);margin-bottom:30px}.lj-soon-btn{background:var(--lj-gold);color:var(--lj-white);border:none;padding:16px 36px;border-radius:50px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px #cba3654d}.lj-soon-btn:hover{background:#b58e55;transform:translateY(-2px);box-shadow:0 15px 40px #cba36566}.lj-faq-section{padding:100px 0;position:relative;background:#fff;margin-top:10px;border-radius:40px;box-shadow:0 20px 80px #00000005}.lj-faq-container{max-width:1500px;margin:0 auto;text-align:center;position:relative;padding:0 40px}.lj-faq-deco{position:absolute;top:-10%;right:-150px;width:500px;height:800px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M180,50 C250,150 50,250 180,350 C280,450 80,550 150,650' stroke='%238e8cf1' stroke-width='0.8' fill='none' stroke-dasharray='4 4' opacity='0.5'/%3E%3C/svg%3E") no-repeat center;z-index:0;pointer-events:none}.lj-faq-title{font-family:var(--lj-serif);font-size:3rem;color:var(--lj-navy);margin-bottom:40px;font-weight:800}.lj-dual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;position:relative;z-index:1}.lj-faq-list{display:flex;flex-direction:column;gap:20px}.lj-faq-item{background:#f8fafc;border-radius:16px;padding:24px 32px;cursor:pointer;transition:all .3s ease;text-align:left}.lj-faq-item:hover{background:#f1f5f9}.lj-faq-item.active{background:var(--lj-white);box-shadow:0 20px 50px #0000000f}.lj-faq-question{display:flex;align-items:center;gap:20px}.lj-faq-icon{font-size:1.5rem;color:var(--lj-gold);font-weight:400;width:30px;display:flex;justify-content:center}.lj-faq-question h3{font-size:1.15rem;font-weight:500;color:var(--lj-navy);margin:0}.lj-faq-answer{max-height:0;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1)}.lj-faq-item.active .lj-faq-answer{max-height:1000px;margin-top:20px;padding-left:50px}.lj-legacy-msg{background:#cba36514;border-left:4px solid var(--lj-gold);padding:16px 20px;border-radius:4px;margin-top:10px;font-size:1.05rem;color:var(--lj-navy)}.lj-legacy-msg strong{color:var(--lj-gold)}.lj-faq-answer p{font-size:1rem;line-height:1.8;color:var(--lj-text-muted);margin:0}.lj-faq-section:after{content:"";position:absolute;bottom:-40px;left:-60px;width:200px;height:200px;background:var(--lp-accent);border-radius:50%;opacity:.1;z-index:0}@media(max-width:1024px){.lj-dual-grid{grid-template-columns:1fr}}@media(max-width:768px){.lj-header{padding:100px 20px 60px}.lj-container{padding:50px 20px}.lj-faq-container{padding:0 20px}.lj-faq-section{padding:60px 0;border-radius:24px}.lj-faq-title{font-size:2rem;margin-bottom:28px}.lj-soon{padding:40px 24px}.lj-soon-box h2{font-size:1.8rem}.lj-faq-item{padding:20px 24px}.lj-faq-question h3{font-size:1rem}}@media(max-width:600px){.lj-grid{grid-template-columns:1fr}.lj-soon{padding:30px 16px}}@media(max-width:480px){.lj-header{padding:80px 16px 44px}.lj-title{font-size:2rem}.lj-subtitle{font-size:.95rem}.lj-badge{font-size:.7rem;padding:6px 12px;letter-spacing:1.3px}.lj-container{padding:36px 14px}.lj-faq-container{padding:0 14px}.lj-faq-section{padding:44px 0;border-radius:16px}.lj-faq-deco{display:none}.lj-faq-title{font-size:1.7rem;margin-bottom:20px}.lj-faq-item{padding:16px 18px;border-radius:12px}.lj-faq-item.active .lj-faq-answer{padding-left:28px}.lj-faq-question h3{font-size:.93rem}.lj-faq-answer p{font-size:.9rem}.lj-soon{padding:24px 14px;border-radius:20px}.lj-soon-box h2{font-size:1.5rem}.lj-soon-btn{padding:13px 26px;font-size:.95rem}.lj-legacy-msg{font-size:.93rem;padding:12px 16px}}.about-page{background:var(--lp-cream);color:var(--lp-text);font-family:var(--lp-sans);overflow-x:hidden}.abs-hero{position:relative;padding:clamp(140px,12vh,180px) 0 60px;background:radial-gradient(circle at 80% 20%,rgba(201,169,110,.12) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(99,102,241,.08) 0%,transparent 40%);text-align:center}.abs-badge{display:inline-flex;padding:8px 20px;background:#c9a96e1a;border:1px solid rgba(201,169,110,.2);border-radius:99px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--lp-gold-dark);margin-bottom:32px}.abs-title{font-family:var(--lp-serif);font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.1;color:var(--lp-navy);margin-bottom:20px;letter-spacing:-.025em}.abs-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.7;color:var(--lp-text-light);max-width:800px;margin:0 auto}.abs-hero-scroll{margin-top:30px;display:flex;justify-content:center}.mouse{width:26px;height:44px;border:2px solid var(--lp-gold);border-radius:13px;position:relative;animation:mouse-float 2s infinite ease-in-out}.mouse:before{content:"";position:absolute;width:4px;height:8px;background:var(--lp-gold);top:6px;left:11px;border-radius:2px;animation:mouse-scroll 2s infinite ease-in-out}@keyframes mouse-scroll{0%{transform:translateY(0);opacity:1}to{transform:translateY(15px);opacity:0}}.abs-reality{padding:80px 0;background:var(--lp-white)}.abs-reality-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.abs-section-label{font-size:.85rem;font-weight:800;text-transform:uppercase;color:var(--lp-gold-dark);letter-spacing:2px;margin-bottom:20px;display:block}.abs-reality-text h2{font-family:var(--lp-serif);font-size:clamp(2.2rem,4vw,3.2rem);color:var(--lp-navy);line-height:1.2;margin-bottom:28px}.abs-reality-text p{font-size:1.15rem;line-height:1.8;color:var(--lp-text-light);margin-bottom:24px}.abs-image-stack{position:relative;padding:40px}.abs-image-stack .img-main{width:100%;border-radius:24px;box-shadow:var(--lp-shadow-xl);position:relative;z-index:2}.abs-image-stack .img-deco-box{position:absolute;top:0;left:0;width:80%;height:80%;border:2px solid var(--lp-gold);border-radius:24px;z-index:1;transform:translate(-15px,-15px)}.abs-belief{padding:0 0 120px;background:var(--lp-white)}.abs-belief-card{background:var(--lp-navy);padding:80px 60px;border-radius:40px;color:#fff;text-align:center;position:relative;overflow:hidden;box-shadow:var(--lp-shadow-xl)}.abs-philosophy-text{position:relative;z-index:5;max-width:800px;margin:40px auto 0}.abs-philosophy-text p{font-size:1.15rem;line-height:1.8;color:#ffffffb3;margin-bottom:24px}.abs-impact-tag{font-weight:700;color:var(--lp-gold-light)!important}.abs-companion{padding:120px 0}.abs-companion-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.abs-companion-content h2{font-family:var(--lp-serif);font-size:clamp(2.2rem,4vw,3.2rem);color:var(--lp-navy);line-height:1.2;margin-bottom:28px}.abs-companion-content p{font-size:1.15rem;line-height:1.8;color:var(--lp-text-light);margin-bottom:24px}.abs-feature-list{display:flex;flex-direction:column;gap:16px;margin-top:32px}.feat-item{display:flex;align-items:center;gap:12px;font-weight:700;color:var(--lp-navy);font-size:1.1rem}.feat-item svg{color:var(--lp-gold-dark)}.abs-visual-card{background:#fff;padding:60px;border-radius:32px;box-shadow:var(--lp-shadow-lg);border:1px solid rgba(0,0,0,.03);text-align:center}.abs-viz-icon{width:80px;height:80px;background:#c9a96e1a;color:var(--lp-gold-dark);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 32px}.abs-viz-bar{height:12px;width:80%;background:linear-gradient(90deg,#f1f5f9,#cbd5e1);border-radius:6px;margin:16px auto}.abs-viz-bar.mid{width:60%}.abs-viz-bar.short{width:40%}.abs-connection{padding:100px 0;background:var(--lp-warm)}.abs-connection-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.connection-text h2{font-family:var(--lp-serif);font-size:clamp(2rem,3.5vw,2.8rem);color:var(--lp-navy);margin-bottom:24px}.connection-text p{font-size:1.15rem;line-height:1.8;color:var(--lp-text-light)}.connection-stats{display:flex;gap:32px}.stat-circle{width:140px;height:140px;border:3px solid var(--lp-gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.stat-circle strong{font-size:1.5rem;color:var(--lp-gold-dark);display:block}.stat-circle span{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--lp-text-muted)}.abs-mission{padding:80px 0;background:var(--lp-white)}.abs-section-center{text-align:center;margin-bottom:80px}.abs-company-details{padding:80px 0;background:var(--lp-white)}.abs-company-card{background:var(--lp-cream);padding:80px;border-radius:40px;box-shadow:var(--lp-shadow-lg);border:1px solid rgba(201,169,110,.1)}.abs-company-name{font-family:var(--lp-serif);font-size:clamp(2rem,4vw,3rem);color:var(--lp-navy);margin-bottom:48px;line-height:1.2}.abs-company-content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.abs-company-description p{font-size:1.15rem;line-height:1.8;color:var(--lp-text-light);margin-bottom:24px}.abs-company-belief{background:#fff;padding:40px;border-radius:24px;box-shadow:var(--lp-shadow-sm);text-align:center}.belief-icon{width:60px;height:60px;background:var(--lp-navy);color:var(--lp-gold);border-radius:50%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;font-size:24px}.abs-company-belief h4{font-size:1.1rem;color:var(--lp-text-muted);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.abs-company-belief blockquote{font-family:var(--lp-serif);font-size:1.5rem;font-weight:700;color:var(--lp-navy);margin:0}@media(max-width:1024px){.abs-company-content-grid{grid-template-columns:1fr;gap:40px}.abs-company-card{padding:40px 24px}}.abs-closing{padding:140px 0;text-align:center;background:linear-gradient(to bottom,var(--lp-white),var(--lp-cream))}.abs-closing-content{max-width:900px;margin:0 auto}.abs-closing-badge{display:inline-block;padding:10px 24px;background:#6366f114;color:var(--lp-accent);border-radius:100px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-bottom:32px}.abs-closing h2{font-family:var(--lp-serif);font-size:clamp(2rem,4.5vw,3.5rem);color:var(--lp-navy);line-height:1.25;margin-bottom:48px}.abs-final-tagline{background:#fff;padding:40px;border-radius:24px;box-shadow:var(--lp-shadow-md);border:1px solid rgba(201,169,110,.2);margin-bottom:60px;display:flex;flex-direction:column;align-items:center;gap:16px}.tagline-icon{font-size:2rem}.abs-final-tagline h3{font-family:var(--lp-serif);font-size:1.4rem;color:var(--lp-navy);font-weight:700;margin:0}.abs-cta-group{display:flex;gap:20px;justify-content:center}.abs-cta-btn-primary{display:inline-flex;padding:18px 48px;background:var(--lp-navy);color:#fff;text-decoration:none;border-radius:14px;font-weight:700;font-size:1.05rem;transition:all .3s ease}.abs-cta-btn-secondary{display:inline-flex;padding:18px 48px;background:#fff;color:var(--lp-navy);text-decoration:none;border:2px solid var(--lp-navy);border-radius:14px;font-weight:700;font-size:1.05rem;transition:all .3s ease}.abs-cta-btn-primary:hover{background:var(--lp-gold-dark);transform:translateY(-4px);box-shadow:var(--lp-shadow-lg)}.abs-cta-btn-secondary:hover{background:var(--lp-navy);color:#fff;transform:translateY(-4px);box-shadow:var(--lp-shadow-md)}@media(max-width:768px){.abs-cta-group{flex-direction:column}}@media(max-width:1024px){.abs-reality-grid,.abs-companion-grid,.abs-connection-inner{grid-template-columns:1fr;gap:60px;text-align:center}.abs-reality-image,.abs-companion-visual{order:-1;max-width:600px;margin:0 auto}.connection-stats{justify-content:center}.abs-mission-grid{grid-template-columns:1fr}}@media(max-width:768px){.abs-hero{padding:100px 20px 60px}.abs-badge{font-size:.72rem;padding:6px 14px;letter-spacing:1.3px;margin-bottom:20px}.abs-reality{padding:50px 0}.abs-belief-card{padding:60px 30px}.abs-companion{padding:70px 0}.abs-connection{padding:60px 0}.abs-mission{padding:50px 0}.abs-section-center{margin-bottom:48px}.abs-company-details{padding:50px 0}.abs-company-card{padding:40px 24px;border-radius:24px}.abs-closing{padding:80px 0}.abs-cta-group{flex-direction:column;align-items:center}.abs-cta-btn-primary,.abs-cta-btn-secondary{padding:14px 36px;font-size:.95rem;width:100%;max-width:320px;text-align:center}.connection-stats{gap:20px}.stat-circle{width:120px;height:120px}}@media(max-width:480px){.abs-hero{padding:80px 16px 44px}.abs-title{font-size:2rem}.abs-subtitle{font-size:1rem}.abs-badge{font-size:.68rem}.abs-reality{padding:40px 0}.abs-reality-text h2{font-size:1.7rem}.abs-reality-text p{font-size:1rem}.abs-image-stack{padding:20px}.abs-belief-card{padding:44px 18px;border-radius:24px}.abs-philosophy-text p{font-size:1rem}.abs-companion{padding:44px 0}.abs-companion-content h2{font-size:1.8rem}.abs-companion-content p{font-size:1rem}.abs-visual-card{padding:32px 20px;border-radius:20px}.abs-viz-icon{width:60px;height:60px;font-size:24px;border-radius:14px;margin-bottom:20px}.abs-connection{padding:44px 0}.connection-text h2{font-size:1.7rem}.connection-text p{font-size:1rem}.connection-stats{flex-wrap:wrap;justify-content:center;gap:16px}.stat-circle{width:110px;height:110px;padding:14px}.stat-circle strong{font-size:1.25rem}.abs-company-card{padding:28px 14px;border-radius:18px}.abs-company-name{font-size:1.7rem;margin-bottom:28px}.abs-company-description p{font-size:1rem}.abs-company-belief{padding:26px 18px;border-radius:16px}.abs-company-belief blockquote{font-size:1.2rem}.abs-closing{padding:60px 0}.abs-closing h2{font-size:1.8rem;margin-bottom:28px}.abs-closing-badge{font-size:.72rem;padding:7px 16px;margin-bottom:20px}.abs-final-tagline{padding:28px 18px;border-radius:16px;gap:12px}.abs-final-tagline h3{font-size:1.15rem}.feat-item{font-size:.95rem}}.mv-page{background:var(--lp-cream);color:var(--lp-text);font-family:var(--lp-sans);overflow-x:hidden}.mv-hero{position:relative;padding:clamp(140px,12vh,180px) 0 60px;background:radial-gradient(circle at 80% 20%,rgba(201,169,110,.1) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(99,102,241,.05) 0%,transparent 40%);text-align:center}.mv-badge{display:inline-flex;padding:8px 20px;background:#c9a96e1a;border:1px solid rgba(201,169,110,.2);border-radius:99px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--lp-gold-dark);margin-bottom:32px}.mv-title{font-family:var(--lp-serif);font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;color:var(--lp-navy);margin-bottom:24px}.mv-subtitle{font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.7;color:var(--lp-text-light);max-width:800px;margin:0 auto}.mv-purpose-section{padding:100px 0;background:var(--lp-white)}.mv-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.mv-label{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:800;text-transform:uppercase;color:var(--lp-gold-dark);letter-spacing:2px;margin-bottom:24px}.mv-purpose-text h2{font-family:var(--lp-serif);font-size:clamp(2rem,4.5vw,3rem);color:var(--lp-navy);line-height:1.25;margin-bottom:28px}.mv-purpose-text p{font-size:1.15rem;line-height:1.8;color:var(--lp-text-light);margin-bottom:24px}.mv-purpose-points{display:flex;flex-direction:column;gap:20px}.p-point{display:flex;align-items:center;gap:16px;padding:24px;background:var(--lp-cream);border-radius:20px;transition:all .3s ease;border:1px solid transparent}.p-point:hover{background:#fff;border-color:var(--lp-gold-light);transform:translate(10px);box-shadow:var(--lp-shadow-sm)}.p-icon{font-size:24px;color:var(--lp-gold-dark);flex-shrink:0}.p-point span{font-size:1.1rem;font-weight:600;color:var(--lp-navy)}.mv-vision-block{padding:120px 0;background:var(--lp-navy)}.mv-card-vision{background:#ffffff0d;padding:80px;border-radius:40px;border:1px solid rgba(255,255,255,.1);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mv-card-vision .v-label{justify-content:center;color:var(--lp-gold)}.mv-card-vision h3{font-family:var(--lp-serif);font-size:clamp(1.8rem,4vw,2.8rem);color:#fff;line-height:1.35;font-weight:500}.mv-mission-block{padding:120px 0;background:var(--lp-white)}.mv-section-header{text-align:center;margin-bottom:80px;max-width:800px;margin-left:auto;margin-right:auto}.mv-section-header .mv-label{justify-content:center}.mv-section-header h2{font-family:var(--lp-serif);font-size:clamp(2rem,5vw,3rem);color:var(--lp-navy);margin-bottom:24px}.mv-section-header p{font-size:1.2rem;color:var(--lp-text-light)}.mv-mission-list-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.m-list-card-v2{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--lp-shadow-sm);transition:all .4s ease;display:flex;flex-direction:column}.m-list-card-v2:hover{transform:translateY(-10px);box-shadow:var(--lp-shadow-xl)}.m-card-img-box{width:100%;height:220px;overflow:hidden}.m-card-img-box img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.m-list-card-v2:hover .m-card-img-box img{transform:scale(1.1)}.m-card-body{padding:24px;text-align:center;flex-grow:1;display:flex;flex-direction:column;align-items:center}.m-card-icon{font-size:28px;color:var(--lp-gold-dark);margin-bottom:20px}.m-card-body p{font-size:1.05rem;font-weight:600;line-height:1.6;color:var(--lp-navy);margin:0}@media(max-width:1024px){.mv-mission-list-grid-v2{grid-template-columns:1fr;max-width:450px;margin:0 auto}}.mv-philosophy-section{padding:120px 0;background:var(--lp-cream)}.mv-principle-grid{display:flex;flex-direction:column;gap:24px;max-width:1000px;margin:0 auto}.mv-principle-card{display:grid;grid-template-columns:80px 1fr;background:#fff;padding:40px;border-radius:32px;box-shadow:var(--lp-shadow-sm);transition:all .4s ease;border:1px solid transparent}.mv-principle-card:hover{border-color:var(--lp-gold-light);transform:scale(1.02);box-shadow:var(--lp-shadow-lg)}.p-num{font-family:var(--lp-serif);font-size:2.5rem;font-weight:800;color:var(--lp-gold-light);opacity:.5}.p-content h3{font-family:var(--lp-serif);font-size:1.6rem;color:var(--lp-navy);margin-bottom:12px}.p-content p{font-size:1.1rem;line-height:1.7;color:var(--lp-text-light)}@media(max-width:1024px){.mv-purpose-grid{grid-template-columns:1fr;gap:60px;text-align:center}.mv-label{justify-content:center}.mv-card-vision{padding:40px 24px}.mv-principle-card{grid-template-columns:1fr;text-align:center;gap:20px}.mv-mission-list-grid-v2{grid-template-columns:1fr;max-width:450px;margin:0 auto}}@media(max-width:768px){.mv-hero{padding:100px 20px 50px}.mv-purpose-section{padding:60px 0}.mv-vision-block,.mv-mission-block,.mv-philosophy-section{padding:70px 0}.mv-section-header{margin-bottom:50px}.mv-card-vision{border-radius:24px}.mv-principle-card{padding:28px 20px;border-radius:20px}.p-content h3{font-size:1.3rem}.p-content p{font-size:1rem}.p-point{padding:18px}}@media(max-width:480px){.mv-hero{padding:80px 16px 40px}.mv-title{font-size:2rem}.mv-subtitle{font-size:1rem}.mv-badge{font-size:.72rem;padding:6px 14px;letter-spacing:1.3px}.mv-purpose-section,.mv-vision-block,.mv-mission-block,.mv-philosophy-section{padding:48px 0}.mv-purpose-text h2{font-size:1.8rem}.mv-purpose-text p{font-size:1rem}.mv-card-vision{padding:30px 16px;border-radius:16px}.mv-card-vision h3{font-size:1.5rem}.mv-section-header{margin-bottom:32px}.mv-section-header h2{font-size:1.8rem;margin-bottom:16px}.mv-section-header p{font-size:1rem}.mv-principle-card{padding:22px 16px;border-radius:14px;gap:12px}.p-num{font-size:2rem}.p-content h3{font-size:1.15rem;margin-bottom:8px}.p-content p{font-size:.9rem}.p-point{padding:14px;border-radius:14px;gap:12px}.p-point span{font-size:.95rem}.mv-principle-grid{gap:16px}}.sp-page{background:var(--lp-cream);color:var(--lp-text);font-family:var(--lp-sans);overflow-x:hidden}.sp-hero{position:relative;padding:clamp(140px,12vh,180px) 0 60px;background:radial-gradient(circle at 80% 20%,rgba(201,169,110,.1) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(99,102,241,.05) 0%,transparent 40%);text-align:center}.sp-badge{display:inline-flex;padding:8px 20px;background:#c9a96e1a;border:1px solid rgba(201,169,110,.2);border-radius:99px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--lp-gold-dark);margin-bottom:32px}.sp-title{font-family:var(--lp-serif);font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;color:var(--lp-navy);margin-bottom:24px}.sp-subtitle{font-size:clamp(1.1rem,2.5vw,1.3rem);line-height:1.7;color:var(--lp-text-light);max-width:800px;margin:0 auto}.sp-section{padding:100px 0}.sp-section.white-bg{background:#fff}.sp-section.cream-bg{background:var(--lp-cream)}.sp-detailed-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}.sp-detailed-grid.reverse{grid-template-columns:1.2fr 1fr}.sp-detail-visual{position:relative;padding:20px}.sp-detail-visual img{width:100%;border-radius:40px;box-shadow:var(--lp-shadow-xl);display:block}.sp-floating-label{position:absolute;bottom:0;right:0;background:var(--lp-gold);color:#fff;padding:16px 32px;border-radius:20px;font-weight:700;font-size:1.1rem;box-shadow:0 10px 20px #c9a96e4d}.sp-detailed-grid.reverse .sp-floating-label{right:auto;left:0}.sp-label{display:flex;align-items:center;gap:12px;font-size:.85rem;font-weight:800;text-transform:uppercase;color:var(--lp-gold-dark);letter-spacing:2px;margin-bottom:20px}.sp-detail-content h2{font-family:var(--lp-serif);font-size:clamp(2rem,4vw,2.8rem);color:var(--lp-navy);line-height:1.2;margin-bottom:24px}.sp-lead{font-size:1.15rem;line-height:1.7;color:var(--lp-text-light);margin-bottom:40px;position:relative;padding-left:24px;border-left:2px solid var(--lp-gold)}.sp-feature-groups{display:flex;flex-direction:column;gap:40px}.sp-feature-block h4{display:flex;align-items:center;gap:12px;font-size:1.2rem;color:var(--lp-navy);margin-bottom:16px}.sp-feature-block h4 svg{color:var(--lp-gold)}.sp-feature-block ul{list-style:none;padding:0;margin:0}.sp-feature-block li{font-size:1.05rem;line-height:1.6;color:var(--lp-text-light);margin-bottom:12px;position:relative;padding-left:24px}.sp-feature-block li:before{content:"•";position:absolute;left:0;color:var(--lp-gold);font-weight:900}.sp-final-cta{padding:120px 0;background:var(--lp-white)}.sp-cta-box{background:var(--lp-navy);padding:100px 40px;border-radius:60px;text-align:center;color:#fff}.sp-cta-box h2{font-family:var(--lp-serif);font-size:clamp(2rem,5vw,3.5rem);margin-bottom:24px}.sp-cta-box p{font-size:1.2rem;color:#ffffffb3;margin-bottom:48px}.sp-cta-actions{display:flex;justify-content:center;gap:20px}.btn-primary{padding:18px 48px;background:var(--lp-gold);color:#fff;border-radius:99px;font-weight:700;transition:all .3s ease;text-decoration:none}.btn-secondary{padding:18px 48px;background:#ffffff1a;color:#fff;border-radius:99px;font-weight:700;transition:all .3s ease;text-decoration:none;border:1px solid rgba(255,255,255,.3)}.btn-primary:hover{background:var(--lp-gold-dark);transform:translateY(-5px)}.btn-secondary:hover{background:#fff;color:var(--lp-navy);transform:translateY(-5px)}@media(max-width:1024px){.sp-detailed-grid,.sp-detailed-grid.reverse{grid-template-columns:1fr;gap:60px;text-align:center}.sp-detailed-grid.reverse .sp-detail-content{order:1}.sp-lead{padding-left:0;border-left:none}.sp-feature-block h4{justify-content:center}.sp-feature-block li{padding-left:0}.sp-feature-block li:before{display:none}.sp-cta-actions{flex-direction:column}}@media(max-width:768px){.sp-hero{padding:100px 20px 50px}.sp-section{padding:60px 0}.sp-cta-box{padding:60px 28px;border-radius:36px}.sp-cta-box h2{font-size:2.2rem}.sp-cta-box p{font-size:1rem;margin-bottom:32px}.btn-primary,.btn-secondary{padding:14px 32px;font-size:1rem}.sp-final-cta{padding:70px 0}.sp-label{font-size:.75rem}}@media(max-width:480px){.sp-hero{padding:80px 16px 40px}.sp-title{font-size:2rem}.sp-subtitle{font-size:1rem}.sp-badge{font-size:.72rem;letter-spacing:1.3px}.sp-section{padding:44px 0}.sp-cta-box{padding:44px 18px;border-radius:24px}.sp-cta-box h2{font-size:1.8rem}.sp-cta-box p{font-size:.92rem;margin-bottom:24px}.sp-cta-actions{gap:12px}.btn-primary,.btn-secondary{padding:13px 24px;font-size:.9rem;width:100%;text-align:center}.sp-final-cta{padding:50px 0}.sp-floating-label{padding:12px 22px;font-size:.9rem;border-radius:14px}.sp-detail-content h2{font-size:1.8rem}.sp-lead{font-size:1rem}.sp-feature-block li{font-size:.92rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--page-bg);color:#333}.ldr-topbar{position:fixed;top:0;left:0;right:0;height:3px;background:#6366f11f;z-index:10000;overflow:hidden}.ldr-topbar--inline{position:relative;height:3px;border-radius:100px;margin-bottom:32px}.ldr-topbar-fill{height:100%;width:40%;background:linear-gradient(90deg,#6366f1,#a78bfa,#ec4899,#6366f1);background-size:300% 100%;border-radius:100px;animation:ldr-slide 1.6s ease-in-out infinite,ldr-gradient 2.4s linear infinite}@keyframes ldr-slide{0%{transform:translate(-120%)}50%{transform:translate(100%)}to{transform:translate(260%)}}@keyframes ldr-gradient{0%{background-position:0% 0%}to{background-position:300% 0%}}.loader-fullscreen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8fafc;z-index:9999}.ldr-center{display:flex;flex-direction:column;align-items:center;gap:28px}.ldr-logo{width:120px;height:auto;border-radius:16px;opacity:.9;animation:ldr-pulse 2s ease-in-out infinite}@keyframes ldr-pulse{0%,to{transform:scale(.96);opacity:.75}50%{transform:scale(1.04);opacity:1}}.ldr-inline{padding:40px 24px;display:flex;flex-direction:column;align-items:stretch}.ldr-shimmer-group{display:flex;flex-direction:column;gap:12px;width:240px}.ldr-skeleton-wrap{display:flex;flex-direction:column;gap:14px;max-width:480px;width:100%}.ldr-shimmer{height:14px;border-radius:100px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:ldr-shimmer 1.5s ease-in-out infinite}.ldr-shimmer--wide{width:100%}.ldr-shimmer--medium{width:72%}.ldr-shimmer--narrow{width:48%}@keyframes ldr-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ldr-message{margin-top:4px;font-size:.85rem;color:#94a3b8;font-weight:500;letter-spacing:.3px}.ldr-message--inline{margin-top:16px;text-align:center}.loader{display:none}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:12px 24px;border:none;border-radius:8px;font-weight:600;margin-right:0;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.btn-secondary{background:#fff;color:#6366f1;padding:12px 24px;border:2px solid #6366f1;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#f0f0ff}.btn-sm{padding:6px 12px;font-size:14px;border-radius:6px;margin:0 4px}.btn-sm.danger{background:#ef4444;color:#fff;border:none}.page-container{padding:30px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{font-size:32px;color:#1a1a1a}.page-header p{color:#666;margin-top:8px}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-state p{color:#666;margin-bottom:20px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fee2e2;color:#dc2626}.status-badge.pending{background:#fef3c7;color:#d97706}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-actions{display:flex;gap:15px;margin-top:30px}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}@media(max-width:768px){.page-container{padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.page-header h1{font-size:26px}.form-row{grid-template-columns:1fr;gap:16px}.form-actions{flex-direction:column}.form-actions button{width:100%}.btn-primary,.btn-secondary{padding:12px 20px;font-size:15px}}@media(max-width:640px){body{font-size:14px}.page-container{padding:15px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.empty-state{padding:40px 15px}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:14px}.btn-primary,.btn-secondary{padding:11px 18px;font-size:14px}}@media(max-width:380px){.page-container{padding:10px}.page-header h1{font-size:20px}.form-group input,.form-group select,.form-group textarea{padding:9px;font-size:13px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:13px}.status-badge{padding:3px 10px;font-size:11px}}@media(max-height:500px)and (orientation:landscape){.page-container{padding:15px}.page-header{margin-bottom:20px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.page-container{padding:0}.btn-primary,.btn-secondary{display:none}.page-header{margin-bottom:20px}}*/:root{--color-brand-primary: #6366f1;--color-brand-primary-hover: #5558e3;--color-brand-primary-dark: #4f46e5;--color-brand-secondary: #8b5cf6;--color-brand-accent: #ec4899;--color-brand-gradient-start: #667eea;--color-brand-gradient-end: #764ba2;--color-brand-gradient-alt: #7c3aed;--color-status-success: #10b981;--color-status-success-light: #43e97b;--color-status-success-accent: #38f9d7;--color-status-error: #ef4444;--color-status-warning: #f59e0b;--color-status-warning-light: #fbbf24;--color-status-warning-dark: #f97316;--color-status-warning-text: #78350f;--color-status-info: #3b82f6;--color-status-info-light: #4facfe;--color-status-info-accent: #00f2fe;--color-text-primary: #1a1a1a;--color-text-secondary: #666;--color-text-tertiary: #999;--color-text-slate-dark: #1e293b;--color-text-slate: #333;--color-text-slate-light: #64748b;--color-text-slate-lighter: #94a3b8;--color-text-gray-dark: #1f2937;--color-text-gray: #4b5563;--color-text-gray-light: #6b7280;--color-text-gray-lighter: #9ca3af;--color-text-gray-dark-alt: #374151;--color-text-gray-muted: #475569;--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-tertiary: #f9f9f9;--color-bg-slate-lightest: #f8fafc;--color-bg-slate-lighter: #f1f5f9;--color-bg-slate: #f3f4f6;--color-bg-slate-light: #e5e7eb;--color-bg-gray-light: #f8f9fa;--color-bg-gray: #f9fafb;--color-bg-gray-alt: #e5e5e5;--color-bg-hover-indigo: #f0f0ff;--color-bg-hover-indigo-alt: #e5e5ff;--color-bg-hover-slate: #f0f0f0;--gradient-brand-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-brand-primary-alt: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--gradient-brand-90deg: linear-gradient(90deg, #6366f1, #8b5cf6);--gradient-brand-with-pink: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899);--gradient-hero-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-hero-90deg: linear-gradient(90deg, #667eea, #764ba2);--gradient-bg-subtle: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--gradient-premium-light: linear-gradient(135deg, #fdfcfb 0%, #f0f0ff 100%);--gradient-premium-pink: linear-gradient(135deg, #fff5f7 0%, #fdfcfb 100%);--gradient-success: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-warning-light: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--gradient-info: linear-gradient(90deg, #4facfe, #00f2fe);--gradient-accent-warm: linear-gradient(90deg, #fa709a, #fee140);--gradient-hover: linear-gradient(135deg, #5558e3, #7c3aed);--color-border-light: #e5e5e5;--color-border-slate: #e5e7eb;--color-border-slate-light: #e2e8f0;--color-border-slate-medium: #cbd5e1;--color-border-gray: #d1d5db;--color-border-gray-light: #9ca3af;--color-overlay-dark: rgba(0, 0, 0, .5);--color-overlay-darker: rgba(0, 0, 0, .7);--color-overlay-darkest: rgba(0, 0, 0, .75);--color-overlay-white: rgba(255, 255, 255, .1);--color-overlay-white-20: rgba(255, 255, 255, .2);--color-overlay-white-30: rgba(255, 255, 255, .3);--color-brand-transparent-5: rgba(99, 102, 241, .05);--color-brand-transparent-10: rgba(99, 102, 241, .1);--color-brand-transparent-15: rgba(99, 102, 241, .15);--border-radius-sm: 6px;--border-radius: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--shadow-xs: 0 2px 4px rgba(0, 0, 0, .1);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .3);--shadow-brand-sm: 0 4px 12px rgba(99, 102, 241, .2);--shadow-brand-md: 0 4px 12px rgba(99, 102, 241, .3);--shadow-brand-lg: 0 6px 20px rgba(99, 102, 241, .4);--shadow-brand-xl: 0 12px 35px rgba(99, 102, 241, .5);--shadow-success: 0 8px 20px rgba(67, 233, 123, .4);--shadow-toast: 0 4px 12px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-auth-card: 0 30px 90px rgba(0, 0, 0, .25), 0 10px 30px rgba(0, 0, 0, .15);--transition-fast: all .2s ease;--transition-normal: all .3s ease;--transition-slow: all .6s ease-out}@media(prefers-color-scheme:dark){:root{--color-text-primary: #ffffff;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-slate-light: #9ca3af;--color-text-gray-lighter: #9ca3af;--color-bg-primary: #1f2937;--color-bg-secondary: #111827;--color-bg-tertiary: #1f2937;--color-bg-hover-indigo: #374151;--color-bg-gray-light: #1f2937;--color-bg-slate: #374151;--color-border-light: #374151;--color-border-slate: #374151;--color-border-gray: #374151;--shadow-toast: 0 4px 12px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .1)}}