@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap";:root{--color-primary: #2D4A3E;--color-primary-light: #3D6554;--color-primary-dark: #1E332B;--color-secondary: #D4A574;--color-secondary-light: #E4C4A0;--color-secondary-dark: #B8854C;--color-warm: #F5E6D3;--color-warm-light: #FAF3EB;--color-accent: #B85C38;--color-accent-light: #D4764E;--color-text: #3A3A3A;--color-text-light: #6B6B6B;--color-text-muted: #9A9A9A;--color-white: #FEFCF9;--color-bg: #FEFCF9;--color-card-bg: #FFFFFF;--color-border: #E8DDD0;--color-shadow: rgba(45, 74, 62, .08);--color-shadow-hover: rgba(45, 74, 62, .15);--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Source Sans 3", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px var(--color-shadow);--shadow-md: 0 4px 12px var(--color-shadow);--shadow-lg: 0 8px 24px var(--color-shadow);--shadow-xl: 0 12px 40px var(--color-shadow);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--max-width: 1200px;--max-width-narrow: 800px;--nav-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.3;color:var(--color-primary);font-weight:600}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);line-height:1.8}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-light)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.container-narrow{width:100%;max-width:var(--max-width-narrow);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.text-center{text-align:center}.section-title{font-size:var(--text-4xl);margin-bottom:var(--space-4);position:relative}.section-title:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));margin-top:var(--space-4);border-radius:var(--radius-full)}.section-title.text-center:after{margin-left:auto;margin-right:auto}.section-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-light);font-weight:400;max-width:600px;margin-bottom:var(--space-12)}.section-subtitle.text-center{margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);text-decoration:none;line-height:1.5}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:var(--color-white)}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));color:var(--color-primary-dark)}.btn-secondary:hover{background:linear-gradient(135deg,var(--color-secondary-light),var(--color-secondary));color:var(--color-primary-dark)}.btn-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-white)}.btn-accent:hover{color:var(--color-white)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.btn-sm{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-10);font-size:var(--text-lg)}.card{background:var(--color-card-bg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--color-border)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-body{padding:var(--space-6)}.card-image{width:100%;height:220px;object-fit:cover}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-weight:600;margin-bottom:var(--space-2);color:var(--color-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #d4a57426}.form-textarea{min-height:150px;resize:vertical}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .6s ease-out both}.animate-fade-in{animation:fadeIn .5s ease-out both}.animate-slide-in-right{animation:slideInRight .5s ease-out both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.page-enter{animation:fadeInUp .4s ease-out}.leaf-decoration{position:absolute;width:40px;height:40px;opacity:.1;color:var(--color-primary)}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:var(--space-12) 0}.divider-ornament{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-12) 0}.divider-ornament:before,.divider-ornament:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-border))}.divider-ornament:after{background:linear-gradient(90deg,var(--color-border),transparent)}.divider-ornament span{color:var(--color-secondary);font-size:var(--text-xl)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-warm-light)}::-webkit-scrollbar-thumb{background:var(--color-secondary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}::selection{background:var(--color-secondary-light);color:var(--color-primary-dark)}@media(max-width:1024px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.section{padding:var(--space-16) 0}}@media(max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.section-title{font-size:var(--text-3xl)}}@media(max-width:480px){h1,.section-title{font-size:var(--text-2xl)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;background:#fefcf9d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);border-bottom:1px solid transparent}.navbar-scrolled{background:#fefcf9f2;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.navbar-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-primary)}.navbar-logo{width:44px;height:44px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-white);transition:transform var(--transition-base)}.navbar-brand:hover .navbar-logo{transform:rotate(-5deg) scale(1.05)}.navbar-brand-text{display:flex;flex-direction:column}.navbar-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-primary);line-height:1.2}.navbar-tagline{font-size:var(--text-xs);color:var(--color-secondary-dark);font-weight:500;letter-spacing:1px;text-transform:uppercase}.navbar-links{display:flex;align-items:center;gap:var(--space-1)}.navbar-link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-fast);position:relative}.navbar-link:hover{color:var(--color-primary);background:var(--color-warm)}.navbar-link-active{color:var(--color-primary);background:var(--color-warm);font-weight:600}.navbar-link-active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--color-secondary);border-radius:var(--radius-full)}.navbar-cart{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-primary);text-decoration:none;border-radius:var(--radius-md);transition:background var(--transition-fast)}.navbar-cart:hover{background:var(--color-warm)}.navbar-user-menu{position:relative}.navbar-user-btn{border:none;background:none;cursor:pointer;padding:0}.navbar-user-btn.logged-in{color:var(--color-secondary-dark)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;border:1px solid var(--color-border);padding:var(--space-2) 0;z-index:1001;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-primary)}.user-dropdown-header svg{flex-shrink:0}.user-dropdown-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text);line-height:1.3}.user-dropdown-role{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.3}.user-dropdown-divider{height:1px;background:var(--color-border);margin:var(--space-2) 0}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-decoration:none;border:none;background:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);font-family:inherit}.user-dropdown-item:hover{background:var(--color-warm);color:var(--color-primary)}.user-dropdown-item svg{flex-shrink:0;color:var(--color-text-muted);transition:color var(--transition-fast)}.user-dropdown-item:hover svg{color:var(--color-primary)}.user-dropdown-logout:hover{color:#c0392b}.user-dropdown-logout:hover svg{color:#c0392b}.navbar-cart-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;background:var(--color-secondary);color:#fff;font-size:11px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.navbar-cart-badge.cart-bounce{animation:cartBadgeBounce .6s cubic-bezier(.34,1.56,.64,1)}@keyframes cartBadgeBounce{0%{transform:scale(1)}30%{transform:scale(1.6)}50%{transform:scale(.85)}70%{transform:scale(1.2)}to{transform:scale(1)}}.cart-fly-item{position:fixed;z-index:9999;pointer-events:none;width:60px;height:60px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);opacity:1;transition:none}.cart-fly-item img{width:100%;height:100%;object-fit:cover}.cart-fly-item.flying{transition:all .65s cubic-bezier(.2,.8,.2,1);opacity:0;transform:scale(.3)}.navbar-actions{display:flex;align-items:center;gap:var(--space-1)}.navbar-toggle{display:none;background:none;border:none;color:var(--color-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background var(--transition-fast)}.navbar-toggle:hover{background:var(--color-warm)}.navbar-overlay{display:none}@media(max-width:900px){.navbar-toggle{display:flex;align-items:center;justify-content:center}.navbar-links{position:fixed;top:var(--nav-height);left:0;right:0;background:var(--color-white);flex-direction:column;padding:var(--space-4);gap:var(--space-1);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--transition-base);border-bottom:2px solid var(--color-secondary)}.navbar-links-open{transform:translateY(0);opacity:1;pointer-events:all}.navbar-link{width:100%;text-align:center;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.navbar-overlay{display:block;position:fixed;inset:0;background:#0000004d;z-index:-1}}@media(max-width:480px){.navbar-tagline{display:none}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content{background:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:420px;box-shadow:var(--shadow-xl)}.modal-content h3{margin-bottom:var(--space-6)}.modal-field{margin-bottom:var(--space-4)}.modal-field label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-1);color:var(--color-text)}.modal-field input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-bg)}.modal-field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 47, 73, 59),.15)}.modal-error{color:#dc2626;font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3);background:#fef2f2;border-radius:var(--radius-md)}.modal-success{text-align:center;padding:var(--space-4) 0}.modal-success p{color:var(--color-primary);font-weight:600;margin-bottom:var(--space-6)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.footer{position:relative;margin-top:auto}.footer-wave{height:60px;overflow:hidden}.footer-wave svg{width:100%;height:100%}.footer-body{background:var(--color-primary);color:var(--color-warm-light);padding:var(--space-16) 0 var(--space-8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand{display:flex;align-items:center;gap:var(--space-3);color:var(--color-secondary-light);text-decoration:none;margin-bottom:var(--space-4)}.footer-brand h3{font-family:var(--font-heading);color:var(--color-white);font-size:var(--text-xl);margin:0}.footer-tagline{font-size:var(--text-xs);color:var(--color-secondary);font-style:italic;margin:0!important}.footer-desc{font-size:var(--text-sm);line-height:1.7;color:var(--color-warm);opacity:.8}.footer-member{font-size:var(--text-xs);color:var(--color-secondary);font-style:italic;margin-top:var(--space-2)}.footer-links-section h4{color:var(--color-secondary);font-family:var(--font-heading);font-size:var(--text-lg);margin-bottom:var(--space-4)}.footer-links-section ul{list-style:none;padding:0}.footer-links-section li{margin-bottom:var(--space-2)}.footer-links-section a{color:var(--color-warm);opacity:.8;text-decoration:none;font-size:var(--text-sm);transition:all var(--transition-fast)}.footer-links-section a:hover{color:var(--color-secondary-light);opacity:1}.footer-social-link{display:flex;align-items:center;gap:var(--space-2)}.footer-admin-link{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.footer-admin-link a{font-size:var(--text-xs);opacity:.5}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-6);text-align:center}.footer-bottom p{font-size:var(--text-sm);color:var(--color-warm);opacity:.6;display:flex;align-items:center;justify-content:center;gap:var(--space-1);flex-wrap:wrap;margin:0}.footer-heart{color:var(--color-accent);fill:var(--color-accent);animation:float 3s ease-in-out infinite}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}}.hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#00000085,#00000042 45%,#000000a3)}.hero-pattern{position:absolute;inset:0;opacity:.04;background-image:radial-gradient(circle,var(--color-primary) 1px,transparent 1px);background-size:30px 30px}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-12);align-items:center;padding-top:var(--space-8);padding-bottom:var(--space-8)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#1212127a;color:#fffffff5;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-6);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:var(--space-4);color:var(--color-white)}.hero-title-accent{color:var(--color-white);font-style:italic}.hero-subtitle{font-family:var(--font-heading);font-size:var(--text-2xl);color:#fffffff2;font-style:italic;margin-bottom:var(--space-6)}.hero-desc{font-size:var(--text-lg);color:#ffffffe6;max-width:500px;margin-bottom:var(--space-8)}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-actions .btn-outline{color:var(--color-white);border-color:#ffffffb8;background:#10101042;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-actions .btn-outline:hover{color:var(--color-primary-dark);background:#fffffff5;border-color:var(--color-white)}.hero-visual{display:flex;flex-direction:column;gap:var(--space-6);align-items:center}.hero-card{background:#ffffffe6;border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-lg);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--color-primary);transition:transform var(--transition-base);border:1px solid var(--color-border);width:280px}.hero-card:hover{transform:translateY(-4px) rotate(-1deg)}.hero-card-1{transform:translate(20px);color:var(--color-accent)}.hero-card-2{transform:translate(-20px);color:var(--color-primary)}.hero-card-3{transform:translate(10px);color:var(--color-secondary-dark)}.hero-credit{position:absolute;right:clamp(16px,3vw,44px);bottom:clamp(10px,2.2vw,24px);z-index:2;margin:0;font-size:var(--text-xs);color:#ffffffe6}.hero-credit a{color:var(--color-white);text-decoration:underline;text-underline-offset:2px}.welcome-section{background:var(--color-white)}.welcome-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-16);align-items:center}.welcome-text{font-size:var(--text-lg);color:var(--color-text);line-height:1.9}.welcome-quote{background:linear-gradient(135deg,var(--color-warm),var(--color-warm-light));padding:var(--space-8);border-radius:var(--radius-xl);margin:var(--space-8) 0;position:relative;border-left:4px solid var(--color-secondary)}.quote-icon{color:var(--color-secondary);margin-bottom:var(--space-3)}.welcome-quote p{font-family:var(--font-heading);font-size:var(--text-xl);font-style:italic;color:var(--color-primary);margin-bottom:var(--space-2)}.welcome-quote cite{font-size:var(--text-sm);color:var(--color-text-light);font-style:normal;font-weight:600}.welcome-image-card{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl)}.welcome-image-card img,.welcome-img{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block}.welcome-image-credit{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-text-light);text-align:right}.welcome-image-credit a{color:var(--color-text-light);text-decoration:underline;text-underline-offset:2px}.books-preview-section{background:var(--color-warm-light)}.books-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-top:var(--space-8)}.book-preview-card{display:flex;gap:var(--space-6);background:var(--color-card-bg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);text-decoration:none;color:inherit;border:1px solid var(--color-border)}.book-preview-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);color:inherit}.book-preview-cover{width:200px;min-height:280px;background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-primary-dark);flex-shrink:0;overflow:hidden}.book-preview-cover img{width:100%;height:100%;object-fit:cover}.book-preview-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;opacity:.7}.book-preview-info{padding:var(--space-6);display:flex;flex-direction:column;justify-content:center}.book-preview-info h3{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.book-preview-subtitle{font-style:italic;color:var(--color-secondary-dark);margin-bottom:var(--space-3)!important}.book-preview-desc{color:var(--color-text-light);font-size:var(--text-sm);margin-bottom:var(--space-4)!important}.stories-preview-section{background:var(--color-white)}.stories-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8)}.stories-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.story-preview-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}.story-preview-card:hover{color:inherit}.story-preview-card .card-body{display:flex;flex-direction:column;flex:1}.story-preview-image{aspect-ratio:3 / 2;background:linear-gradient(135deg,var(--color-warm),var(--color-secondary-light));display:flex;align-items:center;justify-content:center;color:var(--color-primary);overflow:hidden;position:relative}.story-preview-card .story-preview-image img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center top;transition:transform var(--transition-base)}.story-preview-card:hover .story-preview-image img{transform:scale(1.05)}.story-date{font-size:var(--text-xs);color:var(--color-secondary-dark);text-transform:uppercase;letter-spacing:1px;font-weight:600}.story-card-title{font-size:var(--text-xl);margin:var(--space-2) 0 var(--space-3);line-height:1.3}.story-card-excerpt{font-size:var(--text-sm);color:var(--color-text-light);line-height:1.7;flex:1}.story-read-more{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:600;color:var(--color-accent);font-size:var(--text-sm);margin-top:var(--space-3);transition:gap var(--transition-fast)}.story-preview-card:hover .story-read-more{gap:var(--space-2)}.about-preview-section{background:var(--color-warm-light)}.about-preview{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:var(--space-12)}.about-preview-image{width:320px;padding:14px;border-radius:32px;background:linear-gradient(145deg,#fff8f0f2,#e7ceb2e6);position:relative;flex-shrink:0;box-shadow:var(--shadow-xl);transform:rotate(-3deg)}.about-preview-image:before,.about-preview-image:after{content:"";position:absolute;inset:0;border-radius:32px;pointer-events:none}.about-preview-image:before{border:1px solid rgba(109,76,65,.16);transform:rotate(4deg) translate(10px,12px);background:#ffffff47;z-index:-2}.about-preview-image:after{inset:10px;border:1px solid rgba(91,60,43,.12);z-index:1}.about-preview-image img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block;border-radius:24px;box-shadow:0 18px 40px #3b23182e}.about-preview-photo{object-position:center 20%;transform:scale(1.05)}.about-preview-content{text-align:left}.about-preview-content p{font-size:var(--text-lg);line-height:1.9;color:var(--color-text)}.about-preview-content .btn{margin-top:var(--space-6)}.contact-cta{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));padding:var(--space-20) 0;color:var(--color-white)}.contact-cta h2{color:var(--color-white);font-size:var(--text-4xl);margin-bottom:var(--space-4)}.contact-cta p{font-size:var(--text-lg);opacity:.85;max-width:500px;margin:0 auto var(--space-8)}@media(max-width:1024px){.hero-content{grid-template-columns:1fr}.hero-visual{display:none}.hero-title{font-size:3rem}.welcome-grid{grid-template-columns:1fr}.welcome-image{display:none}.books-preview-grid{grid-template-columns:1fr}}@media(max-width:768px){.hero{min-height:70vh}.hero-title{font-size:2.5rem}.stories-preview-grid{grid-template-columns:1fr}.story-preview-image{aspect-ratio:16 / 9}.stories-header{flex-direction:column;gap:var(--space-4)}.book-preview-card{flex-direction:column}.book-preview-cover{width:100%;min-height:200px}.about-preview{flex-direction:column;text-align:center;gap:var(--space-8)}.about-preview-image{width:min(100%,320px);transform:none}.about-preview-content{text-align:center}.hero-credit{left:16px;right:16px;bottom:10px}}.about-hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden}.about-hero-bg{position:absolute;inset:0;z-index:0}.about-hero-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.about-hero-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#00000085,#00000042 45%,#000000a3)}.about-hero-pattern{position:absolute;inset:0;opacity:.04;background-image:radial-gradient(circle,var(--color-primary) 1px,transparent 1px);background-size:30px 30px}.about-hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-12);align-items:center;padding-top:var(--space-8);padding-bottom:var(--space-8)}.about-hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#1212127a;color:#fffffff5;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-6);border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.about-hero-title{font-size:4rem;line-height:1.1;margin-bottom:var(--space-4);color:var(--color-white)}.about-hero-title-accent{color:var(--color-white);font-style:italic}.about-hero-subtitle{font-family:var(--font-heading);font-size:var(--text-lg);color:#ffffffe6;max-width:500px;margin:0}.about-hero-visual{display:flex;flex-direction:column;gap:var(--space-6);align-items:center}.about-hero-card{background:#ffffffe6;border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-lg);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--color-primary);transition:transform var(--transition-base);border:1px solid var(--color-border);width:280px}.about-hero-card:hover{transform:translateY(-4px) rotate(-1deg)}.about-hero-card-1{transform:translate(20px);color:var(--color-accent)}.about-hero-card-2{transform:translate(-20px);color:var(--color-primary)}.about-hero-card-3{transform:translate(10px);color:var(--color-secondary-dark)}.about-hero-credit{position:absolute;right:clamp(16px,3vw,44px);bottom:clamp(10px,2.2vw,24px);z-index:2;margin:0;font-size:var(--text-xs);color:#ffffffe6}.about-hero-credit a{color:var(--color-white);text-decoration:underline;text-underline-offset:2px}.about-purpose-section{background:var(--color-warm-light)}.purpose-intro{max-width:780px;margin-bottom:var(--space-8)}.purpose-intro .section-title{margin-bottom:var(--space-3)}.about-text-lg{font-size:var(--text-xl);color:var(--color-primary);font-weight:600;margin:0}.about-text{font-size:var(--text-lg);line-height:1.9}.purpose-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.purpose-card{padding:var(--space-8);background:var(--color-card-bg);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.purpose-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.purpose-card-head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.purpose-number{width:2.6rem;height:2.6rem;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--color-white);background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark))}.purpose-card h3{margin:0;font-size:var(--text-2xl)}.purpose-card p{font-size:var(--text-base);line-height:1.85;margin:0;color:var(--color-text)}.about-foundation-section{background:var(--color-white)}.foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.inclusion-card{background:linear-gradient(180deg,#fff8f0,#f3e4d3);border-radius:var(--radius-xl);border:1px solid rgba(212,165,116,.3);box-shadow:var(--shadow-md);padding:var(--space-8);border-left:4px solid var(--color-accent);height:100%}.inclusion-icon{color:var(--color-accent);margin-bottom:var(--space-3)}.inclusion-card h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.inclusion-card p{font-size:var(--text-base);line-height:1.85;color:var(--color-text)}.mvv-stack{display:flex;flex-direction:column;gap:var(--space-5)}.mvv-card{background:var(--color-warm-light);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);display:flex;align-items:flex-start;gap:var(--space-4)}.mvv-card svg{color:var(--color-secondary);flex-shrink:0;margin-top:2px}.mvv-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.mvv-card p{color:var(--color-text-light);line-height:1.75;font-size:var(--text-sm);margin:0}.mvv-card-body{flex:1}.values-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.value-tag{padding:var(--space-1) var(--space-3);background:var(--color-warm);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.story-begins-banner{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));padding:var(--space-16) 0;color:var(--color-white);text-align:center}.story-begins-inspired{font-family:var(--font-heading);font-style:italic;font-size:var(--text-lg);opacity:.8;max-width:700px;margin:0 auto var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid rgba(255,255,255,.2)}.story-begins-banner h2{color:var(--color-white);font-size:var(--text-4xl);margin-bottom:var(--space-6)}.story-begins-banner p{font-size:var(--text-lg);opacity:.88;max-width:680px;margin:0 auto var(--space-4);line-height:1.8}.story-begins-banner .story-begins-registration{display:inline-block;margin-top:var(--space-6);padding:var(--space-3) var(--space-6);background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:#fffffff2;letter-spacing:.3px}.team-section{background:var(--color-white)}.profile-showcase{display:grid;grid-template-columns:380px 1fr;gap:var(--space-12);align-items:start;margin-top:var(--space-10)}.profile-showcase-reverse{grid-template-columns:1fr 380px}.profile-showcase-reverse .profile-image-wrap{order:2}.profile-showcase-reverse .profile-content{order:1}.profile-image-wrap{position:relative;padding:12px;border-radius:28px;background:linear-gradient(145deg,#fff8f0f2,#e7ceb2e6);box-shadow:var(--shadow-xl)}.profile-image-wrap:before{content:"";position:absolute;inset:0;border-radius:28px;border:1px solid rgba(109,76,65,.12);transform:rotate(3deg) translate(8px,10px);background:#fff3;z-index:-1;pointer-events:none}.profile-photo{width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center 20%;display:block;border-radius:20px}.profile-role{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-secondary-dark);margin-bottom:var(--space-2)}.profile-name{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.profile-quote{font-family:var(--font-heading);font-size:var(--text-xl);font-style:italic;color:var(--color-primary);line-height:1.6;margin:0 0 var(--space-6);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,var(--color-warm),var(--color-warm-light));border-left:4px solid var(--color-secondary);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.profile-bio{font-size:var(--text-lg);line-height:1.9;color:var(--color-text);margin:0}.profile-pillars{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-5)}.profile-pillar{padding:var(--space-5);background:var(--color-warm-light);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.profile-pillar h4{font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-2)}.profile-pillar p{font-size:var(--text-sm);line-height:1.8;color:var(--color-text-light);margin:0}.profile-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--text-sm);font-weight:600;text-decoration:none;padding:var(--space-3) var(--space-5);background:var(--color-warm-light);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-base)}.profile-link:hover{background:var(--color-warm);box-shadow:var(--shadow-sm)}@media(max-width:1024px){.about-hero-content{grid-template-columns:1fr}.about-hero-visual{display:none}.about-hero-title{font-size:3rem}.profile-showcase,.profile-showcase-reverse{grid-template-columns:300px 1fr;gap:var(--space-8)}}@media(max-width:768px){.about-hero{min-height:70vh}.about-hero-title{font-size:2.5rem}.about-purpose-section{padding-top:var(--space-6);padding-bottom:var(--space-6)}.about-hero-credit{left:16px;right:16px;bottom:10px}.purpose-cards,.foundation-grid{grid-template-columns:1fr}.purpose-card{padding:var(--space-6)}.story-begins-banner{padding:var(--space-10) 0}.story-begins-banner h2{font-size:var(--text-3xl)}.profile-showcase,.profile-showcase-reverse{grid-template-columns:1fr;gap:var(--space-6);text-align:center}.profile-showcase-reverse .profile-image-wrap,.profile-showcase-reverse .profile-content{order:unset}.profile-image-wrap{max-width:320px;margin:0 auto}.profile-quote,.profile-pillar{text-align:left}.profile-showcase{margin-top:var(--space-8)}}.notify-form{display:flex;flex-direction:column;gap:.5rem}.notify-input-row{display:flex;gap:.5rem;align-items:center}.notify-input{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;background:#fff;transition:border-color .2s}.notify-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2d4a3e1a}.notify-submit{white-space:nowrap;flex-shrink:0}.notify-success{display:flex;align-items:center;gap:.4rem;color:var(--color-primary);font-size:var(--text-sm);font-weight:600}.notify-error{color:var(--color-error, #c0392b);font-size:var(--text-xs);margin:0}.notify-btn{transition:all .2s}.notify-sm .notify-input{padding:.35rem .6rem;font-size:var(--text-xs)}.notify-sm .notify-submit{font-size:var(--text-xs);padding:.35rem .75rem}.notify-sm.notify-success{font-size:var(--text-xs)}.book-detail-page>.page-hero{padding-bottom:0}.book-detail-page>.page-hero+.section{padding-top:var(--space-8)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;text-decoration:none;margin-bottom:var(--space-4);transition:gap var(--transition-fast)}.back-link:hover{gap:var(--space-3);color:var(--color-accent)}.book-detail-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-12);align-items:start}.book-cover-wrapper{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));border-radius:var(--radius-2xl);min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--color-primary-dark);box-shadow:var(--shadow-xl);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;overflow:hidden}.book-cover-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-2xl)}.book-detail-desc{font-size:var(--text-lg);line-height:1.9;margin-bottom:var(--space-8)}.book-credits{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-10);padding:var(--space-8);background:var(--color-warm-light);border-radius:var(--radius-xl)}.book-credit+.book-credit{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.book-credit .credit-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.book-credit .credit-name{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.book-credit .credit-name a{color:var(--color-primary);text-decoration:none}.book-credit .credit-name a:hover{color:var(--color-accent)}.credit-note{font-size:var(--text-sm);color:var(--color-text-light);line-height:1.7}.book-isbn{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.book-price{font-size:var(--text-xl);font-weight:700;color:var(--color-primary-dark);margin-top:var(--space-4)}.book-detail-actions{margin-top:var(--space-6)}.book-author-card{display:grid;grid-template-columns:220px 1fr;gap:var(--space-8);align-items:center;padding:var(--space-8);background:var(--color-card-bg);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.book-author-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-xl)}.book-author-card h2{margin-bottom:var(--space-3)}.book-author-card p{margin:0;line-height:1.8;color:var(--color-text-light)}.purchase-section{background:var(--color-warm-light)}.purchase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-top:var(--space-8);max-width:800px;margin-left:auto;margin-right:auto}.purchase-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-card-bg);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-primary);font-weight:600;font-size:var(--text-sm);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all var(--transition-base)}.purchase-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--color-accent);border-color:var(--color-secondary)}.book-coming-soon{text-align:center;background:var(--color-card-bg);padding:var(--space-10);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.book-coming-soon h2{margin-bottom:var(--space-3)}.book-coming-soon p{color:var(--color-text-light);margin-bottom:var(--space-6)}.reviews-list{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-8)}.review-card{background:var(--color-card-bg);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.review-stars{display:flex;gap:var(--space-1);margin-bottom:var(--space-4)}.review-text{font-family:var(--font-heading);font-size:var(--text-lg);font-style:italic;color:var(--color-text);line-height:1.8}.review-source{font-size:var(--text-sm);color:var(--color-text-muted);font-style:normal;font-weight:600;margin-top:var(--space-3);display:block}@media(max-width:768px){.book-detail-grid,.book-author-card{grid-template-columns:1fr}.book-cover-wrapper{min-height:300px}.book-credits{flex-direction:column;gap:var(--space-4)}}.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.story-list-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}.story-list-card:hover{color:inherit}.story-list-card .card-body{display:flex;flex-direction:column;flex:1}.story-list-image{aspect-ratio:3 / 2;background:linear-gradient(135deg,var(--color-warm),var(--color-secondary-light));display:flex;align-items:center;justify-content:center;color:var(--color-primary);overflow:hidden;position:relative}.story-list-card .story-list-image img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center top;transition:transform var(--transition-base)}.story-list-card:hover .story-list-image img{transform:scale(1.05)}.story-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.story-meta time{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.story-meta svg{color:var(--color-secondary)}.story-category{padding:var(--space-1) var(--space-2);background:var(--color-warm);color:var(--color-primary);font-size:var(--text-xs);border-radius:var(--radius-sm);font-weight:600}.story-list-title{font-size:var(--text-xl);margin-bottom:var(--space-3);line-height:1.3}.story-list-excerpt{font-size:var(--text-sm);color:var(--color-text-light);line-height:1.7;flex:1;margin-bottom:var(--space-3)!important}@media(max-width:1024px){.stories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stories-grid{grid-template-columns:1fr}.story-list-image{aspect-ratio:16 / 9}}}.story-detail-meta{display:flex;align-items:center;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.story-detail-meta time{font-size:var(--text-sm);color:var(--color-text-light)}.story-detail-meta svg{color:var(--color-secondary)}.story-featured-image{margin-top:var(--space-6);margin-bottom:var(--space-8)}.story-featured-image img{width:100%!important;max-width:none!important;height:auto!important;display:block!important;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.image-credit{display:block;text-align:right;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);font-style:italic}.story-content{font-size:var(--text-lg);line-height:2;color:var(--color-text)}.story-paragraph{margin-bottom:var(--space-6)}.story-paragraph-first:first-letter{font-family:var(--font-heading);font-size:3.5em;float:left;line-height:.8;padding-right:var(--space-3);padding-top:var(--space-1);color:var(--color-primary)}.story-inline-image{margin:var(--space-8) 0}.story-inline-image img{width:100%!important;max-width:none!important;max-height:540px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.story-inline-image figcaption{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.story-share{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin:var(--space-12) 0}.story-share-label{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--color-primary);font-size:var(--text-sm)}.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-warm);color:var(--color-primary);transition:all var(--transition-fast)}.share-btn:hover{background:var(--color-primary);color:var(--color-white)}.story-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.story-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-warm-light);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-base);border:1px solid var(--color-border)}.story-nav-link:hover{background:var(--color-warm);color:inherit;box-shadow:var(--shadow-sm)}.story-nav-next{text-align:right;justify-content:flex-end}.story-nav-link small{display:block;font-size:var(--text-xs);color:var(--color-secondary-dark);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:var(--space-1)}.story-nav-link span{display:block;font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-primary)}@media(max-width:640px){.story-nav{grid-template-columns:1fr}.story-nav-next{text-align:left;justify-content:flex-start}}.childrens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.child-story-card{display:flex;flex-direction:column;background:var(--color-card-bg);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.child-story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.child-story-media{display:block;overflow:hidden}.child-story-media img{width:100%;display:block;transition:transform var(--transition-base)}.child-story-card:hover .child-story-media img{transform:scale(1.03)}.child-story-body{padding:var(--space-5) var(--space-5) var(--space-6);display:flex;flex-direction:column;flex:1}.child-story-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-3);width:fit-content}.child-story-status-available{background:#ad7b5726;color:var(--color-primary)}.child-story-status-coming-soon{background:#d6ac7133;color:var(--color-secondary-dark)}.child-story-title{font-size:var(--text-xl);line-height:1.3;margin-bottom:var(--space-2)}.child-story-title a{color:inherit;text-decoration:none}.child-story-title a:hover{color:var(--color-accent)}.child-story-subtitle{color:var(--color-secondary-dark);font-style:italic;font-size:var(--text-sm);margin-bottom:var(--space-3)!important}.child-story-description{font-size:var(--text-sm);color:var(--color-text-light);line-height:1.7;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.child-story-bottom{margin-top:auto}.child-story-price{font-size:var(--text-lg);font-weight:700;color:var(--color-primary-dark);padding-top:var(--space-3)}.child-story-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-5)}@media(max-width:1024px){.childrens-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.childrens-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.contact-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);gap:var(--space-8);align-items:stretch}.contact-panel{background:linear-gradient(160deg,#fff,#f9f3eb);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4)}.contact-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);display:flex;align-items:center;justify-content:center}.contact-panel h2{margin-bottom:0}.contact-intro{font-size:var(--text-lg);color:var(--color-text-light);line-height:1.8;margin-bottom:0}.contact-response{font-size:var(--text-sm);font-weight:600;color:var(--color-primary);background:#d4a5742e;border:1px solid rgba(212,165,116,.4);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:0}.contact-meta{padding-top:var(--space-2)}.contact-meta-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);margin-bottom:var(--space-2)}.contact-email{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--color-primary)}.contact-privacy{margin-top:auto;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:0}.contact-form-wrap{background:var(--color-card-bg);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.contact-form h3{margin-bottom:var(--space-6)}.contact-form .form-group{margin-bottom:var(--space-4)}.contact-counter{margin-top:var(--space-2);margin-bottom:0;font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.contact-submit{width:100%;justify-content:center;margin-top:var(--space-2)}.contact-submit:disabled{opacity:.85;cursor:wait}.contact-error{background:#fff4f4;border:1px solid #efb3b3;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.contact-error p{margin-bottom:var(--space-2);color:#a52828;font-size:var(--text-sm)}.contact-fallback-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600}.contact-success{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-3)}.contact-success svg{color:#2e7d32}.contact-success h3{margin-bottom:0}.contact-success p{max-width:420px;color:var(--color-text-light);margin-bottom:var(--space-4)}.contact-faq{margin-top:var(--space-12)}.contact-faq h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.contact-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.contact-faq-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.contact-faq-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.contact-faq-card p{margin:0;color:var(--color-text-light);font-size:var(--text-sm)}.spinner{animation:spin .8s linear infinite}@media(max-width:1024px){.contact-grid{grid-template-columns:1fr}.contact-faq-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.contact-panel,.contact-form-wrap{padding:var(--space-6)}.contact-faq{margin-top:var(--space-8)}.contact-faq-grid{grid-template-columns:1fr}.contact-success{min-height:0;padding:var(--space-6) 0}}.confirm-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:confirmFadeIn .2s ease-out}.confirm-modal{background:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--space-8);max-width:420px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;text-align:center;animation:confirmSlideUp .25s ease-out}.confirm-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.confirm-close:hover{color:var(--color-text);background:var(--color-warm)}.confirm-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.confirm-icon-danger{background:#fee2e2;color:#dc2626}.confirm-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-primary-dark);margin-bottom:var(--space-2)}.confirm-message{font-size:var(--text-sm);color:var(--color-text-light);line-height:1.6;margin-bottom:var(--space-6)}.confirm-actions{display:flex;gap:var(--space-3);justify-content:center}.confirm-cancel-btn,.confirm-confirm-btn{flex:1}.confirm-confirm-danger{background:#dc2626;color:#fff;border:none}.confirm-confirm-danger:hover{background:#b91c1c}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:480px){.confirm-modal{padding:var(--space-6)}}.admin-page{background:var(--color-warm-light);min-height:calc(100vh - var(--nav-height))}.admin-hero{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));padding:var(--space-12) 0 var(--space-8);color:var(--color-white)}.admin-hero h1{color:var(--color-white);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-3xl);margin-bottom:var(--space-2)}.admin-hero p{color:var(--color-secondary-light);font-size:var(--text-lg);margin:0}.admin-hero .back-link{color:var(--color-secondary-light);margin-bottom:var(--space-4)}.admin-hero .back-link:hover{color:var(--color-white)}.admin-hero-header{display:flex;justify-content:space-between;align-items:center}.admin-actions-top{display:flex;gap:var(--space-3);align-items:center}.admin-actions-top .btn-outline{border-color:var(--color-secondary-light);color:var(--color-secondary-light)}.admin-actions-top .btn-outline:hover{background:var(--color-secondary-light);color:var(--color-primary-dark)}.admin-switcher{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1);border:1px solid rgba(255,255,255,.25);border-radius:999px}.admin-switch-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.45rem .8rem;border-radius:999px;color:var(--color-secondary-light);font-size:var(--text-xs);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.admin-switch-btn:hover{background:#ffffff1f;color:var(--color-white)}.admin-switch-btn-active{background:var(--color-white);color:var(--color-primary-dark)}.admin-switch-btn-active:hover{color:var(--color-primary-dark);background:var(--color-white)}.admin-stats-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.admin-stats-row .admin-stats{margin-bottom:0}.admin-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:var(--color-card-bg);padding:var(--space-5) var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-3)}.stat-number{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-primary)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.admin-table-wrapper{background:var(--color-card-bg);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:var(--color-warm);padding:var(--space-4) var(--space-5);text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);font-weight:700}.admin-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr.admin-clickable-row{cursor:pointer}.admin-table tr:hover td{background:var(--color-warm-light)}.table-title-cell{display:flex;flex-direction:column;gap:var(--space-1)}.table-title-cell strong{color:var(--color-primary)}.table-excerpt{font-size:var(--text-xs);color:var(--color-text-muted)}.table-badge{padding:var(--space-1) var(--space-2);background:var(--color-warm);color:var(--color-primary);font-size:var(--text-xs);border-radius:var(--radius-sm);font-weight:600}.table-badge-missing{background:#ffebee;color:#b71c1c}.story-thumb{width:80px;height:80px;object-fit:cover;object-position:center top;border-radius:var(--radius-md);border:1px solid var(--color-border)}.table-date{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.table-actions{display:flex;gap:var(--space-2)}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.action-view{background:var(--color-warm);color:var(--color-primary)}.action-view:hover{background:var(--color-primary);color:var(--color-white)}.action-edit{background:#e3f2fd;color:#1976d2}.action-edit:hover{background:#1976d2;color:#fff}.action-delete{background:#ffebee;color:#d32f2f}.action-delete:hover{background:#d32f2f;color:#fff}.books-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-6)}.book-admin-card{display:flex;gap:var(--space-5);background:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);height:100%;align-items:stretch;cursor:pointer;transition:all var(--transition-fast)}.book-admin-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-secondary)}.book-admin-cover{width:120px;height:160px;background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary-dark);flex-shrink:0;overflow:hidden}.book-admin-cover img{width:100%;height:100%;object-fit:contain}.book-admin-info h3{font-size:var(--text-lg);margin-bottom:var(--space-1)}.book-admin-info{display:flex;flex-direction:column;min-width:0}.book-admin-subtitle{font-size:var(--text-sm);color:var(--color-secondary-dark);font-style:italic;margin:0!important}.book-admin-desc{font-size:var(--text-sm);color:var(--color-text-light);margin:var(--space-2) 0!important}.book-admin-isbn,.book-admin-links{font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--space-1) 0!important}.book-admin-notify{display:flex;align-items:center;gap:.3rem;font-size:var(--text-xs);color:var(--color-secondary);font-weight:600;margin:var(--space-1) 0!important}.book-admin-actions{display:flex;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3)}.editor-form{max-width:900px;margin:0 auto}.editor-main{background:var(--color-card-bg);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.form-row{display:flex;gap:var(--space-4)}.form-row .form-group{flex:1}.slug-toggle{background:none;border:none;color:var(--color-secondary-dark);font-size:var(--text-xs);cursor:pointer;margin-left:var(--space-2)}.editor-content-area{min-height:400px!important;font-size:var(--text-base);line-height:1.8}.editor-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.form-hint{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.form-file-input{padding:var(--space-2)}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-upload-btn{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.image-upload-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted);text-align:center}.image-upload-area:hover{border-color:var(--color-secondary);background:var(--color-warm);color:var(--color-primary)}.image-upload-area span{font-size:var(--text-sm);font-weight:600}.image-upload-area small{font-size:var(--text-xs);color:var(--color-text-muted)}.upload-progress-bar{width:80%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;background:var(--color-secondary);border-radius:3px;transition:width .2s ease}.image-thumb{position:relative;display:inline-block;width:min(200px,100%)}.image-thumb-landscape{width:min(320px,100%)}.image-thumb-square{width:min(160px,100%)}.image-thumb-clickable{display:block;position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;border:1px solid var(--color-border)}.image-thumb-clickable img{width:100%;display:block;aspect-ratio:3 / 4;object-fit:cover}.image-thumb-landscape .image-thumb-clickable img{aspect-ratio:16 / 9}.image-thumb-square .image-thumb-clickable img{aspect-ratio:1 / 1}.image-thumb-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:#00000080;color:#fff;font-size:var(--text-xs);font-weight:600;opacity:0;transition:opacity var(--transition-fast)}.image-thumb-clickable:hover .image-thumb-overlay{opacity:1}.image-thumb-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:2px solid white;background:#d32f2f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);z-index:1}.image-thumb-remove:hover{background:#b71c1c;transform:scale(1.1)}.story-image-preview{margin-top:var(--space-3);width:min(320px,100%);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.story-image-preview img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.story-image-preview-book img{aspect-ratio:3 / 4}.story-image-preview-square img{aspect-ratio:1 / 1}.editor-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.editor-section h3{font-size:var(--text-lg);margin-bottom:var(--space-4)}.multi-entry-card{position:relative;background:var(--color-warm-light);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);padding-right:var(--space-8);margin-bottom:var(--space-3)}.multi-entry-card .form-group{margin-bottom:var(--space-2)}.multi-entry-card .form-row{gap:var(--space-3)}.multi-entry-remove{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);line-height:1;transition:all .2s}.multi-entry-remove:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.form-label-sm{font-size:var(--text-xs);font-weight:600;color:var(--color-text-light);margin-bottom:2px;display:block}.link-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.link-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-warm-light);border-radius:var(--radius-md)}.review-item{flex-direction:column;align-items:stretch;padding:var(--space-3);position:relative}.review-item .link-remove-btn{position:absolute;top:var(--space-2);right:var(--space-2)}.link-item-name{font-weight:600;font-size:var(--text-sm);color:var(--color-primary);white-space:nowrap}.link-item-url{font-size:var(--text-xs);color:var(--color-text-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-preview{font-size:var(--text-xs);color:var(--color-text-light);font-style:italic;margin:var(--space-1) 0 0!important}.link-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.link-remove-btn:hover{background:#ffebee;color:#d32f2f}.link-add-row{align-items:flex-end}.link-add-row .btn{white-space:nowrap}@media(max-width:768px){.admin-hero-header{flex-direction:column;gap:var(--space-4)}.admin-actions-top{flex-wrap:wrap;gap:var(--space-2)}.admin-switcher{width:100%;justify-content:center}.admin-switch-btn{flex:1;justify-content:center}.form-row{flex-direction:column}.editor-main{padding:var(--space-5)}.books-admin-grid{grid-template-columns:1fr}.book-admin-card{flex-direction:column}.book-admin-cover{width:100%;height:120px}.link-add-row{flex-direction:column}}.admin-login-page{background:var(--color-warm-light);min-height:calc(100vh - var(--nav-height))}.admin-login-card{max-width:460px;margin:0 auto;padding:var(--space-8)}.admin-login-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);color:var(--color-primary)}.admin-login-header h1{margin:0;font-size:var(--text-3xl)}.admin-login-form .form-group{margin-bottom:var(--space-4)}.admin-login-submit{width:100%;justify-content:center}.admin-login-error{margin:0 0 var(--space-4);color:#b71c1c;font-size:var(--text-sm)}.admin-login-hint{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--text-xs)}.admin-login-state{margin-bottom:var(--space-4)}.admin-login-success{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);color:#2e7d32;font-weight:600}.admin-login-actions{display:flex;gap:var(--space-3)}.admin-login-back{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-8) var(--space-6);max-width:var(--max-width);margin:0 auto}.admin-header h1{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);color:var(--color-primary)}.admin-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.admin-nav{display:flex;gap:var(--space-2)}.admin-nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-light);text-decoration:none;border-radius:var(--radius-full);transition:all var(--transition-fast)}.admin-nav-link:hover,.admin-nav-link.active{background:var(--color-warm);color:var(--color-primary)}.admin-toolbar-inner{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap}.admin-toolbar{display:flex;gap:var(--space-4);align-items:center;padding:0 var(--space-6);max-width:var(--max-width);margin:0 auto var(--space-6);flex-wrap:wrap}.admin-search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1;max-width:320px}.admin-search svg{color:var(--color-text-muted)}.admin-search input{border:none;background:none;outline:none;font-size:var(--text-sm);width:100%}.admin-filters{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted)}.admin-filter-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-card-bg);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.admin-filter-btn:hover{border-color:var(--color-secondary)}.admin-filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.admin-loading,.admin-empty{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.admin-empty svg{margin-bottom:var(--space-4);opacity:.3}.admin-text-muted{font-size:var(--text-xs);color:var(--color-text-muted)}.admin-text-mono{font-family:monospace;font-size:var(--text-xs);word-break:break-all}.admin-action-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;text-decoration:none}.admin-action-link:hover{color:var(--color-accent)}.admin-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);background:var(--color-warm-light)}.admin-input:focus{outline:none;border-color:var(--color-secondary)}textarea.admin-input{resize:vertical}.admin-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-3)}.admin-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-4)}.admin-message-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.admin-message-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);padding:0 var(--space-6);max-width:var(--max-width);margin:0 auto}.order-detail-grid-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.order-detail-card{background:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.order-detail-card h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-4)}.order-detail-field{margin-bottom:var(--space-4)}.order-detail-field label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.order-detail-field p{margin:0;font-size:var(--text-sm)}.order-detail-totals{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.order-detail-total-row{display:flex;justify-content:space-between;font-size:var(--text-sm);padding:var(--space-1) 0;color:var(--color-text-light)}.order-detail-total-row.total{font-weight:700;font-size:var(--text-base);color:var(--color-primary-dark);padding-top:var(--space-2);border-top:1px solid var(--color-border);margin-top:var(--space-2)}.order-number-cell{font-weight:700;color:var(--color-primary);font-size:var(--text-sm)}.order-status{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}@media(max-width:768px){.admin-header{flex-direction:column;gap:var(--space-4)}.admin-toolbar,.admin-toolbar-inner{flex-direction:column;align-items:stretch}.admin-search{max-width:none}.order-detail-grid,.order-detail-grid-inner{grid-template-columns:1fr}}.inquiry-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--color-white);background:#c0392b;border-radius:var(--radius-full);vertical-align:middle;margin-left:var(--space-2)}.inquiry-unread{background:var(--color-warm-light)}.inquiry-detail-row td{padding:0!important;border-top:none!important}.inquiry-detail{padding:var(--space-4) var(--space-6) var(--space-6);background:var(--color-bg);border-top:1px solid var(--color-border)}.inquiry-detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-light)}.inquiry-detail-message{white-space:pre-wrap;line-height:1.8;font-size:var(--text-base);color:var(--color-text);padding:var(--space-4);background:var(--color-card-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.inquiry-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-light)}.admin-action-view{color:var(--color-primary)}@media(max-width:768px){.inquiry-detail-meta{flex-direction:column;gap:var(--space-2)}}.cart-empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.cart-empty svg{color:var(--color-secondary);margin-bottom:var(--space-4)}.cart-empty h2{color:var(--color-primary-dark);margin-bottom:var(--space-2)}.cart-empty p{margin-bottom:var(--space-6)}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-8);align-items:start}.cart-items{display:flex;flex-direction:column;gap:var(--space-4)}.cart-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.cart-item-image{width:80px;height:100px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-warm);display:flex;align-items:center;justify-content:center}.cart-item-image img{width:100%;height:100%;object-fit:contain}.cart-item-info{flex:1;min-width:0}.cart-item-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-primary-dark);text-decoration:none;display:block;margin-bottom:var(--space-1)}.cart-item-title:hover{color:var(--color-secondary-dark)}.cart-item-price{font-size:var(--text-sm);color:var(--color-text-muted)}.cart-item-quantity{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.qty-btn{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-primary-dark);transition:all .15s ease}.qty-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.qty-value{font-weight:600;min-width:24px;text-align:center}.cart-item-subtotal{font-weight:700;font-size:var(--text-base);color:var(--color-primary-dark);min-width:80px;text-align:right;flex-shrink:0}.cart-item-remove{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all .15s ease;flex-shrink:0}.cart-item-remove:hover{color:#dc3545;background:#fef2f2}.cart-summary{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border);position:sticky;top:calc(var(--navbar-height, 72px) + var(--space-4))}.cart-summary h3{font-size:var(--text-lg);color:var(--color-primary-dark);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:var(--text-base);color:var(--color-text)}.summary-row span{display:flex;align-items:center;gap:var(--space-1)}.summary-country-select{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.35rem .5rem;background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm)}.summary-total{font-size:var(--text-lg);font-weight:700;color:var(--color-primary-dark);border-top:2px solid var(--color-primary);margin-top:var(--space-3);padding-top:var(--space-3)}.shipping-hint{font-size:var(--text-xs);color:var(--color-secondary-dark);background:var(--color-bg-warm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin:var(--space-2) 0;text-align:center}.cart-checkout-btn{width:100%;margin-top:var(--space-4);justify-content:center}@media(max-width:768px){.cart-layout{grid-template-columns:1fr}.cart-item{flex-wrap:wrap}.cart-item-info{flex:1 1 calc(100% - 96px)}.cart-item-subtotal{min-width:auto}.cart-summary{position:static}}.auth-card{background:var(--color-card-bg);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.auth-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-primary);text-align:center;margin-bottom:var(--space-2)}.auth-subtitle{text-align:center;color:var(--color-text-light);margin-bottom:var(--space-8)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-field{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-warm-light);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:border-color var(--transition-fast);min-width:0}.auth-field:focus-within{border-color:var(--color-secondary)}.auth-field svg{color:var(--color-text-muted);flex-shrink:0}.auth-field input{flex:1;min-width:0;border:none;background:none;font-size:var(--text-base);color:var(--color-text);outline:none;padding:var(--space-1) 0}.auth-eye{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:0;display:flex}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.auth-forgot-link{background:none;border:none;color:var(--color-secondary-dark);font-size:var(--text-sm);cursor:pointer;text-align:right;padding:0;margin-top:calc(-1 * var(--space-2))}.auth-forgot-link:hover{text-decoration:underline}.auth-submit{margin-top:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);font-size:var(--text-base)}.auth-error{background:#fef2f2;color:#b91c1c;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.auth-success{background:#f0fdf4;color:#15803d;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.auth-switch{text-align:center;margin-top:var(--space-6);color:var(--color-text-light);font-size:var(--text-sm)}.auth-switch button{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;font-size:var(--text-sm)}.auth-switch button:hover{text-decoration:underline}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.auth-card{padding:var(--space-6)}.auth-row{grid-template-columns:1fr}}.account-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-8);align-items:start}.account-sidebar{background:var(--color-card-bg);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border);position:sticky;top:calc(var(--nav-height) + var(--space-6))}.account-user{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.account-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.account-name{font-weight:600;color:var(--color-primary)}.account-email{font-size:var(--text-xs);color:var(--color-text-muted)}.account-nav{display:flex;flex-direction:column;gap:var(--space-1)}.account-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;background:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left}.account-nav-item:hover{background:var(--color-warm);color:var(--color-primary)}.account-nav-item.active{background:var(--color-warm);color:var(--color-primary);font-weight:600}.account-logout{margin-top:var(--space-2);color:var(--color-text-muted)}.account-logout:hover{color:#b91c1c;background:#fef2f2}.account-main{min-height:400px}.account-section{background:var(--color-card-bg);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.account-section h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-6)}.account-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:520px}.account-form label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--color-text-light)}.account-form input,.account-form select{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--color-warm-light);transition:border-color var(--transition-fast)}.account-form input:focus,.account-form select:focus{outline:none;border-color:var(--color-secondary)}.account-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.account-empty{text-align:center;padding:var(--space-10);color:var(--color-text-muted)}.account-empty svg{margin-bottom:var(--space-4);opacity:.4}.account-empty p{margin-bottom:var(--space-4)}.orders-list{display:flex;flex-direction:column;gap:var(--space-4)}.order-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-warm-light)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.order-number{font-weight:700;color:var(--color-primary)}.order-status{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.order-status-pending{background:#fef3c7;color:#92400e}.order-status-paid{background:#d1fae5;color:#065f46}.order-status-shipped{background:#dbeafe;color:#1e40af}.order-status-delivered{background:#d1fae5;color:#065f46}.order-status-cancelled{background:#fee2e2;color:#991b1b}.order-meta{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-light)}.order-tracking{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-secondary-dark);font-weight:500}.order-card-link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.order-card-link:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md);color:inherit}.order-view-detail{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-secondary-dark);font-weight:600;margin-top:var(--space-3);transition:gap var(--transition-fast)}.order-card-link:hover .order-view-detail{gap:var(--space-2);color:var(--color-accent)}.profile-save-btn{background:var(--color-border);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:not-allowed;transition:all .3s ease}.profile-save-btn.dirty{background:var(--color-primary);color:#fff;border-color:var(--color-primary);cursor:pointer}.profile-save-btn.dirty:hover{background:var(--color-primary-light);border-color:var(--color-primary-light)}.profile-save-btn.saved{background:#16a34a;color:#fff;border-color:#16a34a;cursor:default}.profile-save-btn .spinner{animation:spin 1s linear infinite}@media(max-width:768px){.account-layout{grid-template-columns:1fr}.account-sidebar{position:static}.account-form-row{grid-template-columns:1fr}}.checkout-form{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-6)}.checkout-section{background:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border)}.checkout-section h2{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-4)}.checkout-items{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.checkout-item{display:flex;justify-content:space-between;font-size:var(--text-sm)}.checkout-item-name{color:var(--color-text)}.checkout-item-qty{color:var(--color-text-muted);margin-left:var(--space-2)}.checkout-totals{padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.checkout-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-light)}.checkout-total{font-weight:700;font-size:var(--text-lg);color:var(--color-primary-dark);padding-top:var(--space-2);border-top:1px solid var(--color-border);margin-top:var(--space-2)}.checkout-label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text-light)}.checkout-input{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--color-warm-light)}.checkout-input:focus{outline:none;border-color:var(--color-secondary)}.checkout-logged-in{font-size:var(--text-sm);color:var(--color-text-light)}.checkout-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.checkout-hint a{color:var(--color-primary);font-weight:600}.checkout-pay-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-5);font-size:var(--text-lg)}.checkout-secure{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{color:#16a34a;margin-bottom:var(--space-6)}.success-title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--color-primary);margin-bottom:var(--space-3)}.success-subtitle{font-size:var(--text-lg);color:var(--color-text-light);margin-bottom:var(--space-8)}.success-card{background:var(--color-card-bg);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border);text-align:left;margin-bottom:var(--space-6)}.success-card h2{font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-4)}.success-items{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.success-item{display:flex;justify-content:space-between;font-size:var(--text-sm)}.success-total{display:flex;justify-content:space-between;padding-top:var(--space-4);font-weight:700;font-size:var(--text-lg);color:var(--color-primary-dark)}.success-email{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.success-actions{display:flex;justify-content:center;gap:var(--space-4)}.track-card{background:var(--color-card-bg);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.track-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);color:var(--color-primary)}.track-header h1{font-size:var(--text-xl);margin:0}.track-header p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.track-steps{display:flex;justify-content:space-between;position:relative;margin-bottom:var(--space-8)}.track-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;gap:var(--space-2)}.track-step-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-warm);color:var(--color-text-muted);transition:all var(--transition-base);position:relative;z-index:1}.track-step.complete .track-step-icon{background:#16a34a;color:#fff}.track-step-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);text-align:center}.track-step.complete .track-step-label{color:#16a34a;font-weight:600}.track-step-line{position:absolute;top:24px;left:50%;width:100%;height:2px;background:var(--color-border);z-index:0}.track-step.complete .track-step-line{background:#16a34a}.track-cancelled{text-align:center;padding:var(--space-8);color:#b91c1c}.track-cancelled p{margin-top:var(--space-3);font-size:var(--text-lg)}.track-tracking{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.track-tracking h3{margin-bottom:var(--space-3);color:var(--color-primary)}.track-tracking p{margin-bottom:var(--space-3);font-size:var(--text-sm)}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.order-detail-header .track-header{margin-bottom:0}.order-detail-card{background:var(--color-card-bg);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-bottom:var(--space-5)}.order-detail-card h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.order-detail-items{display:flex;flex-direction:column;gap:var(--space-3)}.order-detail-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.order-detail-item:last-child{border-bottom:none;padding-bottom:0}.order-detail-item-img{width:56px;height:72px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.order-detail-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.order-detail-item-title{font-weight:600;color:var(--color-primary);font-size:var(--text-sm)}.order-detail-item-qty{font-size:var(--text-xs);color:var(--color-text-muted)}.order-detail-item-price{font-weight:600;white-space:nowrap}.order-detail-summary{display:flex;flex-direction:column;gap:var(--space-2)}.order-detail-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-light)}.order-detail-total{padding-top:var(--space-3);border-top:2px solid var(--color-primary);margin-top:var(--space-2);font-size:var(--text-base);font-weight:700;color:var(--color-primary)}.order-detail-address{font-size:var(--text-sm);color:var(--color-text-light);line-height:1.7}@media(max-width:640px){.order-detail-header{flex-direction:column;gap:var(--space-3)}}