*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1e40af;--secondary:#0f172a;--accent:#f59e0b;--text:#1e293b;--text-light:#64748b;--bg:#fff;--bg-light:#f8fafc;--border:#e2e8f0;--success:#10b981;--error:#ef4444;--shadow:0 1px 3px 0 #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}.dark-mode{--primary:#3b82f6;--primary-dark:#2563eb;--secondary:#1e293b;--accent:#fbbf24;--text:#f1f5f9;--text-light:#94a3b8;--bg:#0f172a;--bg-light:#1e293b;--border:#334155;--success:#10b981;--error:#ef4444;--shadow:0 1px 3px 0 #0000004d;--shadow-lg:0 10px 15px -3px #0006}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg);color:#1e293b;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em;line-height:1.1}h1,h2{font-weight:700}h2{font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:-.01em;line-height:1.2}h3{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;line-height:1.3}p{color:#64748b;color:var(--text-light);font-size:1.125rem;line-height:1.7}.btn{border-radius:.5rem;font-size:1rem;gap:.5rem;padding:.875rem 2rem}.btn-primary{background:var(--primary)}.btn-primary:hover{background:#1e40af;background:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg)}.btn-secondary{background:#0f172a;background:var(--secondary);color:#fff}.btn-secondary:hover{background:#0f172a;transform:translateY(-1px)}.btn-outline{border:2px solid #2563eb;border:2px solid var(--primary);color:#2563eb;color:var(--primary)}.btn-outline:hover{background:#2563eb;background:var(--primary);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text);margin-bottom:.5rem}.form-input,.form-select,.form-textarea{border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:.5rem;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-error{color:#ef4444;color:var(--error);font-size:.875rem;margin-top:.25rem}.card{background:#fff;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow);padding:2rem;transition:background-color .3s ease,border-color .3s ease}.container{max-width:1200px;padding:0 1.5rem}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.fade-in{animation:fadeIn .5s ease-out}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #2563eb;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:0 1rem}.btn{font-size:.9375rem;padding:.75rem 1.5rem}p{font-size:1rem}}.theme-toggle{align-items:center;background:var(--bg-light);border:2px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;padding:0;transition:all .3s ease;width:44px}.theme-toggle:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:scale(1.1) rotate(15deg)}.theme-toggle:active{transform:scale(.95)}@media (max-width:768px){.theme-toggle{font-size:1.1rem;height:40px;width:40px}}.homepage{color:#1e293b;color:var(--text,#1e293b);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.homepage,.navbar{background:#fff;background:var(--bg-primary,#fff)}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{height:64px;justify-content:space-between}.logo,.nav-content{align-items:center;display:flex}.logo{color:#1e293b;color:var(--text,#1e293b);font-size:1.35rem;font-weight:800;gap:8px;letter-spacing:-.5px;text-decoration:none}.logo-icon{font-size:1.5rem}.nav-actions{gap:12px}.nav-actions,.nav-actions .hide-mobile{align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-toggle{border:1.5px solid var(--border,#cbd5e1);color:var(--text,#1e293b)}.nav-link-btn{border-radius:8px;color:#64748b;color:var(--text-light,#64748b);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px;text-decoration:none;transition:background .2s,color .2s}.nav-link-btn:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9)}.cart-btn,.nav-link-btn:hover{color:#1e293b;color:var(--text,#1e293b)}.cart-btn{background:none;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;cursor:pointer;font-size:1.1rem;padding:8px 14px;position:relative;transition:background .2s}.cart-btn:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9)}.cart-count{align-items:center;background:#dc2626;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-6px;top:-6px;width:18px}.btn{font-size:.875rem;gap:6px;padding:8px 18px}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-outline{background:#0000;border:1.5px solid #cbd5e1;border:1.5px solid var(--border,#cbd5e1);color:#1e293b;color:var(--text,#1e293b)}.btn-outline:hover{border-color:#2563eb;border-color:var(--primary,#2563eb);color:#2563eb;color:var(--primary,#2563eb)}.book-store{flex:1 1;padding:32px 0 60px}.store-layout{display:flex;gap:36px}.genre-sidebar{align-self:flex-start;display:flex;flex:0 0 220px;flex-direction:column;gap:0;position:-webkit-sticky;position:sticky;top:80px}.genre-sidebar>h3{color:#1e293b;color:var(--text,#1e293b);font-size:1rem;font-weight:700;letter-spacing:0;margin:0 0 12px;padding:0;text-transform:none}.genre-sidebar-item{align-items:center;background:none;border:none;border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);color:#555;color:var(--text-light,#555);cursor:pointer;display:flex;font-size:.88rem;font-weight:400;justify-content:space-between;padding:8px 0;text-align:left;transition:color .15s;width:100%}.genre-sidebar-item:last-of-type{border-bottom:none}.genre-sidebar-item.active,.genre-sidebar-item:hover{color:#1e293b;color:var(--text,#1e293b)}.genre-sidebar-item.active{background:none;font-weight:600}.genre-count{color:#999;color:var(--text-light,#999);font-size:.78rem;font-weight:400}.genre-sidebar-item.active .genre-count{color:#555;color:var(--text-light,#555)}.sidebar-search{margin-top:28px}.sidebar-search h3{color:#1e293b;color:var(--text,#1e293b);font-size:1rem;font-weight:700;margin:0 0 12px;text-transform:none}.search-box{border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:4px;display:flex;overflow:hidden}.search-input{background:#fff;background:var(--bg-primary,#fff);border:none;color:#1e293b;color:var(--text,#1e293b);flex:1 1;font-size:.88rem;outline:none;padding:10px 12px}.search-input::placeholder{color:#999;color:var(--text-light,#999)}.search-btn{align-items:center;background:#f5f5f5;background:var(--bg-secondary,#f5f5f5);border:none;border-left:1px solid #ddd;border-left:1px solid var(--border,#ddd);color:#555;color:var(--text-light,#555);cursor:pointer;display:flex;justify-content:center;padding:10px 14px;transition:background .15s,color .15s}.search-btn:hover{background:#2563eb;color:#fff}.store-main{flex:1 1;min-width:0}.store-toolbar{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.results-count{color:#777;color:var(--text-light,#777);font-size:.88rem;margin:0}.sort-select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:4px;color:#1e293b;color:var(--text,#1e293b);cursor:pointer;font-size:.88rem;outline:none;padding:8px 12px}.sort-select:focus{border-color:#2563eb}.book-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(4,1fr)}.book-card{align-items:center;cursor:pointer;display:flex;flex-direction:column}.book-cover-wrapper{aspect-ratio:2/3;border-radius:4px;max-width:220px;overflow:hidden;position:relative;width:100%}.book-cover{border-radius:4px;box-shadow:0 2px 12px #0000001a;display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.card-add-cart{align-items:center;background:#2563ebe6;border:none;border-radius:50%;bottom:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;padding:0;position:absolute;right:8px;transform:scale(.8);transition:opacity .2s ease,transform .2s ease,background .15s;width:36px}.book-card:hover .card-add-cart{opacity:1;transform:scale(1)}.card-add-cart:hover{background:#1d4ed8;transform:scale(1.1)}.book-info{max-width:220px;padding:6px 0 0;text-align:center;width:100%}.book-title{font-size:.75rem;font-weight:400;line-height:1.25;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-price,.book-title{color:#64748b;color:var(--text-light,#64748b)}.book-price{font-size:.72rem;font-weight:600}.pagination{border-top:1px solid #eee;border-top:1px solid var(--border,#eee);gap:6px;margin-top:40px;padding-top:24px}.page-btn,.pagination{align-items:center;display:flex;justify-content:center}.page-btn{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:4px;color:#1e293b;color:var(--text,#1e293b);cursor:pointer;font-size:.88rem;font-weight:500;height:38px;transition:all .15s;width:38px}.page-btn.active,.page-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff}.page-btn.active{font-weight:700}.page-dots{color:#999;color:var(--text-light,#999);padding:0 4px}.no-results{color:#777;color:var(--text-light,#777);font-size:1rem;padding:60px 20px;text-align:center}.coming-soon-badge{background:linear-gradient(135deg,#d97706,#f59e0b);border-radius:4px;box-shadow:0 2px 8px #d9770666;color:#fff;font-size:.7rem;font-weight:700;left:10px;letter-spacing:.5px;padding:4px 10px;position:absolute;text-transform:uppercase;top:10px;z-index:5}.user-menu-wrapper{display:inline-block;position:relative}.user-avatar-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border:2px solid #2563eb;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;height:38px;justify-content:center;line-height:1;transition:box-shadow .2s,transform .15s;width:38px}.user-avatar-btn:hover{box-shadow:0 0 0 3px #2563eb33;transform:scale(1.05)}.user-dropdown{animation:fadeIn .15s ease;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;box-shadow:0 12px 36px #0000001f,0 4px 12px #0000000f;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:260px;z-index:200}.user-dropdown-header{align-items:center;display:flex;gap:12px;padding:16px}.user-dropdown-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:42px;justify-content:center;width:42px}.user-dropdown-name{color:#1e293b;color:var(--text,#1e293b);font-size:.9rem;font-weight:600;line-height:1.3}.user-dropdown-email{color:#94a3b8;color:var(--text-light,#94a3b8);font-size:.75rem;margin-top:1px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{background:#e2e8f0;background:var(--border,#e2e8f0);height:1px;margin:0}.user-dropdown-item{align-items:center;background:none;border:none;color:#1e293b;color:var(--text,#1e293b);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:10px;padding:11px 16px;text-align:left;text-decoration:none;transition:background .12s;width:100%}.user-dropdown-item:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9)}.user-dropdown-logout{color:#dc2626}.user-dropdown-logout:hover{background:#fef2f2}[data-theme=dark] .user-dropdown{background:#1e293b;border-color:#334155}[data-theme=dark] .user-dropdown-item:hover{background:#334155}[data-theme=dark] .user-dropdown-logout:hover{background:#3b1c1c}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{pointer-events:none}.skeleton-cover,.skeleton-text{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background:linear-gradient(90deg,var(--bg-secondary,#f1f5f9) 25%,var(--border,#e2e8f0) 37%,var(--bg-secondary,#f1f5f9) 63%);background-size:400px 100%}.skeleton-text{border-radius:4px}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);inset:0;padding:20px}.modal-close{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);color:#1e293b;color:var(--text,#1e293b);font-size:1.3rem;height:36px;right:16px;top:16px;transition:background .2s;width:36px}.modal-close:hover{background:#e2e8f0}.cart-overlay{animation:fadeIn .15s ease;background:#0006;inset:0;position:fixed;z-index:1000}.cart-sidebar{animation:slideIn .25s ease;background:#fff;background:var(--bg-primary,#fff);box-shadow:-8px 0 32px #00000026;display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:0;top:0;width:380px}.cart-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;padding:20px 24px}.cart-header h3{font-size:1.15rem;font-weight:700;margin:0}.cart-empty{align-items:center;color:#94a3b8;color:var(--text-light,#94a3b8);display:flex;flex:1 1;font-size:.95rem;justify-content:center}.cart-items{flex:1 1;overflow-y:auto;padding:16px 24px}.cart-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border,#f1f5f9);display:flex;gap:14px;padding:12px 0}.cart-item-cover{border-radius:4px;height:72px;object-fit:cover;width:50px}.cart-item-info{flex:1 1}.cart-item-info h4{color:#1e293b;color:var(--text,#1e293b);font-size:.875rem;font-weight:600;margin:0 0 2px}.cart-item-info p{color:#94a3b8;color:var(--text-light,#94a3b8);font-size:.8rem;margin:0 0 4px}.cart-item-price{color:#2563eb;font-size:.85rem;font-weight:700}.cart-item-remove{background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--text-light,#94a3b8);cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:color .15s,background .15s}.cart-item-remove:hover{background:#fef2f2;color:#dc2626}.cart-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);padding:20px 24px}.cart-total{align-items:center;display:flex;font-size:1.05rem;justify-content:space-between;margin-bottom:16px}.cart-total strong{color:#2563eb;font-size:1.2rem}.footer{background:#1e293b;background:var(--bg-secondary,#1e293b);color:#cbd5e1;color:var(--text-footer,#cbd5e1);margin-top:auto;padding:60px 0 30px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.5fr repeat(3,1fr);margin-bottom:40px}.footer-brand .logo{color:#fff;margin-bottom:12px}.footer-brand p{color:#94a3b8;font-size:.9rem;line-height:1.6;margin-bottom:20px}.app-badges{display:flex;flex-wrap:wrap;gap:10px}.app-badge-link{display:block;transition:opacity .2s,transform .2s}.app-badge-link:hover{opacity:.85;transform:translateY(-2px)}.app-badge{height:40px;width:auto}.footer-column{display:flex;flex-direction:column;gap:10px}.footer-column h4{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.footer-column a{color:#94a3b8;font-size:.875rem;text-decoration:none;transition:color .15s}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;padding-top:24px;text-align:center}.footer-bottom p{color:#64748b;font-size:.825rem;margin:0}.container{margin:0 auto;max-width:1260px;padding:0 24px}@media (max-width:1024px){.book-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.genre-sidebar{flex:0 0 190px}}@media (max-width:768px){.hide-mobile{display:none!important}.navbar{padding:0}.nav-content{height:44px}.logo{flex-shrink:0;font-size:1rem;gap:4px}.logo-icon{font-size:1.1rem}.nav-actions{gap:6px;margin-left:auto}.cart-btn{background:none;border:none;font-size:.9rem;padding:4px 6px}.nav-actions .btn-outline,.nav-actions .btn-primary{border-radius:6px;font-size:.7rem;padding:4px 10px}.user-avatar-btn{font-size:.75rem;height:28px;width:28px}.container{padding:0 10px}.book-store{padding:8px 0 32px}.store-layout{flex-direction:column;gap:0}.genre-sidebar{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-bottom:none;display:flex;flex:none;flex-direction:row;flex-wrap:nowrap;gap:5px;margin-bottom:8px;max-width:100vw;overflow-x:auto;padding:0 0 8px;position:static;scrollbar-width:none}.genre-sidebar::-webkit-scrollbar{display:none}.genre-sidebar>h3{display:none}.genre-sidebar-item{border:1px solid #ddd;border-bottom:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:14px;flex:0 0 auto;font-size:.68rem;line-height:1.3;padding:4px 10px;white-space:nowrap;width:auto}.genre-sidebar-item.active{background:#2563eb;border-color:#2563eb;color:#fff}.genre-count,.sidebar-search{display:none}.store-toolbar{align-items:center;border-bottom:none;flex-direction:row;gap:6px;justify-content:space-between;margin-bottom:8px;padding-bottom:0}.results-count,.sort-select{font-size:.7rem}.sort-select{padding:4px 6px}.book-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.book-cover-wrapper{max-width:none}.book-cover{border-radius:3px}.book-info{max-width:none;padding:2px 0 0}.book-title{font-size:.55rem;line-height:1.2;margin:0 0 1px}.book-price{font-size:.52rem}.card-add-cart{bottom:3px;height:24px;right:3px;width:24px}.card-add-cart svg{height:12px;width:12px}.footer-grid{gap:24px;grid-template-columns:1fr 1fr}.cart-sidebar{max-width:100vw;width:100vw}.pagination{gap:3px;margin-top:20px}.page-btn{font-size:.7rem;height:28px;width:28px}}@media (max-width:400px){.book-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.nav-content{height:40px}.logo{font-size:.9rem}.logo-icon{font-size:1rem}.book-title{font-size:.5rem}.book-price{font-size:.48rem}}[data-theme=dark] .homepage{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155}[data-theme=dark] .navbar{background:#0f172af2;border-bottom-color:#334155}[data-theme=dark] .cart-sidebar{background:#1e293b}[data-theme=dark] .footer{background:#0f172a}[data-theme=dark] .modal-close{background:#334155;color:#f1f5f9}[data-theme=dark] .modal-close:hover{background:#475569}[data-theme=dark] .cart-item-remove:hover{background:#3b1c1c}[data-theme=dark] .search-input{background:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=dark] .search-btn{background:#334155;border-color:#475569;color:#94a3b8}[data-theme=dark] .sort-select{background:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=dark] .book-cover-wrapper{background:#1e293b}[data-theme=dark] .genre-sidebar-item{border-bottom-color:#334155}[data-theme=dark] .search-box{border-color:#334155}[data-theme=dark] .page-btn{background:#1e293b;border-color:#475569;color:#f1f5f9}[data-theme=dark] .page-btn.active,[data-theme=dark] .page-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff}.pw-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:420px;padding:2rem;position:relative;width:90%}.pw-modal-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.pw-label{color:#475569;display:block;font-size:.8rem;font-weight:600;margin-bottom:.4rem}.pw-input{border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:.9rem;padding:10px 14px;transition:border-color .2s;width:100%}.pw-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}[data-theme=dark] .pw-modal{background:#1e293b;box-shadow:0 20px 60px #00000080}[data-theme=dark] .pw-modal-title{color:#f1f5f9}[data-theme=dark] .pw-label{color:#94a3b8}[data-theme=dark] .pw-input{background:#0f172a;border-color:#334155;color:#f1f5f9}[data-theme=dark] .pw-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.auth-page{display:flex;min-height:100vh}.auth-brand{background:linear-gradient(135deg,#1e293b,#2563eb);color:#fff;display:flex;flex:0 0 420px;flex-direction:column;justify-content:center;padding:60px 48px}.auth-brand-logo{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:800;gap:10px;margin-bottom:40px;text-decoration:none}.auth-brand h2{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:14px}.auth-brand>p{color:#cbd5e1;font-size:1rem;line-height:1.6;margin-bottom:40px}.auth-brand-features{display:flex;flex-direction:column;gap:16px}.auth-brand-feature{align-items:center;color:#e2e8f0;display:flex;font-size:.95rem;gap:12px}.auth-brand-feature span:first-child{font-size:1.3rem}.auth-form-panel{background:#f8fafc;background:var(--bg,#f8fafc);flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:40px;position:relative}.auth-form-panel,.auth-top-bar{align-items:center;display:flex}.auth-top-bar{gap:10px;position:absolute;right:24px;top:20px}.lang-toggle-auth{background:#0000;border:1.5px solid #cbd5e1;border:1.5px solid var(--border,#cbd5e1);border-radius:8px;color:#1e293b;color:var(--text,#1e293b);cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:6px 14px;transition:all .2s}.lang-toggle-auth:hover{border-color:#2563eb;color:#2563eb}.auth-container{max-width:440px;width:100%}.auth-header{margin-bottom:32px}.auth-header h1{color:#1e293b;color:var(--text,#1e293b);font-size:1.8rem;font-weight:700;margin-bottom:6px}.auth-header p{color:#64748b;color:var(--text-light,#64748b);font-size:.95rem}.alert{border-radius:10px;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.alert-error{color:#dc2626}.auth-form{margin-bottom:20px}.form-group{margin-bottom:16px}.form-label{font-size:.85rem;margin-bottom:6px}.form-input,.form-label{color:#1e293b;color:var(--text,#1e293b)}.form-input{background:var(--bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:10px;font-size:.9rem;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{box-shadow:0 0 0 3px #2563eb1a}.form-row{grid-gap:12px;gap:12px}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;padding:11px 24px;text-decoration:none;transition:all .2s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.auth-divider{align-items:center;color:#94a3b8;color:var(--text-light,#94a3b8);display:flex;font-size:.8rem;font-weight:600;margin:20px 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);content:"";flex:1 1}.auth-divider span{padding:0 14px}.btn-google{align-items:center;background:#fff;background:var(--bg,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:10px;color:#1e293b;color:var(--text,#1e293b);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:10px;justify-content:center;padding:11px 24px;transition:all .2s;width:100%}.btn-google:hover:not(:disabled){background:#f1f5f9;background:var(--bg-light,#f1f5f9);border-color:#2563eb;transform:translateY(-1px)}.btn-google:disabled{cursor:not-allowed;opacity:.6}.btn-google svg{flex-shrink:0}.auth-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);margin-top:20px;padding-top:20px;text-align:center}.auth-footer p{color:#64748b;color:var(--text-light,#64748b);font-size:.9rem}.auth-footer a{color:#2563eb;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:900px){.auth-page{flex-direction:column}.auth-brand{flex:0 0 auto;padding:40px 24px}.auth-brand h2{font-size:1.5rem}.auth-brand-features{flex-direction:row;flex-wrap:wrap;gap:12px}.auth-form-panel{padding:32px 24px}.auth-top-bar{right:16px;top:12px}}@media (max-width:480px){.form-row{grid-template-columns:1fr}.auth-brand-features{display:none}}.dark-mode .auth-form-panel,[data-theme=dark] .auth-form-panel{background:#0f172a}.dark-mode .auth-header h1,[data-theme=dark] .auth-header h1{color:#f1f5f9}.dark-mode .btn-google,.dark-mode .form-input,[data-theme=dark] .btn-google,[data-theme=dark] .form-input{background:#1e293b;border-color:#334155;color:#f1f5f9}.dark-mode .alert-error,[data-theme=dark] .alert-error{background:#2d1b1b;border-color:#7f1d1d}.audio-player-bar{align-items:center;background:#fff;background:var(--bg,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);bottom:0;box-shadow:0 -4px 20px #00000014;display:flex;gap:.75rem;left:0;padding:.625rem 1rem;position:fixed;right:0;transition:transform .3s ease;z-index:900}.audio-player-bar.collapsed{transform:translateY(calc(100% - 3rem))}.ap-cover{background:#f1f5f9;background:var(--bg-light,#f1f5f9);border-radius:6px;flex-shrink:0;height:60px;object-fit:cover;width:44px}.ap-info{flex:1 1;min-width:0}.ap-title{color:#1e293b;color:var(--text,#1e293b);font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-meta{color:#64748b;color:var(--text-light,#64748b);font-size:.6875rem;margin-top:2px}.ap-controls{flex-shrink:0;gap:.375rem}.ap-btn,.ap-controls{align-items:center;display:flex}.ap-btn{background:none;border:none;border-radius:50%;color:#334155;color:var(--text,#334155);cursor:pointer;font-size:1.125rem;height:36px;justify-content:center;transition:background .15s,color .15s;width:36px}.ap-btn:hover{background:#f1f5f9;background:var(--bg-light,#f1f5f9)}.ap-btn:disabled{cursor:not-allowed;opacity:.4}.ap-play{background:#6366f1;color:#fff;font-size:1.25rem;height:44px;width:44px}.ap-play:hover{background:#4f46e5}.ap-play:disabled{background:#a5b4fc}.ap-speed{background:#f1f5f9;background:var(--bg-light,#f1f5f9);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:4px;color:#334155;color:var(--text,#334155);cursor:pointer;font-size:.6875rem;font-weight:700;padding:3px 8px;-webkit-user-select:none;user-select:none;white-space:nowrap}.ap-speed:hover{background:#e5e7eb;background:var(--border,#e5e7eb)}.ap-voice{background:#f1f5f9;background:var(--bg-light,#f1f5f9);border:1px solid #c7d2fe;border-radius:4px;color:#6366f1;cursor:pointer;font-size:.6875rem;font-weight:600;padding:3px 8px;white-space:nowrap}.ap-voice:hover{background:#eef2ff}.ap-close{color:#94a3b8;color:var(--text-light,#94a3b8);font-size:.875rem;height:28px;width:28px}.ap-progress-wrapper{background:#e5e7eb;background:var(--border,#e5e7eb);cursor:pointer;height:3px;left:0;position:absolute;right:0;top:-3px}.ap-progress-fill{background:#6366f1;height:100%;transition:width .15s ease}.ap-loading-overlay{align-items:center;background:#fff;background:var(--bg,#fff);border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);bottom:0;box-shadow:0 -4px 20px #00000014;display:flex;flex-direction:column;gap:.75rem;left:0;padding:1.25rem 1.5rem;position:fixed;right:0;z-index:901}.ap-loading-text{color:#334155;color:var(--text,#334155);font-size:.875rem;font-weight:500}.ap-loading-bar{background:#e5e7eb;background:var(--bg-light,#e5e7eb);border-radius:3px;height:6px;max-width:400px;overflow:hidden;width:100%}.ap-loading-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .2s ease}.ap-loading-percent{color:#94a3b8;color:var(--text-light,#94a3b8);font-size:.75rem}.dark-mode .audio-player-bar{background:#1e293b;border-top-color:#334155;box-shadow:0 -4px 20px #0000004d}.dark-mode .ap-btn{color:#e2e8f0}.dark-mode .ap-btn:hover{background:#334155}.dark-mode .ap-speed{background:#334155;border-color:#475569;color:#e2e8f0}.dark-mode .ap-voice{background:#312e81;border-color:#4338ca;color:#a5b4fc}.dark-mode .ap-loading-overlay{background:#1e293b;border-top-color:#334155}@media (max-width:640px){.audio-player-bar{gap:.5rem;padding:.5rem .625rem}.ap-cover{height:48px;width:36px}.ap-info{display:none}.ap-play{height:40px;width:40px}.ap-speed,.ap-voice{display:none}}.ap-sentence-peek{color:#94a3b8;color:var(--text-light,#94a3b8);font-size:.75rem;font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.ap-sentence-peek{display:none}}.order-form-container{padding:2.5rem}.form-header{margin-bottom:2.5rem}.form-header h2{color:var(--secondary);font-size:2rem;margin-bottom:.5rem}.form-header p{color:var(--text-light);font-size:1rem}.order-form{display:flex;flex-direction:column;gap:2.5rem}.form-section{background:var(--bg-light);border:1px solid var(--border);border-radius:1rem;padding:2rem}.form-section h3{color:var(--secondary);font-size:1.25rem;margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-file{background:var(--bg);border:2px dashed var(--border);border-radius:.5rem;cursor:pointer;padding:.875rem;transition:all .2s;width:100%}.form-file:hover{background:var(--bg-light);border-color:var(--primary)}.form-help{color:var(--text-light);font-size:.875rem;margin-top:.5rem}.estimate-box{background:var(--primary);border-radius:.75rem;color:#fff;margin-top:1rem;padding:1.5rem}.estimate-row{align-items:center;display:flex;font-size:1.125rem;justify-content:space-between;padding:.5rem 0}.estimate-row strong{font-size:1.5rem}.radio-group{display:flex;flex-wrap:wrap;gap:1.5rem}.radio-label{align-items:center;background:var(--bg);border:2px solid var(--border);border-radius:.5rem;cursor:pointer;display:flex;gap:.5rem;padding:.875rem 1.25rem;transition:all .2s}.radio-label:hover{border-color:var(--primary)}.radio-label input[type=radio]{cursor:pointer;height:1.25rem;width:1.25rem}.radio-label input[type=radio]:checked+span{color:var(--primary);font-weight:600}.service-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.service-option{align-items:center;background:var(--bg);border:2px solid var(--border);border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.5rem;padding:1.25rem 1rem;transition:all .2s ease}.service-option:hover{background:var(--bg-light);border-color:var(--primary)}.service-option.active{background:var(--primary);border-color:var(--primary);color:#fff}.service-option-icon{font-size:1.75rem}.service-option-label{font-size:.9375rem;font-weight:600}.form-footer{border-top:2px solid var(--border);padding-top:1.5rem}@media (max-width:768px){.form-section,.order-form-container{padding:1.5rem}.form-row{grid-template-columns:1fr}.radio-group{flex-direction:column}.radio-label{width:100%}}.dashboard{background:var(--bg-light);min-height:100vh}.dashboard-nav{background:var(--bg);border-bottom:1px solid var(--border);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.user-greeting{color:var(--text);font-weight:500}.dashboard-content{padding:3rem 0}.dashboard-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:3rem}.dashboard-header h1{color:var(--secondary);font-size:2.5rem;margin-bottom:.5rem}.dashboard-header p{color:var(--text-light);font-size:1.125rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:6rem 0}.loading-container p{color:var(--text-light);margin-top:1rem}.empty-state{background:var(--bg);border:1px solid var(--border);border-radius:1.5rem;box-shadow:var(--shadow);padding:6rem 2rem;text-align:center}.empty-icon{font-size:5rem;margin-bottom:1.5rem}.empty-state h2{color:var(--secondary);margin-bottom:1rem}.empty-state p{margin-bottom:2rem}.orders-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.order-card{background:var(--bg);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow);padding:2rem;transition:all .3s}.order-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.order-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.order-header h3{color:var(--secondary);font-size:1.25rem;margin-bottom:.25rem;word-break:break-word}.order-number{color:var(--text-light);font-family:monospace;font-size:.875rem}.badge{border-radius:2rem;font-size:.75rem;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase;white-space:nowrap}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.badge-success{background:#d1fae5;color:#065f46}.badge-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.order-details{grid-gap:.75rem;background:var(--bg-light);border-radius:.75rem;display:grid;gap:.75rem;margin-bottom:1.5rem;padding:1.25rem}.detail-item{align-items:center;display:flex;font-size:.9375rem;justify-content:space-between}.detail-label{color:var(--text-light);font-weight:500}.detail-value{color:var(--text);font-weight:600}.order-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:1.5rem}.order-date{color:var(--text-light);font-size:.875rem}.btn-sm{font-size:.875rem;padding:.5rem 1.25rem}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:fadeIn .3s ease-out;background:var(--bg);border-radius:1.5rem;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:var(--bg-light);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:2.5rem;z-index:10}.modal-close:hover{background:var(--border);transform:rotate(90deg)}@media (max-width:768px){.dashboard-header{flex-direction:column}.dashboard-header button{width:100%}.orders-grid{grid-template-columns:1fr}.nav-links{flex-wrap:wrap}.user-greeting{margin-bottom:.5rem;text-align:center;width:100%}}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.375rem}.form-input,.form-label{color:#333;color:var(--text-color,#333)}.form-input{background:#fff;background:var(--input-bg,#fff);border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;box-sizing:border-box;font-size:.9375rem;padding:.625rem .75rem;width:100%}.form-input:focus{border-color:#2563eb;border-color:var(--accent-color,#2563eb);box-shadow:0 0 0 3px #2563eb26}.btn-block{margin-top:.5rem;width:100%}.alert{border-radius:6px;font-size:.875rem;font-weight:500;padding:.75rem 1rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.dark-mode .dashboard-header h1,.dark-mode .empty-state h2,.dark-mode .order-header h3{color:var(--text)}.dark-mode .form-label{color:#e5e7eb}.dark-mode .form-input{background:#374151;border-color:#4b5563;color:#f3f4f6}.dark-mode .alert-error{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.dark-mode .alert-success{background:#052e16;border-color:#14532d;color:#86efac}.dashboard .user-menu-wrapper{position:relative}.dashboard .user-avatar-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:38px;justify-content:center;transition:all .2s;width:38px}.dashboard .user-avatar-btn:hover{box-shadow:0 0 0 3px #6366f140;transform:scale(1.08)}.dashboard .user-dropdown{animation:fadeIn .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:260px;z-index:200}.dashboard .user-dropdown-header{align-items:center;display:flex;gap:10px;padding:14px 16px}.dashboard .user-dropdown-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.dashboard .user-dropdown-name{color:#1e293b;font-size:.875rem;font-weight:600}.dashboard .user-dropdown-email{color:#64748b;font-size:.75rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard .user-dropdown-divider{background:#e2e8f0;height:1px}.dashboard .user-dropdown-item{align-items:center;background:none;border:none;color:#334155;cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:10px 16px;text-align:left;text-decoration:none;transition:background .15s;width:100%}.dashboard .user-dropdown-item:hover{background:#f1f5f9}.dashboard .user-dropdown-logout{color:#dc2626}.dashboard .user-dropdown-logout:hover{background:#fef2f2}.dark-mode .dashboard .user-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0006}.dark-mode .dashboard .user-dropdown-name{color:#f1f5f9}.dark-mode .dashboard .user-dropdown-email{color:#94a3b8}.dark-mode .dashboard .user-dropdown-divider{background:#334155}.dark-mode .dashboard .user-dropdown-item{color:#e2e8f0}.dark-mode .dashboard .user-dropdown-item:hover{background:#334155}.dark-mode .dashboard .user-dropdown-logout{color:#f87171}.dark-mode .dashboard .user-dropdown-logout:hover{background:#3b1c1c}.dashboard .pw-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:420px;padding:2rem;position:relative;width:90%}.dashboard .pw-modal-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.dashboard .pw-label{color:#475569;display:block;font-size:.8rem;font-weight:600;margin-bottom:.4rem}.dashboard .pw-input{border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-size:.9rem;padding:10px 14px;transition:border-color .2s;width:100%}.dashboard .pw-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.dark-mode .dashboard .pw-modal{background:#1e293b;box-shadow:0 20px 60px #00000080}.dark-mode .dashboard .pw-modal-title{color:#f1f5f9}.dark-mode .dashboard .pw-label{color:#94a3b8}.dark-mode .dashboard .pw-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark-mode .dashboard .pw-input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf826}.order-page{background:var(--bg-light);min-height:100vh}.order-content{padding:3rem 0}.order-detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.order-detail-header h1{color:var(--secondary);font-size:2.5rem;margin-bottom:.5rem}.status-badge{border-radius:2rem;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase}.status-warning{background:#fef3c7;color:#92400e}.status-info{background:#dbeafe;color:#1e40af}.status-success{background:#d1fae5;color:#065f46}.status-error{background:#fee2e2;color:#991b1b}.status-message{align-items:center;border:2px solid;border-radius:1rem;display:flex;gap:1.5rem;margin-bottom:2rem;padding:2rem}.status-message.status-warning{border-color:#f59e0b}.status-message.status-info{border-color:#3b82f6}.status-message.status-success{border-color:#10b981}.status-message.status-error{border-color:#ef4444}.status-icon{font-size:3rem;line-height:1}.status-message h3{color:var(--secondary);font-size:1.5rem;margin-bottom:.5rem}.status-message p{color:var(--text);font-size:1rem}.action-box{background:var(--bg);border:2px solid var(--primary);border-radius:1.5rem;box-shadow:var(--shadow-lg);margin-bottom:3rem;padding:2.5rem;text-align:center}.action-box h3{color:var(--secondary);font-size:1.75rem;margin-bottom:1rem}.action-box p{font-size:1.125rem;margin-bottom:2rem}.detail-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.detail-card{background:var(--bg);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow);padding:2rem}.detail-card h3{border-bottom:2px solid var(--border);color:var(--secondary);font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:1rem}.detail-list{display:flex;flex-direction:column;gap:1rem}.detail-row{align-items:center;display:flex;font-size:.9375rem;justify-content:space-between}.detail-row span{color:var(--text-light);font-weight:500}.detail-row strong{color:var(--text);font-weight:600;max-width:60%;text-align:right;word-break:break-word}.detail-row .amount{color:var(--primary);font-size:1.25rem}.address-text,.instructions-text{color:var(--text);font-size:1rem;line-height:1.7;white-space:pre-wrap}.payment-status-succeeded{color:var(--success)}.payment-status-pending{color:var(--accent)}.payment-status-failed{color:var(--error)}@media (max-width:768px){.order-content{padding:2rem 0}.order-detail-header{flex-direction:column}.order-detail-header h1{font-size:2rem}.status-message{flex-direction:column;text-align:center}.action-box{padding:2rem 1.5rem}.detail-grid{grid-template-columns:1fr}}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-buttons .btn{flex:1 1;min-width:200px}.order-actions{align-items:center;display:flex;gap:8px}.order-actions .btn-sm{font-size:14px;padding:6px 12px}.co-page{background:#f8fafc;background:var(--bg,#f8fafc);color:#1e293b;color:var(--text,#1e293b);min-height:100vh}.co-nav{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);padding:0 32px}.co-nav-inner{height:56px;justify-content:space-between;margin:0 auto;max-width:1200px}.co-logo,.co-nav-inner{align-items:center;display:flex}.co-logo{color:#1e293b;color:var(--text,#1e293b);font-size:1.25rem;font-weight:800;gap:8px;letter-spacing:-.5px;text-decoration:none}.co-logo-icon{font-size:1.35rem}.co-continue{color:#2563eb;color:var(--primary,#2563eb);font-size:.875rem;font-weight:500;text-decoration:none}.co-continue:hover{text-decoration:underline}.co-container{margin:0 auto;max-width:1100px;padding:32px 24px 64px}.co-title{color:#1e293b;color:var(--text,#1e293b);font-size:1.75rem;font-weight:700;margin-bottom:28px}.co-layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 340px}.co-table{border-collapse:collapse;width:100%}.co-table thead{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0)}.co-table th{color:#64748b;color:var(--text-light,#64748b);font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:10px 8px;text-align:left;text-transform:uppercase}.co-th-remove{width:32px}.co-th-img{width:64px}.co-th-price{text-align:right;width:100px}.co-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0)}.co-row td{padding:16px 8px;vertical-align:middle}.co-cell-remove{text-align:center}.co-remove-btn{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:1.25rem;line-height:1;padding:4px;transition:color .15s,background .15s}.co-remove-btn:hover{background:#ef444414;color:#ef4444}.co-thumb{border-radius:4px;display:block;height:auto;width:56px}.co-product-name{color:#1e293b;color:var(--text,#1e293b);font-size:.95rem;font-weight:500;text-decoration:none}.co-product-name:hover{color:#2563eb;color:var(--primary,#2563eb)}.co-cell-price{color:#1e293b;color:var(--text,#1e293b);font-size:.95rem;font-weight:600;text-align:right;white-space:nowrap}.co-promo{display:flex;gap:8px;margin-top:20px}.co-promo-input{background:#fff;background:var(--bg,#fff);border:1.5px solid #cbd5e1;border:1.5px solid var(--border,#cbd5e1);border-radius:6px;color:#1e293b;color:var(--text,#1e293b);flex:1 1;font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s}.co-promo-input:focus{border-color:#2563eb;border-color:var(--primary,#2563eb)}.co-promo-input::placeholder{color:#94a3b8;color:var(--text-light,#94a3b8)}.co-promo-btn{background:#1e293b;background:var(--text,#1e293b);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:background .2s;white-space:nowrap}.co-promo-btn:hover{background:#334155}.co-promo-btn:disabled{cursor:default;opacity:.5}.co-promo-error{color:#ef4444}.co-promo-error,.co-promo-ok{font-size:.8rem;margin-top:8px}.co-promo-ok{color:#10b981;font-weight:500}.co-sidebar{background:#fff;background:var(--bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;padding:24px;position:-webkit-sticky;position:sticky;top:80px}.co-sidebar-title{color:#1e293b;color:var(--text,#1e293b);font-size:1.1rem;font-weight:700;margin-bottom:16px}.co-totals{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0)}.co-totals-row{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);color:#64748b;color:var(--text-light,#64748b);display:flex;font-size:.9rem;justify-content:space-between;padding:12px 0}.co-discount-row{color:#10b981}.co-total-final{color:#1e293b;color:var(--text,#1e293b);font-size:1.05rem;font-weight:600}.co-total-final strong{color:#2563eb;color:var(--primary,#2563eb);font-size:1.25rem}.co-payment{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);margin-top:20px;padding-top:16px}.co-secure{color:#64748b;color:var(--text-light,#64748b);font-size:.8rem;margin-bottom:16px;text-align:center}.co-card-wrap{background:#fff;background:var(--bg,#fff);border:1.5px solid #cbd5e1;border:1.5px solid var(--border,#cbd5e1);border-radius:8px;margin-bottom:14px;padding:14px;transition:border-color .2s}.co-card-wrap:focus-within{border-color:#2563eb;border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px #2563eb14}.co-pay-btn{background:#2563eb;background:var(--primary,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px;transition:background .2s,transform .15s;width:100%}.co-pay-btn:hover{background:#1e40af;background:var(--primary-dark,#1e40af);transform:translateY(-1px)}.co-pay-btn:disabled{cursor:default;opacity:.5;transform:none}.co-alert-error{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#b91c1c;font-size:.85rem;margin-bottom:12px;padding:10px 14px}.co-loading,.co-loading-small{align-items:center;color:#64748b;color:var(--text-light,#64748b);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.co-loading-small{padding:24px 0}.co-empty,.co-error{padding:80px 20px;text-align:center}.co-error h2{margin-bottom:16px}.co-empty p,.co-error h2{color:#64748b;color:var(--text-light,#64748b)}.co-empty p{font-size:1.1rem;margin-bottom:20px}.co-back-link{color:#2563eb;color:var(--primary,#2563eb);font-weight:500;text-decoration:none}.co-back-link:hover{text-decoration:underline}.co-success{padding:80px 20px;text-align:center}.co-success-icon{align-items:center;animation:coScaleIn .4s ease-out;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:72px;justify-content:center;margin:0 auto 24px;width:72px}@keyframes coScaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.co-success h2{color:#10b981;font-size:1.75rem;margin-bottom:8px}.co-redirect{color:#94a3b8;color:var(--text-light,#94a3b8);font-size:.9rem}@media (max-width:768px){.co-layout{gap:24px;grid-template-columns:1fr}.co-sidebar{position:static}.co-cell-img,.co-th-img{display:none}.co-container{padding:20px 16px 48px}.co-title{font-size:1.35rem}}@media (max-width:480px){.co-nav{padding:0 16px}.co-promo{flex-direction:column}.co-promo-btn{width:100%}}.admin-page{background:var(--bg-light);min-height:100vh}.admin-nav{background:var(--secondary);color:#fff;padding:.625rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-nav-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.admin-nav .logo{color:#fff;font-size:1.1rem;font-weight:800;gap:.4rem;text-decoration:none}.admin-nav .logo,.nav-links{align-items:center;display:flex}.nav-links{gap:.5rem}.admin-hamburger-wrap{position:relative}.admin-hamburger-btn{font-size:1rem!important;line-height:1!important;padding:.375rem .625rem!important}.admin-hamburger-menu{background:var(--bg);border:1px solid var(--border);border-radius:.5rem;box-shadow:var(--shadow-lg);min-width:170px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:200}.admin-hamburger-menu button{background:none;border:none;color:var(--text);cursor:pointer;display:block;font-size:.875rem;font-weight:500;padding:.625rem 1rem;text-align:left;width:100%}.admin-hamburger-menu button:hover{background:var(--bg-light)}.admin-hamburger-theme{align-items:center;color:var(--text);display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 1rem}.sidebar-toggle{display:none}.admin-body{display:flex;min-height:calc(100vh - 50px)}.admin-sidebar{background:var(--bg);border-right:1px solid var(--border);flex-shrink:0;height:calc(100vh - 50px);overflow-y:auto;padding:.75rem 0;position:-webkit-sticky;position:sticky;top:50px;width:190px}.sidebar-tab{background:#0000;border:none;border-left:3px solid #0000;color:var(--text-light);cursor:pointer;display:block;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;text-align:left;transition:all .15s;white-space:nowrap;width:100%}.sidebar-tab.active,.sidebar-tab:hover{background:var(--bg-light);color:var(--primary)}.sidebar-tab.active{border-left-color:var(--primary);font-weight:700}.admin-main{flex:1 1;min-width:0;padding:1.5rem 2rem}.flash-msg{animation:slideIn .3s ease;border-radius:.5rem;box-shadow:0 4px 16px #00000026;font-size:.875rem;font-weight:600;padding:.75rem 1.25rem;position:fixed;right:20px;top:60px;z-index:200}.flash-success{background:#16a34a;color:#fff}.flash-error{background:#dc2626;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow);display:flex;gap:.75rem;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.stat-icon{font-size:1.75rem;line-height:1}.stat-info h3{font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:.2rem;opacity:.8;text-transform:uppercase}.stat-card.highlight h3{color:#fff}.stat-number{color:var(--primary);font-size:1.75rem;font-weight:700;line-height:1}.stat-card.highlight .stat-number{color:#fff}.views-widget{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.25rem}.views-widget h3{color:var(--text);font-size:1rem;font-weight:700;margin-bottom:1rem}.views-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.views-card{background:var(--bg-light);border-radius:.5rem;padding:.75rem;text-align:center}.views-label{color:var(--text-light);display:block;font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.views-number{color:var(--primary);display:block;font-size:1.5rem;font-weight:700}.views-chart{margin-top:1rem}.views-chart h4{color:var(--text-light);font-size:.8125rem;font-weight:600;margin-bottom:.75rem}.views-bars{align-items:flex-end;display:flex;gap:4px;height:80px}.views-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.views-bar{background:var(--primary);border-radius:2px 2px 0 0;min-height:2px;transition:height .3s;width:100%}.views-bar-label{color:var(--text-light);font-size:.5625rem;margin-top:2px;white-space:nowrap}.action-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.edit-panel{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow);margin-bottom:1.25rem;padding:1.25rem 1.5rem}.edit-panel h3{color:var(--secondary);font-size:1rem;margin-bottom:.75rem}.form-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:.75rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-light);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.form-input{background:var(--bg);border:2px solid var(--border);border-radius:.375rem;color:var(--text);font-size:.875rem;padding:.5rem .625rem;transition:border-color .2s}.form-input:focus{border-color:var(--primary);outline:none}textarea.form-input{resize:vertical}.edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.price-input{align-items:center;display:flex;gap:.5rem}.price-input span{color:var(--text-light);font-weight:600}.price-input .form-input{flex:1 1}.price-input .unit{font-size:.75rem}.price-input-inline{align-items:center;display:flex;gap:.25rem}.price-input-inline span{color:var(--text-light);font-size:.8125rem;font-weight:600}.price-field{font-size:.8125rem!important;padding:.25rem .375rem!important;text-align:right;width:65px!important}.filter-bar{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow);margin-bottom:1.25rem;padding:.75rem 1rem}.filter-bar .form-select{max-width:250px}.table-container{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--bg-light)}.data-table th{border-bottom:2px solid var(--border);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{color:var(--text);padding:.75rem .875rem}.data-table td{border-bottom:1px solid var(--border);font-size:.875rem;vertical-align:middle}.data-table tbody tr:hover{background:var(--bg-light)}.data-table tbody tr:last-child td{border-bottom:none}.row-inactive{opacity:.5}.monospace{font-family:monospace}.monospace,.small-text{color:var(--text-light);font-size:.75rem}.action-cell{display:flex;flex-wrap:wrap;gap:.25rem}.status-select{background:var(--bg);border:2px solid var(--border);border-radius:.375rem;color:var(--text);cursor:pointer;font-size:.75rem;padding:.25rem .375rem}.status-select:focus{border-color:var(--primary);outline:none}.empty-table{padding:2rem 1.5rem;text-align:center}.empty-table p{color:var(--text-light);font-size:1rem}.book-thumb{border:1px solid var(--border);border-radius:3px;height:54px;object-fit:cover;width:40px}.btn-sm{font-size:.75rem;padding:.3rem .625rem}.btn-danger{background:#dc2626;border:none;border-radius:.375rem;color:#fff;cursor:pointer;transition:background .2s}.btn-danger:hover{background:#b91c1c}.badge{border-radius:1rem;display:inline-block;font-size:.6875rem;font-weight:600;padding:.2rem .5rem;text-transform:capitalize}.badge-primary{background:var(--primary);color:#fff}.badge-secondary{background:var(--border);color:var(--text)}.badge-success{background:#16a34a;color:#fff}.badge-warning{background:#d97706;color:#fff}.badge-info{background:#2563eb;color:#fff}.badge-error{background:#dc2626;color:#fff}.dark-mode .btn-sm.btn-outline{background:#3b82f61a;border-color:#3b82f6;color:#93c5fd}.dark-mode .btn-sm.btn-outline:hover{background:#3b82f6;color:#fff}.dark-mode .price-field{background:#1e293b;border-color:#475569;color:#f1f5f9}.dark-mode .price-field:focus{border-color:#3b82f6}.dark-mode .price-input-inline span{color:#94a3b8}.dark-mode .badge-primary{background:#3b82f6}.dark-mode .admin-sidebar{background:#0f172a;border-right-color:#1e293b}.dark-mode .sidebar-tab{color:#94a3b8}.dark-mode .sidebar-tab:hover{background:#1e293b;color:#e2e8f0}.dark-mode .sidebar-tab.active{background:#1e293b;border-left-color:#3b82f6;color:#93c5fd}@media (max-width:900px){.admin-sidebar{box-shadow:4px 0 16px #00000026;left:-220px;position:fixed;top:50px;transition:left .25s ease;width:210px;z-index:90}.admin-sidebar.open{left:0}.sidebar-toggle{display:inline-flex!important}.admin-main{padding:1rem}.views-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px){.table-container{overflow-x:auto}.data-table{min-width:800px}}.services-page{background:#f8fafc;background:var(--bg-primary,#f8fafc);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;flex-direction:column;min-height:100vh}.sp-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);position:-webkit-sticky;position:sticky;top:0;z-index:100}.sp-container{margin:0 auto;max-width:1100px;padding:0 24px}.sp-nav .sp-container{height:64px;justify-content:space-between}.sp-logo,.sp-nav .sp-container{align-items:center;display:flex}.sp-logo{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.3rem;font-weight:800;gap:8px;text-decoration:none}.sp-nav-links{align-items:center;display:flex;gap:10px}.lang-toggle{background:#0000;border:1.5px solid #cbd5e1;border:1.5px solid var(--border-color,#cbd5e1);border-radius:8px;color:#1e293b;color:var(--text-primary,#1e293b);cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:6px 14px;transition:all .2s}.lang-toggle:hover{border-color:#2563eb;color:#2563eb}.sp-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:8px 20px;text-decoration:none;transition:all .2s}.sp-btn-primary{background:#2563eb;color:#fff}.sp-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.sp-btn-outline{background:#0000;border:1.5px solid #cbd5e1;border:1.5px solid var(--border-color,#cbd5e1);color:#1e293b;color:var(--text-primary,#1e293b)}.sp-btn-outline:hover{border-color:#2563eb;color:#2563eb}.sp-btn-lg{font-size:1.05rem;padding:14px 36px}.sp-btn-block{margin-top:16px;width:100%}.sp-hero{background:linear-gradient(135deg,#1e293b,#334155 60%,#2563eb);color:#fff;padding:80px 0 60px;text-align:center}.sp-hero h1{font-size:2.8rem;font-weight:800;letter-spacing:-1px;margin-bottom:14px}.sp-hero p{color:#cbd5e1;font-size:1.15rem;line-height:1.6;margin:0 auto;max-width:580px}.sp-services{padding:60px 0}.sp-service-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.sp-service-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:20px;padding:36px 28px;position:relative;text-align:center;transition:transform .25s,box-shadow .25s}.sp-service-card:hover{box-shadow:0 16px 48px #0000001a;transform:translateY(-6px)}.sp-service-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.3px;padding:4px 12px;position:absolute;right:16px;text-transform:uppercase;top:16px}.sp-service-icon{font-size:3rem;margin-bottom:16px}.sp-service-card h2{font-size:1.3rem;font-weight:700;margin-bottom:10px}.sp-service-card p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;line-height:1.6;margin-bottom:16px}.sp-service-price{color:#2563eb;font-size:2rem;font-weight:800;margin-bottom:4px}.sp-service-price span{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;font-weight:500}.sp-how{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);padding:60px 0}.sp-section-title{font-size:1.8rem;font-weight:700;margin-bottom:40px;text-align:center}.sp-steps{align-items:flex-start;display:flex;gap:16px;justify-content:center}.sp-step{flex:1 1;max-width:260px;padding:24px;text-align:center}.sp-step-num{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:inline-flex;font-weight:700;height:40px;justify-content:center;margin-bottom:12px;width:40px}.sp-step-icon{font-size:2.2rem;margin-bottom:12px}.sp-step h3{font-size:1.1rem;font-weight:600;margin-bottom:8px}.sp-step p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.88rem;line-height:1.6}.sp-step-arrow{color:#2563eb;font-size:1.8rem;font-weight:700;margin-top:60px}.sp-faq{padding:60px 0}.sp-faq-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.sp-faq-item{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:14px;padding:24px}.sp-faq-item h3{font-size:1rem;font-weight:600;margin-bottom:8px}.sp-faq-item p{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;line-height:1.6;margin:0}.sp-cta{background:linear-gradient(135deg,#1e293b,#2563eb);color:#fff;padding:70px 0;text-align:center}.sp-cta h2{font-size:2rem;font-weight:700;margin-bottom:12px}.sp-cta p{color:#cbd5e1;font-size:1.05rem;margin-bottom:28px}.sp-cta .sp-btn-primary{background:#fff;color:#2563eb}.sp-cta .sp-btn-primary:hover{background:#f1f5f9}.sp-footer{background:#0f172a;color:#94a3b8;margin-top:auto;padding:24px 0;text-align:center}.sp-footer p{font-size:.825rem;margin:0}.sp-footer a{color:#cbd5e1;text-decoration:none}.sp-footer a:hover{color:#fff}@media (max-width:768px){.sp-hero h1{font-size:1.8rem}.sp-hero{padding:50px 0 40px}.sp-service-grid{gap:16px;grid-template-columns:1fr}.sp-steps{align-items:center;flex-direction:column}.sp-step-arrow{margin:0;transform:rotate(90deg)}.sp-faq-grid{grid-template-columns:1fr}.sp-nav-links .sp-btn{font-size:.8rem;padding:6px 12px}}[data-theme=dark] .services-page{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155}[data-theme=dark] .sp-nav{background:#0f172af2}[data-theme=dark] .sp-faq-item,[data-theme=dark] .sp-service-card{background:#1e293b;border-color:#334155}[data-theme=dark] .sp-how{background:#1e293b}.services-page .user-menu-wrapper{position:relative}.services-page .user-avatar-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #0000;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:38px;justify-content:center;transition:all .2s;width:38px}.services-page .user-avatar-btn:hover{box-shadow:0 0 0 3px #6366f140;transform:scale(1.08)}.services-page .user-dropdown{animation:fadeIn .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:260px;z-index:200}.services-page .user-dropdown-header{align-items:center;display:flex;gap:10px;padding:14px 16px}.services-page .user-dropdown-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.services-page .user-dropdown-name{color:#1e293b;font-size:.875rem;font-weight:600}.services-page .user-dropdown-email{color:#64748b;font-size:.75rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.services-page .user-dropdown-divider{background:#e2e8f0;height:1px}.services-page .user-dropdown-item{align-items:center;background:none;border:none;color:#334155;cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:10px 16px;text-align:left;text-decoration:none;transition:background .15s;width:100%}.services-page .user-dropdown-item:hover{background:#f1f5f9}.services-page .user-dropdown-logout{color:#dc2626}.services-page .user-dropdown-logout:hover{background:#fef2f2}[data-theme=dark] .services-page .user-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0006}[data-theme=dark] .services-page .user-dropdown-name{color:#f1f5f9}[data-theme=dark] .services-page .user-dropdown-email{color:#94a3b8}[data-theme=dark] .services-page .user-dropdown-divider{background:#334155}[data-theme=dark] .services-page .user-dropdown-item{color:#e2e8f0}[data-theme=dark] .services-page .user-dropdown-item:hover{background:#334155}[data-theme=dark] .services-page .user-dropdown-logout{color:#f87171}[data-theme=dark] .services-page .user-dropdown-logout:hover{background:#3b1c1c}.book-detail-page{background:#fff;background:var(--bg-primary,#fff);color:#1e293b;color:var(--text,#1e293b);min-height:100vh}.bdp-loading{align-items:center;display:flex;justify-content:center;min-height:60vh}.bdp-error{padding:80px 20px;text-align:center}.bdp-error h2{margin-bottom:24px}.bdp-breadcrumb,.bdp-error h2{color:#64748b;color:var(--text-light,#64748b)}.bdp-breadcrumb{font-size:.85rem;padding:20px 0 12px}.bdp-breadcrumb a{color:#2563eb;color:var(--primary,#2563eb);text-decoration:none}.bdp-breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{margin:0 8px;opacity:.5}.bdp-main{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:380px 1fr;padding:24px 0 48px}.bdp-cover{position:-webkit-sticky;position:sticky;top:24px}.bdp-cover img{background:#1e293b;border-radius:8px;box-shadow:0 8px 32px #00000026;width:100%}.bdp-info{padding-top:8px}.bdp-title{font-size:1.8rem;line-height:1.3;margin-bottom:16px}.bdp-price,.bdp-title{color:#1e293b;color:var(--text,#1e293b);font-weight:700}.bdp-price{font-size:1.6rem;margin-bottom:12px}.bdp-author-line{color:#64748b;color:var(--text-light,#64748b);font-size:.95rem;margin-bottom:20px}.bdp-author-line strong{color:#1e293b;color:var(--text,#1e293b)}.bdp-coming-soon{background:#eab3081f;border:1px solid #eab3084d;border-radius:8px;color:#92400e;font-size:.9rem;margin-bottom:20px;padding:12px 16px}[data-theme=dark] .bdp-coming-soon{color:#fbbf24}.bdp-actions{margin-bottom:28px}.bdp-cart-icon{align-items:center;background:#2563eb;background:var(--primary,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:12px 28px;transition:background .2s,transform .15s}.bdp-cart-icon:hover{background:#1e40af;background:var(--primary-dark,#1e40af);transform:translateY(-1px)}.bdp-cart-icon svg{flex-shrink:0}.bdp-meta-table{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);padding-top:20px}.bdp-meta-row{display:flex;font-size:.9rem;gap:12px;padding:6px 0}.bdp-meta-label{color:#64748b;color:var(--text-light,#64748b);font-weight:500;min-width:100px}.bdp-meta-value{color:#1e293b;color:var(--text,#1e293b)}.bdp-description-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);padding:32px 0 48px}.bdp-description-section h2{font-size:1.35rem;font-weight:600;margin-bottom:16px}.bdp-description{color:#1e293b;color:var(--text,#1e293b);font-size:1rem;line-height:1.75;max-width:720px}.bdp-description p{margin-bottom:12px}.bdp-related{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);padding:32px 0 64px}.bdp-related h2{font-size:1.35rem;font-weight:600;margin-bottom:24px}.bdp-related-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(6,1fr)}.bdp-related-card{color:inherit;text-decoration:none;transition:transform .2s}.bdp-related-card:hover{transform:translateY(-4px)}.bdp-related-cover{aspect-ratio:2/3;background:#1e293b;border-radius:8px;overflow:hidden}.bdp-related-cover img{display:block;height:100%;object-fit:cover;width:100%}.bdp-related-info{padding:8px 2px 0}.bdp-related-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--text,#1e293b);display:-webkit-box;font-size:.8rem;font-weight:500;line-height:1.3;margin-bottom:4px;overflow:hidden}.bdp-related-price{color:#64748b;color:var(--text-light,#64748b);font-size:.8rem;font-weight:600}@media (max-width:900px){.bdp-main{gap:28px;grid-template-columns:1fr}.bdp-cover{margin:0 auto;max-width:320px;position:static}.bdp-related-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.book-detail-page .hide-mobile{display:none!important}.book-detail-page .nav-content{height:44px}.book-detail-page .logo{font-size:1rem}.book-detail-page .nav-actions{gap:6px}.book-detail-page .cart-btn{border:none;font-size:.9rem;padding:4px 6px}.book-detail-page .btn-outline{font-size:.7rem;padding:4px 10px}.book-detail-page .user-avatar-btn{font-size:.75rem;height:28px;width:28px}.book-detail-page .container{padding:0 10px}}@media (max-width:600px){.bdp-title{font-size:1.5rem}.bdp-price{font-size:1.35rem}.bdp-cart-icon{justify-content:center;width:100%}.bdp-related-grid{grid-template-columns:repeat(2,1fr)}.bdp-cover{max-width:260px}}[data-theme=dark] .book-detail-page{background:#0f172a;color:#f1f5f9}[data-theme=dark] .bdp-price,[data-theme=dark] .bdp-title{color:#f1f5f9}[data-theme=dark] .bdp-author-line{color:#94a3b8}[data-theme=dark] .bdp-author-line strong{color:#f1f5f9}[data-theme=dark] .bdp-meta-label{color:#94a3b8}[data-theme=dark] .bdp-meta-value{color:#f1f5f9}[data-theme=dark] .bdp-meta-table{border-top-color:#334155}[data-theme=dark] .bdp-description{color:#cbd5e1}[data-theme=dark] .bdp-description-section{border-top-color:#334155}[data-theme=dark] .bdp-description-section h2{color:#f1f5f9}[data-theme=dark] .bdp-related{border-top-color:#334155}[data-theme=dark] .bdp-related h2,[data-theme=dark] .bdp-related-info h4{color:#f1f5f9}[data-theme=dark] .bdp-breadcrumb,[data-theme=dark] .bdp-related-price{color:#94a3b8}[data-theme=dark] .bdp-cover img,[data-theme=dark] .bdp-related-cover{background:#1e293b}[data-theme=dark] .bdp-error h2{color:#94a3b8}.legal-page{background:#f8fafc;background:var(--bg-primary,#f8fafc);color:#1e293b;color:var(--text-primary,#1e293b);display:flex;flex-direction:column;min-height:100vh}.lp-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);position:-webkit-sticky;position:sticky;top:0;z-index:100}.lp-container{max-width:820px}.lp-container,.lp-nav-wide{margin:0 auto;padding:0 24px}.lp-nav-wide{height:64px;justify-content:space-between;max-width:1100px}.lp-logo,.lp-nav-wide{align-items:center;display:flex}.lp-logo{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.3rem;font-weight:800;gap:8px;text-decoration:none}.lp-nav-links{align-items:center;display:flex;gap:10px}.lp-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:8px 20px;text-decoration:none;transition:all .2s}.lp-btn-primary{background:#2563eb;color:#fff}.lp-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.lp-btn-outline{background:#0000;border:1.5px solid #cbd5e1;border:1.5px solid var(--border-color,#cbd5e1);color:#1e293b;color:var(--text-primary,#1e293b)}.lp-btn-outline:hover{border-color:#2563eb;color:#2563eb}.lp-hero{background:linear-gradient(135deg,#1e293b,#334155 60%,#2563eb);color:#fff;padding:60px 0 40px;text-align:center}.lp-hero h1{font-size:2.4rem;font-weight:800;letter-spacing:-.5px;margin-bottom:10px}.lp-hero p{color:#94a3b8;font-size:.95rem}.lp-content{flex:1 1;padding:48px 0 64px}.lp-intro{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);color:#475569;color:var(--text-secondary,#475569);font-size:1.05rem;line-height:1.7;margin-bottom:36px;padding-bottom:24px}.lp-section{margin-bottom:32px}.lp-section h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:1.2rem;font-weight:700;margin-bottom:12px}.lp-section p{color:#475569;color:var(--text-secondary,#475569);font-size:.95rem;line-height:1.7;margin-bottom:12px}.lp-section ul{list-style:none;margin:12px 0;padding:0}.lp-section ul li{color:#475569;color:var(--text-secondary,#475569);font-size:.95rem;line-height:1.6;margin-bottom:10px;padding-left:24px;position:relative}.lp-section ul li:before{background:#2563eb;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:10px;width:8px}.lp-contact-email{color:#2563eb;display:inline-block;font-size:1rem;font-weight:600;margin-top:4px;text-decoration:none}.lp-contact-email:hover{text-decoration:underline}.lp-footer{background:#0f172a;color:#94a3b8;margin-top:auto;padding:24px 0;text-align:center}.lp-footer p{font-size:.825rem;margin:0}.lp-footer a{color:#cbd5e1;text-decoration:none}.lp-footer a:hover{color:#fff}@media (max-width:768px){.lp-hero h1{font-size:1.6rem}.lp-hero{padding:40px 0 28px}.lp-content{padding:32px 0 48px}.lp-nav-links .lp-btn{font-size:.8rem;padding:6px 12px}}[data-theme=dark] .legal-page{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155}[data-theme=dark] .lp-nav{background:#0f172af2}:root{--author-primary:#6c5ce7;--author-primary-dark:#5a4bd1;--author-accent:#a29bfe;--author-bg:#f8f7ff;--author-card-bg:#fff;--author-text:#2d3436;--author-text-muted:#636e72;--author-border:#dfe6e9;--author-success:#00b894;--author-warning:#fdcb6e;--author-error:#e17055}[data-theme=dark]{--author-bg:#1a1a2e;--author-card-bg:#16213e;--author-text:#e0e0e0;--author-text-muted:#a0a0a0;--author-border:#2d3748}.author-page{background:#f8f7ff;background:var(--author-bg);color:#2d3436;color:var(--author-text);min-height:100vh}.author-nav{background:#6c5ce7;background:var(--author-primary);box-shadow:0 2px 8px #6c5ce74d;color:#fff;padding:.75rem 0}.author-nav .container{margin:0 auto;max-width:1200px;padding:0 1rem}.author-nav .nav-content{align-items:center;display:flex;justify-content:space-between}.author-nav .logo{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;text-decoration:none}.author-nav .nav-links{align-items:center;display:flex;gap:.75rem}.author-nav .nav-links a,.author-nav .nav-links button{background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;text-decoration:none;transition:background .2s}.author-nav .nav-links a:hover,.author-nav .nav-links button:hover{background:#ffffff26}.author-nav .nav-links a.active{background:#fff3;border-color:#fff}.author-content{margin:0 auto;max-width:1200px;padding:2rem 1rem}.author-header{margin-bottom:2rem}.author-header h1{font-size:1.75rem;margin-bottom:.25rem}.author-header p{color:#636e72;color:var(--author-text-muted)}.author-card{background:#fff;background:var(--author-card-bg);border:1px solid #dfe6e9;border:1px solid var(--author-border);border-radius:12px;box-shadow:0 1px 4px #0000000f;margin-bottom:1.5rem;padding:1.5rem}.author-card h2{border-bottom:2px solid #6c5ce7;border-bottom:2px solid var(--author-primary);font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.author-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;background:var(--author-card-bg);border:1px solid #dfe6e9;border:1px solid var(--author-border);border-radius:10px;padding:1.25rem;text-align:center}.stat-card .stat-value{color:#6c5ce7;color:var(--author-primary);font-size:1.75rem;font-weight:700}.stat-card .stat-label{color:#636e72;color:var(--author-text-muted);font-size:.85rem;margin-top:.25rem}.author-auth-page{align-items:center;background:linear-gradient(135deg,#6c5ce7,#a29bfe);display:flex;justify-content:center;min-height:100vh;padding:1rem}.author-auth-card{background:#fff;background:var(--author-card-bg);border-radius:16px;box-shadow:0 8px 32px #00000026;max-width:440px;padding:2.5rem;width:100%}.author-auth-card h1{color:#6c5ce7;color:var(--author-primary);font-size:1.5rem;margin-bottom:.25rem;text-align:center}.author-auth-card .subtitle{color:#636e72;color:var(--author-text-muted);font-size:.9rem;margin-bottom:1.5rem;text-align:center}.author-auth-card .form-group{margin-bottom:1rem}.author-auth-card label{color:#2d3436;color:var(--author-text);display:block;font-size:.85rem;font-weight:600;margin-bottom:.3rem}.author-auth-card input,.author-auth-card select,.author-auth-card textarea{background:#f8f7ff;background:var(--author-bg);border:1px solid #dfe6e9;border:1px solid var(--author-border);border-radius:8px;box-sizing:border-box;color:#2d3436;color:var(--author-text);font-size:.95rem;padding:.65rem .75rem;transition:border-color .2s;width:100%}.author-auth-card input:focus,.author-auth-card select:focus,.author-auth-card textarea:focus{border-color:#6c5ce7;border-color:var(--author-primary);box-shadow:0 0 0 3px #6c5ce726;outline:none}.author-auth-card textarea{min-height:80px;resize:vertical}.author-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s}.author-btn-primary{background:#6c5ce7;background:var(--author-primary);color:#fff}.author-btn-primary:hover{background:#5a4bd1;background:var(--author-primary-dark)}.author-btn-primary:disabled{cursor:not-allowed;opacity:.6}.author-btn-full{width:100%}.author-btn-outline{background:#0000;border:1px solid #dfe6e9;border:1px solid var(--author-border);color:#2d3436;color:var(--author-text)}.author-btn-outline:hover{border-color:#6c5ce7;border-color:var(--author-primary);color:#6c5ce7;color:var(--author-primary)}.author-btn-sm{font-size:.8rem;padding:.35rem .75rem}.author-btn-success{background:#00b894;background:var(--author-success);color:#fff}.author-btn-danger{background:#e17055;background:var(--author-error);color:#fff}.author-btn-warning{background:#fdcb6e;background:var(--author-warning);color:#333}.author-error-msg{background:#ffeaea;border:1px solid #e1705533;border-radius:8px;color:#e17055;color:var(--author-error);font-size:.85rem;margin-bottom:1rem;padding:.75rem 1rem}[data-theme=dark] .author-error-msg{background:#e1705526}.author-success-msg{background:#e6fff6;border:1px solid #00b89433;border-radius:8px;color:#00b894;color:var(--author-success);font-size:.85rem;margin-bottom:1rem;padding:.75rem 1rem}[data-theme=dark] .author-success-msg{background:#00b89426}.author-link{color:#636e72;color:var(--author-text-muted);font-size:.85rem;margin-top:1rem;text-align:center}.author-link a{color:#6c5ce7;color:var(--author-primary);font-weight:600;text-decoration:none}.author-link a:hover{text-decoration:underline}.author-table{border-collapse:collapse;font-size:.85rem;width:100%}.author-table td,.author-table th{border-bottom:1px solid #dfe6e9;border-bottom:1px solid var(--author-border);padding:.6rem .75rem;text-align:left}.author-table th{color:#636e72;color:var(--author-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.author-table tr:hover{background:#6c5ce70a}.author-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.badge-draft{background:#dfe6e9;color:#636e72}.badge-submitted{background:#ffeaa7;color:#6c5d18}.badge-in_review{background:#74b9ff;color:#0652dd}.badge-approved{background:#55efc4;color:#00684a}.badge-rejected{background:#fab1a0;color:#c0392b}.badge-published{background:#a29bfe;color:#341f97}.badge-price_change_requested{background:#fdcb6e;color:#6c5d18}.badge-pending{background:#ffeaa7;color:#6c5d18}.badge-active{background:#55efc4;color:#00684a}.badge-suspended{background:#fab1a0;color:#c0392b}.badge-confirmed{background:#74b9ff;color:#0652dd}.badge-paid{background:#a29bfe;color:#341f97}.badge-completed{background:#55efc4;color:#00684a}.badge-failed{background:#fab1a0;color:#c0392b}[data-theme=dark] .badge-draft{background:#444;color:#bbb}.author-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:600px){.author-form-grid{grid-template-columns:1fr}.author-stats{grid-template-columns:1fr 1fr}}.file-upload-area{border:2px dashed #dfe6e9;border:2px dashed var(--author-border);border-radius:10px;cursor:pointer;padding:1.5rem;position:relative;text-align:center;transition:all .2s}.file-upload-area:hover{background:#6c5ce70a;border-color:#6c5ce7;border-color:var(--author-primary)}.file-upload-area.has-file{background:#00b8940a;border-color:#00b894;border-color:var(--author-success)}.file-upload-area input[type=file]{cursor:pointer;inset:0;opacity:0;position:absolute}.file-upload-area .upload-label{color:#636e72;color:var(--author-text-muted);font-size:.9rem}.file-upload-area .file-name{color:#00b894;color:var(--author-success);font-size:.85rem;font-weight:600;margin-top:.25rem}.agreement-scroll{background:#f8f7ff;background:var(--author-bg);border:1px solid #dfe6e9;border:1px solid var(--author-border);line-height:1.7;margin-bottom:1rem;max-height:400px;overflow-y:auto;padding:1.5rem;white-space:pre-wrap}.agreement-scroll,.flash-author{border-radius:8px;font-size:.85rem}.flash-author{animation:fadeInDown .3s ease;font-weight:600;padding:.75rem 1.25rem;position:fixed;right:1rem;top:1rem;z-index:9999}.flash-author.flash-success{background:#55efc4;color:#00684a}.flash-author.flash-error{background:#fab1a0;color:#c0392b}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.earnings-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.payout-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.stripe-connect-card{border:2px solid #6c5ce7;border:2px solid var(--author-primary);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.stripe-connect-card h3{margin-bottom:.5rem}.stripe-connect-card p{color:#636e72;color:var(--author-text-muted);font-size:.85rem;margin-bottom:1rem}
/*# sourceMappingURL=main.90703a84.css.map*/