.landing-page{min-height:100vh}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-primary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-dropdown)}.logo-text{font-size:1.5rem}.nav{align-items:center;display:flex;gap:var(--spacing-md)}.menu-toggle,.theme-toggle{background-color:var(--bg-secondary);border:1px solid var(--border)}.menu-toggle{display:none}@media (min-width:769px){.menu-toggle{display:none!important}}.mobile-menu{border-top:1px solid var(--border);display:none;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.mobile-menu-item{color:var(--text-primary);font-weight:500;padding:var(--spacing-sm) 0;text-decoration:none}.mobile-menu-item:hover{color:var(--accent)}.hero{padding:var(--spacing-2xl) 0;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero-icon,.hero-title{margin-bottom:var(--spacing-lg)}.hero-title{color:var(--text-primary);font-family:var(--font-serif);font-size:3rem;font-weight:700;line-height:1.2}.hero-description{color:var(--text-secondary);font-size:1.25rem;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:600px}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-2xl)}.hero-preview{margin:0 auto;max-width:800px}.preview-placeholder{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#85a4721a,#7fb3d31a);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-2xl)}.features{background-color:var(--bg-secondary);padding:var(--spacing-2xl) 0}.section-header{margin-bottom:var(--spacing-2xl);text-align:center}.section-header h2{color:var(--text-primary);font-family:var(--font-serif);font-size:2.5rem;margin-bottom:var(--spacing-md)}.section-header p{color:var(--text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background-color:var(--bg-primary);text-align:center}.feature-icon{align-items:center;background-color:#85a4721a;border-radius:var(--radius-lg);color:var(--accent);display:inline-flex;height:48px;justify-content:center;width:48px}.feature-card h3,.feature-icon{margin-bottom:var(--spacing-md)}.feature-card h3{color:var(--text-primary);font-family:var(--font-serif);font-size:1.25rem}.feature-card p{color:var(--text-secondary);line-height:1.6;margin:0}.benefits{padding:var(--spacing-2xl) 0}.benefits-content{grid-gap:var(--spacing-2xl);align-items:center;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 1fr}.benefits-text h2{color:var(--text-primary);font-family:var(--font-serif);font-size:2.5rem;margin-bottom:var(--spacing-lg)}.benefits-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.benefit-item{gap:var(--spacing-sm)}.benefit-check,.benefit-item{align-items:center;display:flex}.benefit-check{background-color:var(--accent);border-radius:50%;color:#fff;flex-shrink:0;height:20px;justify-content:center;width:20px}.benefits-visual{display:flex;justify-content:center}.stats-card{align-items:center;background-color:#85a4721a;border-radius:var(--radius-xl);color:var(--accent);display:inline-flex;flex-direction:column;padding:var(--spacing-xl)}.stats-number{color:var(--text-primary);font-size:2rem;font-weight:700;margin:var(--spacing-md) 0 var(--spacing-xs)}.stats-label{color:var(--text-secondary);font-size:.875rem}.cta{background-color:var(--accent);color:#fff;padding:var(--spacing-2xl) 0;text-align:center}.cta-content h2{font-family:var(--font-serif);font-size:2.5rem;margin-bottom:var(--spacing-lg)}.cta-content p{font-size:1.25rem;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.cta-button{background-color:#fff;border-color:#fff;color:var(--accent)}.cta-button:hover{background-color:#ffffffe6;transform:translateY(-2px)}.landing-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.footer-section h3,.footer-section h4{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-md)}.footer-section p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;max-width:300px}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:var(--spacing-xs)}.footer-section a{color:var(--text-secondary);font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-section a:hover{color:var(--accent)}.footer-logo{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.footer-logo .logo-icon{height:32px;width:32px}.footer-logo h3{font-family:var(--font-serif);font-size:1.125rem;margin:0}.footer-bottom{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;padding-top:var(--spacing-lg)}.footer-bottom p{color:var(--text-secondary);font-size:.875rem;margin:0}.footer-love{align-items:center;display:flex;gap:var(--spacing-xs)}.footer-love svg{color:#ef4444}@media (max-width:768px){.nav{display:none}.nav-open{background-color:var(--bg-primary);border:1px solid var(--border);border-top:none;flex-direction:column;gap:var(--spacing-md);left:0;padding:var(--spacing-md);position:absolute;right:0;top:100%}.menu-toggle,.mobile-menu,.nav-open{display:flex}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-actions{align-items:center;flex-direction:column}.hero-actions .btn{max-width:300px;width:100%}.benefits-content{grid-template-columns:1fr;text-align:center}.cta-content h2,.section-header h2{font-size:2rem}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width:640px){.benefits,.cta,.features,.hero{padding:var(--spacing-xl) 0}.features-grid{grid-template-columns:1fr}.preview-placeholder{aspect-ratio:4/3;padding:var(--spacing-lg)}}.toast-container{bottom:20px;display:flex;flex-direction:column-reverse;gap:var(--spacing-sm);max-width:400px;position:fixed;right:20px;width:100%;z-index:var(--z-tooltip)}.toast{align-items:center;animation:slideIn .3s ease-out;background-color:var(--bg-secondary);border-left:4px solid;border-radius:var(--radius-lg);box-shadow:0 4px 16px var(--shadow);color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md);transition:transform .2s ease}.toast:hover{transform:translateX(-4px)}.toast-success{border-left-color:#22c55e}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:var(--accent)}.toast-content{flex:1 1;gap:var(--spacing-sm)}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{font-size:14px;font-weight:700;height:20px;justify-content:center;width:20px}.toast-success .toast-icon{color:#22c55e}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:var(--accent)}.toast-message{font-size:.875rem;line-height:1.4}.toast-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;line-height:1;margin-left:var(--spacing-sm);padding:0;transition:color .2s ease;width:20px}.toast-close:hover{color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translateY(100%) translateX(20px)}to{opacity:1;transform:translateY(0) translateX(0)}}@media (max-width:640px){.toast-container{bottom:10px;left:10px;max-width:none;right:10px}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-primary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}.header-content{align-items:center;display:flex;gap:var(--spacing-lg);justify-content:space-between;padding:var(--spacing-md) 0}.logo{color:var(--text-primary);flex-shrink:0;text-decoration:none}.logo-icon{background:var(--accent-gradient);border-radius:var(--radius-md);height:40px;width:40px}.logo-text h1{font-size:1.25rem;font-weight:700;line-height:1;margin:0}.logo-text span{color:var(--text-secondary);font-size:.75rem;line-height:1}.user-actions-desktop{align-items:center;display:flex;flex-shrink:0;gap:var(--spacing-sm)}.btn-icon{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm);transition:all .2s ease}.btn-icon:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.user-info{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;white-space:nowrap}.mobile-menu-button{background:none;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:none;padding:var(--spacing-md);transition:background-color .2s ease}.mobile-menu-button:hover{background-color:var(--bg-secondary)}.mobile-menu{background-color:var(--bg-primary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);left:0;position:absolute;right:0;top:100%}.mobile-menu-content{align-items:center;display:flex;flex-direction:column;padding:var(--spacing-lg);text-align:center}.mobile-user-info{align-items:center;background-color:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md)}.mobile-nav,.mobile-user-info{display:flex;margin-bottom:var(--spacing-lg)}.mobile-nav{flex-direction:column;gap:var(--spacing-xs);max-width:300px;width:100%}.mobile-nav-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-weight:500;gap:var(--spacing-sm);padding:var(--spacing-md);text-decoration:none;transition:all .2s ease}.mobile-nav-link:active,.mobile-nav-link:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.mobile-actions{border-top:1px solid var(--border);flex-direction:column;max-width:300px;padding-top:var(--spacing-lg)}.mobile-action-btn,.mobile-actions{display:flex;gap:var(--spacing-sm);width:100%}.mobile-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:500;padding:var(--spacing-md);text-align:left;transition:all .2s ease}.mobile-action-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.mobile-action-btn.logout{color:var(--error)}.mobile-action-btn.logout:hover{background-color:#dc267f1a}@media (max-width:1024px){.user-actions-desktop{display:none}.mobile-menu-button{display:block}}@media (max-width:768px){.header-content{padding:var(--spacing-sm) 0}.logo-text h1{font-size:1.125rem}.logo-text span{display:none}}@media (max-width:640px){.user-info{display:none}}.book-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .2s ease}.book-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.book-card-compact{flex-direction:row;height:auto}.book-cover{aspect-ratio:2/3;background:var(--bg-secondary);flex-shrink:0;overflow:hidden;position:relative}.book-card-compact .book-cover{aspect-ratio:unset;height:120px;width:80px}.book-cover img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.book-card:hover .book-cover img{transform:scale(1.02)}.book-cover-placeholder{align-items:center;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);color:var(--text-tertiary);display:flex;height:100%;justify-content:center;width:100%}.book-cover-overlay{display:flex;gap:var(--spacing-xs);opacity:0;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:opacity .2s ease}.book-card:hover .book-cover-overlay{opacity:1}.quick-action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all .2s ease}.quick-action-btn:hover{background:#000000e6;transform:scale(1.1)}.quick-action-btn.active{background:var(--accent);color:#fff}.book-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md)}.book-card-compact .book-info{justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:.875rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.book-card-compact .book-title{-webkit-line-clamp:1;font-size:.8rem}.book-author{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.75rem;line-height:1.2;margin:0;overflow:hidden}.book-meta{margin:var(--spacing-xs) 0}.book-meta,.book-rating{align-items:center;display:flex;gap:var(--spacing-xs)}.stars{color:var(--warning);display:flex;gap:1px}.rating-text{color:var(--text-secondary)}.book-category,.rating-text{font-size:.7rem;font-weight:500}.book-category{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--accent);display:-webkit-box;letter-spacing:.5px;overflow:hidden;text-transform:uppercase}.book-actions{align-items:center;border-top:1px solid var(--border);display:flex;gap:var(--spacing-xs);margin-top:auto;padding-top:var(--spacing-sm)}.book-card-compact .book-actions{border-top:none;margin-top:var(--spacing-xs);padding-top:0}.action-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:var(--spacing-xs);transition:all .2s ease}.action-btn:hover{background-color:#7fb3d31a;border-color:var(--accent);color:var(--text-primary)}.action-btn.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.action-menu{margin-left:auto;position:relative}.menu-trigger{background:var(--bg-secondary)!important;border:none!important}.action-menu-dropdown{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);min-width:160px;padding:var(--spacing-xs);position:absolute;right:0;top:100%;z-index:100}.action-menu-dropdown button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--spacing-sm);padding:var(--spacing-sm);text-align:left;transition:all .2s ease;width:100%}.action-menu-dropdown button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.action-menu-dropdown button.active{background-color:#7fb3d31a;color:var(--accent)}@media (max-width:640px){.book-info{padding:var(--spacing-sm)}.book-title{font-size:.8rem}.book-author{font-size:.7rem}.action-btn{height:28px;min-width:28px;padding:var(--spacing-xs)}.book-actions{gap:var(--spacing-xs)}}.tabs-container{border-bottom:1px solid var(--border)}.tabs{-ms-overflow-style:none;display:flex;gap:var(--spacing-xs);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease;white-space:nowrap}.tab:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.tab.active{border-bottom-color:var(--accent);color:var(--accent)}.tab-badge{align-items:center;background:var(--accent);border-radius:var(--radius-full);color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px}.search-section{margin:0 auto;max-width:1000px}.search-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.search-input-group{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-tertiary);left:var(--spacing-md);position:absolute;z-index:1}.search-input{background-color:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) 3rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7fb3d31a;outline:none}.clear-btn{background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);position:absolute;right:var(--spacing-md);transition:all .2s ease}.clear-btn:hover{background-color:var(--bg-secondary);color:var(--text-secondary)}.search-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.search-filters{grid-gap:var(--spacing-md);background-color:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:1px solid var(--border);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:var(--spacing-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-label{font-weight:500}.filter-label,.filter-select{color:var(--text-primary);font-size:.875rem}.filter-select{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7fb3d31a;outline:none}.popular-books,.search-results{margin-top:var(--spacing-lg)}.loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl)}.results-header{margin-bottom:var(--spacing-lg)}.results-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.results-header p{color:var(--text-secondary);margin:0}.books-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:768px){.books-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:480px){.books-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}.list-section{margin:0 auto;max-width:1200px}.list-header{border-bottom:1px solid var(--border);justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.list-header,.list-title{align-items:center;display:flex}.list-title{color:var(--text-primary);gap:var(--spacing-sm)}.list-title h2{font-size:1.5rem;font-weight:600;margin:0}.list-count{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0}.empty-state{margin:0 auto;max-width:400px;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.empty-icon{color:var(--text-tertiary);margin-bottom:var(--spacing-lg)}.empty-state h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.empty-state p{color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-lg) 0}.search-welcome{margin:0 auto;max-width:600px;padding:var(--spacing-xl);text-align:center}.welcome-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg)}.welcome-icon{color:var(--accent);opacity:.7}.search-welcome h2{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0}.search-welcome p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.search-tips{background-color:var(--bg-secondary);border-radius:var(--radius-lg);max-width:400px;padding:var(--spacing-lg);text-align:left;width:100%}.search-tips h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.search-tips ul{color:var(--text-secondary);line-height:1.6;list-style:none;margin:0;padding:0}.search-tips li{margin-bottom:var(--spacing-xs)}.tab-text-mobile{display:none}.tab-text-desktop{display:inline}@media (max-width:768px){.search-actions{flex-direction:column}.search-filters{grid-template-columns:1fr}.list-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.tabs{padding:0 var(--spacing-sm)}.tab{padding:var(--spacing-sm) var(--spacing-md)}.tab-text-mobile{display:inline}.tab-text-desktop{display:none}}@media (max-width:480px){.search-input{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) 2.5rem}.search-icon{left:var(--spacing-sm)}.clear-btn{right:var(--spacing-sm)}.search-welcome{padding:var(--spacing-lg) var(--spacing-sm)}.search-welcome h2{font-size:1.5rem}.search-tips{padding:var(--spacing-md)}}.profile-header{border-bottom:1px solid var(--border);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md)}.back-btn,.profile-header{align-items:center;display:flex}.back-btn{color:var(--text-secondary);font-weight:500;gap:var(--spacing-sm);text-decoration:none;transition:color .2s ease}.back-btn:hover{color:var(--accent)}.profile-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0}.profile-layout{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 300px;margin:0 auto;max-width:1000px}.profile-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);height:fit-content;padding:var(--spacing-xl)}.profile-photo-section{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--spacing-xl)}.profile-photo-container{margin-bottom:var(--spacing-md);position:relative}.profile-photo{object-fit:cover}.profile-photo,.profile-photo-placeholder{border:4px solid var(--border);border-radius:var(--radius-full);height:120px;width:120px}.profile-photo-placeholder{align-items:center;background:var(--bg-secondary);color:var(--text-tertiary);display:flex;justify-content:center}.photo-actions{bottom:0;display:flex;gap:var(--spacing-xs);position:absolute;right:0}.photo-action-btn{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.photo-action-btn:hover{background:var(--accent-dark);transform:scale(1.05)}.photo-action-btn.remove{background:var(--error)}.photo-action-btn.remove:hover{background:var(--error-dark)}.photo-help{color:var(--text-tertiary);font-size:.875rem;margin:0;text-align:center}.profile-form{gap:var(--spacing-lg)}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-actions{border-top:1px solid var(--border);display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md)}.profile-display{text-align:center}.profile-name{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.profile-email{align-items:center;color:var(--text-secondary);font-size:.875rem;gap:var(--spacing-xs);margin:0 0 var(--spacing-xl) 0}.profile-actions,.profile-email{display:flex;justify-content:center}.profile-actions{flex-wrap:wrap;gap:var(--spacing-sm)}.stats-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.stats-card h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0}.stats-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.stat-item{background:var(--bg-secondary);gap:var(--spacing-md);padding:var(--spacing-md)}.stat-icon,.stat-item{align-items:center;border-radius:var(--radius-md);display:flex}.stat-icon{background:#7fb3d31a;color:var(--accent);flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-number{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.account-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.account-card h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-lg) 0}.account-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.info-item:last-child{border-bottom:none}.info-item label{color:var(--text-secondary)}.info-item label,.info-item span{font-size:.875rem;font-weight:500}.info-item span{color:var(--text-primary)}@media (max-width:768px){.profile-layout{gap:var(--spacing-lg);grid-template-columns:1fr}.profile-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.profile-header h1{font-size:1.5rem}.profile-card{padding:var(--spacing-lg)}.profile-photo,.profile-photo-placeholder{height:100px;width:100px}.form-actions,.profile-actions{flex-direction:column}}@media (max-width:480px){.profile-card{padding:var(--spacing-md)}.profile-name{font-size:1.25rem}.account-card,.stats-card{padding:var(--spacing-md)}.info-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}}:root{--folium-cream:#faf8f5;--folium-parchment:#f1ede6;--folium-sepia:#c4a373;--folium-ink:#3d3426;--folium-sage:#85a472;--folium-midnight:#1a1f2e;--folium-steel:#2c3542;--folium-azure:#7fb3d3;--folium-silver:#6c7b8a;--bg-primary:var(--folium-cream);--bg-secondary:var(--folium-parchment);--text-primary:var(--folium-ink);--text-secondary:var(--folium-sepia);--accent:var(--folium-sage);--border:#e8e2d5;--shadow:#3d34261a;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-serif:"Crimson Text",Georgia,serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--z-dropdown:1000;--z-modal:1050;--z-tooltip:1100}[data-theme=dark]{--bg-primary:var(--folium-midnight);--bg-secondary:var(--folium-steel);--text-primary:var(--folium-cream);--text-secondary:var(--folium-azure);--accent:var(--folium-azure);--border:#3d4654;--shadow:#0000004d}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf8f5;background-color:var(--bg-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-weight:400;line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body,h1,h2,h3,h4,h5,h6{color:#3d3426;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:Crimson Text,Georgia,serif;font-family:var(--font-serif);font-weight:600;line-height:1.3;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:#3d3426;color:var(--text-primary);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.text-secondary{color:#c4a373;color:var(--text-secondary)}.text-accent,a{color:#85a472;color:var(--accent)}a{text-decoration:none;transition:color .2s ease}a:hover{color:#3d3426;color:var(--text-primary)}.btn{align-items:center;border:1px solid #0000;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs);justify-content:center;line-height:1.5;min-height:44px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#85a472;background-color:var(--accent);border-color:#85a472;border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:#85a472;background-color:var(--folium-sage);transform:translateY(-1px)}.btn-secondary{background-color:#f1ede6;background-color:var(--bg-secondary);border-color:#e8e2d5;border-color:var(--border);color:#3d3426;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:#faf8f5;background-color:var(--bg-primary);border-color:#85a472;border-color:var(--accent)}.btn-outline{background-color:initial;border-color:#e8e2d5;border-color:var(--border);color:#3d3426;color:var(--text-primary)}.btn-outline:hover:not(:disabled){background-color:#f1ede6;background-color:var(--bg-secondary);border-color:#85a472;border-color:var(--accent)}.btn-danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#c82333}.btn-sm{font-size:.75rem;min-height:36px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{font-size:1rem;min-height:52px;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.btn-icon{border-radius:50%;height:44px;padding:0;width:44px}.btn-block,.input{width:100%}.input{background-color:#faf8f5;background-color:var(--bg-primary);border:1px solid #e8e2d5;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-md);color:#3d3426;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:.875rem;line-height:1.5;min-height:44px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:#85a472;border-color:var(--accent);box-shadow:0 0 0 3px #85a4721a;outline:none}.input::placeholder{color:#c4a373;color:var(--text-secondary)}.card{background-color:#f1ede6;background-color:var(--bg-secondary);border:1px solid #e8e2d5;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px #3d34261a;box-shadow:0 2px 8px var(--shadow);padding:1.5rem;padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 4px 16px #3d34261a;box-shadow:0 4px 16px var(--shadow);transform:translateY(-2px)}.card-header{border-bottom:1px solid #e8e2d5;border-bottom:1px solid var(--border);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.card-title{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-md);width:100%}.row{display:flex;flex-wrap:wrap;margin:0 -var(--spacing-sm)}.col{flex:1 1;padding:0 .5rem;padding:0 var(--spacing-sm)}.grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:.25rem;gap:var(--spacing-xs)}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}.p-xs{padding:.25rem;padding:var(--spacing-xs)}.p-sm{padding:.5rem;padding:var(--spacing-sm)}.p-md{padding:1rem;padding:var(--spacing-md)}.p-lg{padding:1.5rem;padding:var(--spacing-lg)}.p-xl{padding:2rem;padding:var(--spacing-xl)}.m-xs{margin:.25rem;margin:var(--spacing-xs)}.m-sm{margin:.5rem;margin:var(--spacing-sm)}.m-md{margin:1rem;margin:var(--spacing-md)}.m-lg{margin:1.5rem;margin:var(--spacing-lg)}.m-xl{margin:2rem;margin:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.border{border:1px solid #e8e2d5;border:1px solid var(--border)}.border-top{border-top:1px solid #e8e2d5;border-top:1px solid var(--border)}.border-bottom{border-bottom:1px solid #e8e2d5;border-bottom:1px solid var(--border)}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-full{border-radius:50%}.shadow{box-shadow:0 2px 8px #3d34261a;box-shadow:0 2px 8px var(--shadow)}.shadow-lg{box-shadow:0 4px 16px #3d34261a;box-shadow:0 4px 16px var(--shadow)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-10{z-index:10}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh;min-height:100dvh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1ede6;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#c4a373;background:var(--text-secondary);border-radius:.75rem;border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:#85a472;background:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media (max-width:640px){.container{padding:0 .5rem;padding:0 var(--spacing-sm)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.btn{font-size:1rem}.btn,.card{padding:1rem;padding:var(--spacing-md)}}@media (min-width:641px) and (max-width:768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){.sm-hidden{display:none}.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}.md-flex-row{flex-direction:row}.md-w-auto{width:auto}}@media (min-width:1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg-grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg-flex-row{flex-direction:row}.lg-w-auto{width:auto}}.safe-area-inset-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom))}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.loading{opacity:.6;pointer-events:none;position:relative}.spinner{border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}.btn:focus,.input:focus{outline:2px solid #85a472;outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast:high){:root{--shadow:#00000080}.btn{border-width:2px}}.form-label{color:#3d3426;color:var(--text-primary);font-size:.875rem;font-weight:500;gap:.25rem;gap:var(--spacing-xs);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form-label,.input-group{align-items:center;display:flex}.input-group{position:relative}.input-icon-btn{align-items:center;background:none;border:none;color:#c4a373;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;padding:var(--spacing-xs);position:absolute;right:.5rem;right:var(--spacing-sm);transition:color .2s ease}.input-icon-btn:hover{color:#3d3426;color:var(--text-primary)}.logo{gap:.5rem;gap:var(--spacing-sm)}.logo,.logo-icon{align-items:center;display:flex;justify-content:center}.logo-icon{background-color:#85a472;background-color:var(--accent);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;height:48px;width:48px}.logo-text{color:#3d3426;color:var(--text-primary);font-family:Crimson Text,Georgia,serif;font-family:var(--font-serif);font-size:2rem;font-weight:600;margin:0}.text-accent{color:#85a472!important;color:var(--accent)!important}.text-secondary{color:#c4a373!important;color:var(--text-secondary)!important}.hero-icon{align-items:center;background-color:#85a4721a;border-radius:1rem;border-radius:var(--radius-xl);color:#85a472;color:var(--accent);display:inline-flex;height:80px;justify-content:center;width:80px}@media (min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}@media (max-width:767px){html{font-size:14px}.container{padding-left:.5rem;padding-left:var(--spacing-sm);padding-right:.5rem;padding-right:var(--spacing-sm)}.btn,a[role=button],button{min-height:44px;min-width:44px}input,select,textarea{font-size:16px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media (max-width:479px){html{font-size:13px}h1{font-size:1.5rem}h2{font-size:1.25rem}}@supports (-webkit-touch-callout:none){body{min-height:-webkit-fill-available}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.spinner{animation:none}}