@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.pay-page{background:linear-gradient(165deg,#f8f5f0 0%,#ede8e1 50%,#e8f0e4 100%);flex-direction:column;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.pay-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#5c6b4f0f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;right:-200px}.pay-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#bfa0580f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-150px;left:-150px}.pay-header{z-index:2;align-items:center;gap:12px;width:100%;padding:16px 24px;display:flex;position:relative}.pay-header-logo{border-radius:10px;width:36px;height:36px;box-shadow:0 2px 8px #0000001a}.pay-header-title{color:var(--primary-dark,#3d4a33);letter-spacing:-.3px;font-size:16px;font-weight:700}.pay-header-secure{color:var(--success,#388e3c);background:#388e3c14;border-radius:20px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.pay-header-secure svg{width:14px;height:14px}.pay-container{z-index:2;width:100%;max-width:480px;padding:0 20px 40px;animation:.5s ease-out fadeUp;position:relative}.pay-book-card{background:#fff;border:1px solid #e5e0da80;border-radius:20px;margin-bottom:16px;padding:24px;box-shadow:0 4px 24px #0000000f,0 1px 3px #0000000a}.pay-book-info{gap:18px;margin-bottom:20px;display:flex}.pay-book-cover{object-fit:cover;border-radius:12px;flex-shrink:0;width:80px;height:120px;box-shadow:0 4px 16px #0000001f}.pay-book-cover-placeholder{background:linear-gradient(135deg,#e8f0e4 0%,#d4e0cc 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:120px;display:flex;box-shadow:0 4px 16px #00000014}.pay-book-cover-placeholder svg{width:32px;height:32px;color:var(--primary,#5c6b4f);opacity:.6}.pay-book-details{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.pay-book-title{color:var(--text,#2d2a26);letter-spacing:-.3px;margin-bottom:4px;font-size:18px;font-weight:800;line-height:1.3}.pay-book-author{color:var(--text-sub,#8a8580);margin-bottom:12px;font-size:14px;font-weight:500}.pay-book-price-row{align-items:baseline;gap:8px;display:flex}.pay-book-price{color:var(--primary,#5c6b4f);letter-spacing:-.5px;font-size:24px;font-weight:900}.pay-book-price-kgs{color:var(--text-sub,#8a8580);font-size:14px;font-weight:600}.pay-divider{background:linear-gradient(90deg, transparent 0%, var(--outline,#e5e0da) 20%, var(--outline,#e5e0da) 80%, transparent 100%);height:1px;margin:0 0 20px}.pay-methods-card{background:#fff;border:1px solid #e5e0da80;border-radius:20px;margin-bottom:16px;padding:24px;box-shadow:0 4px 24px #0000000f,0 1px 3px #0000000a}.pay-methods-title{color:var(--text,#2d2a26);letter-spacing:-.2px;margin-bottom:16px;font-size:16px;font-weight:700}.pay-methods-list{flex-direction:column;gap:10px;display:flex}.pay-method-option{cursor:pointer;text-align:left;background:#fafaf8;border:2px solid #edeae6;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.pay-method-option:hover{background:#f5f3f0;border-color:#d0cbc5;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.pay-method-selected{border-color:var(--primary,#5c6b4f)!important;background:linear-gradient(135deg,#5c6b4f0a,#5c6b4f14)!important;box-shadow:0 4px 16px #5c6b4f1f!important}.pay-method-radio{border:2px solid #d0cbc5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.pay-method-selected .pay-method-radio{border-color:var(--primary,#5c6b4f)}.pay-method-radio-inner{background:var(--primary,#5c6b4f);border-radius:50%;width:0;height:0;transition:all .2s}.pay-method-selected .pay-method-radio-inner{width:12px;height:12px}.pay-method-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.pay-method-text{flex-direction:column;gap:2px;min-width:0;display:flex}.pay-method-name{color:var(--text,#2d2a26);letter-spacing:-.1px;font-size:15px;font-weight:700}.pay-method-desc{color:var(--text-sub,#8a8580);font-size:12px;font-weight:500;line-height:1.3}.pay-summary-card{background:#fff;border:1px solid #e5e0da80;border-radius:20px;margin-bottom:16px;padding:24px;box-shadow:0 4px 24px #0000000f,0 1px 3px #0000000a}.pay-breakdown{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.pay-breakdown-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.pay-breakdown-label{color:var(--text-sub,#8a8580);font-weight:500}.pay-breakdown-value{color:var(--text,#2d2a26);font-weight:600}.pay-breakdown-total{border-top:1.5px solid var(--outline,#e5e0da);margin-top:4px;padding-top:12px}.pay-breakdown-total .pay-breakdown-label{color:var(--text,#2d2a26);font-size:15px;font-weight:700}.pay-breakdown-total .pay-breakdown-value{color:var(--primary,#5c6b4f);font-size:20px;font-weight:900}.pay-btn{background:linear-gradient(135deg, var(--primary,#5c6b4f) 0%, var(--primary-dark,#3d4a33) 100%);color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #3d4a3340}.pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #3d4a3359}.pay-btn:active:not(:disabled){transform:translateY(0)}.pay-btn:disabled{opacity:.6;cursor:not-allowed}.pay-btn svg{width:20px;height:20px}.pay-btn-processing{box-shadow:none;background:linear-gradient(135deg,#8a8580 0%,#6b6660 100%)}.pay-warning{background:linear-gradient(135deg,#fff8e1 0%,#fff3cd 100%);border:1px solid #ffc1074d;border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}.pay-warning svg{color:#f59e0b;flex-shrink:0;width:20px;height:20px;margin-top:1px}.pay-warning p{color:#92600a;margin:0;font-size:13px;font-weight:500;line-height:1.5}.pay-security{color:var(--text-sub,#8a8580);justify-content:center;align-items:center;gap:16px;padding:16px 0;font-size:11px;font-weight:500;display:flex}.pay-security-item{align-items:center;gap:4px;display:flex}.pay-security-item svg{opacity:.6;width:14px;height:14px}.pay-loading{background:linear-gradient(165deg,#f8f5f0 0%,#ede8e1 50%,#e8f0e4 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.pay-loading-spinner{border:3px solid var(--outline,#e5e0da);border-top-color:var(--primary,#5c6b4f);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}.pay-loading-text{color:var(--text-sub,#8a8580);font-size:15px;font-weight:500}.pay-error{text-align:center;background:linear-gradient(165deg,#f8f5f0 0%,#ede8e1 50%,#e8f0e4 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.pay-error-icon{background:#fce4ec;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.pay-error-title{color:var(--text,#2d2a26);font-size:20px;font-weight:800}.pay-error-message{color:var(--text-sub,#8a8580);max-width:320px;font-size:14px;line-height:1.5}.pay-success{text-align:center;background:linear-gradient(165deg,#f8f5f0 0%,#ede8e1 50%,#e8f0e4 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px;animation:.4s ease-out fadeUp;display:flex}.pay-success-icon{background:linear-gradient(135deg,#e8f0e4 0%,#c8dcc0 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;animation:.6s ease-out successPulse;display:flex;box-shadow:0 8px 32px #5c6b4f26}@keyframes successPulse{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pay-success-title{color:var(--primary-dark,#3d4a33);letter-spacing:-.5px;font-size:24px;font-weight:900}.pay-success-message{color:var(--text-sub,#8a8580);max-width:320px;font-size:15px;line-height:1.5}.pay-success-btn{background:linear-gradient(135deg, var(--primary,#5c6b4f) 0%, var(--primary-dark,#3d4a33) 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;margin-top:8px;padding:14px 32px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #3d4a3340}.pay-success-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3d4a3359}.pay-owned{text-align:center;background:linear-gradient(165deg,#f8f5f0 0%,#ede8e1 50%,#e8f0e4 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;animation:.4s ease-out fadeUp;display:flex}.pay-owned-icon{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:32px;display:flex}.pay-owned-title{color:var(--text,#2d2a26);font-size:20px;font-weight:800}.pay-owned-message{color:var(--text-sub,#8a8580);max-width:300px;font-size:14px;line-height:1.5}.pay-finik-container{background:#fff;border:1px solid #e5e0da80;border-radius:20px;min-height:400px;margin-bottom:16px;overflow:hidden;box-shadow:0 4px 24px #0000000f,0 1px 3px #0000000a}@media (width<=480px){.pay-container{padding:0 16px 32px}.pay-book-card,.pay-action-card{border-radius:16px;padding:20px}.pay-book-title{font-size:16px}.pay-book-price{font-size:20px}.pay-btn{border-radius:12px;padding:14px 20px;font-size:15px}}.store-login-page{background:linear-gradient(165deg,#f8f5f0 0%,#ede8e1 50%,#e8f0e4 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,-apple-system,sans-serif;display:flex}.store-login-card{text-align:center;background:#fff;border:1px solid #e5e0da80;border-radius:24px;width:100%;max-width:400px;padding:40px 32px;animation:.5s ease-out storeSlideUp;box-shadow:0 8px 40px #00000014,0 1px 3px #0000000a}@keyframes storeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.store-login-logo{border-radius:18px;width:72px;height:72px;margin:0 auto 20px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.store-login-logo img{object-fit:cover;width:100%;height:100%}.store-login-title{color:#3d4a33;letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:900}.store-login-sub{color:#8a8580;margin:0 0 28px;font-size:14px;font-weight:500}.store-login-form{flex-direction:column;gap:18px;display:flex}.store-field{text-align:left}.store-field label{color:#2d2a26;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.store-input-wrap{background:#fafaf8;border:2px solid #edeae6;border-radius:12px;align-items:center;gap:10px;padding:0 14px;transition:all .2s;display:flex}.store-input-wrap:focus-within{background:#fff;border-color:#5c6b4f;box-shadow:0 0 0 3px #5c6b4f1a}.store-input-wrap svg{color:#b0aca7;flex-shrink:0;width:20px;height:20px}.store-input-wrap input{color:#2d2a26;background:0 0;border:none;outline:none;flex:1;padding:13px 0;font-family:inherit;font-size:15px}.store-input-wrap input::placeholder{color:#c0bcb7}.store-pw-toggle{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:16px}.store-pw-toggle:hover{opacity:1}.store-login-error{color:#c62828;background:#fce4ec;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.store-login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5c6b4f 0%,#3d4a33 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #3d4a3340}.store-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #3d4a3359}.store-login-btn:disabled{opacity:.6;cursor:not-allowed}.store-login-switch{color:#8a8580;margin-top:20px;font-size:14px}.store-login-switch button{color:#5c6b4f;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-left:6px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:underline}.store-page{background:linear-gradient(165deg,#f8f5f0 0%,#ede8e1 50%,#e8f0e4 100%);min-height:100vh;font-family:Inter,-apple-system,sans-serif}.store-header{-webkit-backdrop-filter:blur(12px);z-index:100;background:#ffffffd9;border-bottom:1px solid #e5e0da80;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.store-header-logo{object-fit:cover;border-radius:8px;width:32px;height:32px}.store-header-name{color:#3d4a33;letter-spacing:-.3px;font-size:16px;font-weight:800}.store-header-user{align-items:center;gap:10px;margin-left:auto;display:flex}.store-header-email{color:#8a8580;background:#0000000a;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.store-back-btn{cursor:pointer;background:#0000000a;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.store-back-btn:hover{background:#00000014}.store-back-btn svg{color:#3d4a33;width:22px;height:22px}.store-logout-btn{cursor:pointer;background:#c8323214;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.store-logout-btn:hover{background:#c8323226}.store-logout-btn svg{color:#c62828;width:20px;height:20px}.store-container{max-width:800px;margin:0 auto;padding:20px}.store-search-wrap{background:#fff;border:2px solid #edeae6;border-radius:14px;align-items:center;gap:10px;margin-bottom:16px;padding:0 16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.store-search-wrap:focus-within{border-color:#5c6b4f;box-shadow:0 0 0 3px #5c6b4f1a}.store-search-icon{color:#b0aca7;flex-shrink:0;width:20px;height:20px}.store-search{color:#2d2a26;background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-family:inherit;font-size:15px}.store-search::placeholder{color:#c0bcb7}.store-search-clear{cursor:pointer;color:#8a8580;background:0 0;border:none;padding:4px;font-size:16px}.store-stats{gap:12px;margin-bottom:20px;display:flex}.store-stat{text-align:center;background:#fff;border:1px solid #e5e0da80;border-radius:14px;flex:1;padding:14px;box-shadow:0 2px 8px #0000000a}.store-stat-num{color:#3d4a33;letter-spacing:-.5px;font-size:22px;font-weight:900;display:block}.store-stat-label{color:#8a8580;font-size:12px;font-weight:500}.store-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;animation:.4s ease-out storeSlideUp;display:grid}.store-book-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e0da80;border-radius:16px;width:100%;padding:0;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.store-book-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.store-book-badge{letter-spacing:.3px;z-index:2;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:8px;right:8px}.store-badge-owned{color:#fff;background:#4caf50e6}.store-badge-free{color:#fff;background:#ff9800e6}.store-book-img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.store-book-img-ph{aspect-ratio:3/4;background:linear-gradient(135deg,#e8f0e4 0%,#d4e0cc 100%);justify-content:center;align-items:center;width:100%;font-size:40px;display:flex}.store-book-meta{padding:12px 14px 14px}.store-book-title{color:#2d2a26;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 3px;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.store-book-author{color:#8a8580;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:12px;overflow:hidden}.store-book-price{color:#5c6b4f;margin:0;font-size:14px;font-weight:800}.store-detail-card{background:#fff;border:1px solid #e5e0da80;border-radius:20px;margin-bottom:16px;padding:24px;animation:.35s ease-out storeSlideUp;box-shadow:0 4px 24px #0000000f}.store-detail-top{gap:18px;margin-bottom:16px;display:flex}.store-detail-cover{object-fit:cover;border-radius:12px;flex-shrink:0;width:100px;height:150px;box-shadow:0 6px 20px #0000001f}.store-detail-cover-ph{background:linear-gradient(135deg,#e8f0e4,#d4e0cc);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:150px;font-size:40px;display:flex}.store-detail-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.store-detail-title{color:#2d2a26;letter-spacing:-.3px;margin:0 0 6px;font-size:20px;font-weight:800;line-height:1.3}.store-detail-author{color:#8a8580;margin:0 0 10px;font-size:14px;font-weight:500}.store-detail-cat{color:#5c6b4f;background:#e8f0e4;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.store-detail-desc{color:#6b6660;margin:0;font-size:14px;line-height:1.6}.store-owned-banner,.store-free-banner{border-radius:16px;align-items:center;gap:14px;padding:18px 20px;font-size:14px;animation:.4s ease-out storeSlideUp;display:flex}.store-owned-banner{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #4caf5033}.store-free-banner{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ff980033}.store-owned-banner span,.store-free-banner span{font-size:28px}.store-owned-banner strong,.store-free-banner strong{color:#2d2a26;font-size:15px;display:block}.store-owned-banner p,.store-free-banner p{color:#6b6660;margin:2px 0 0;font-size:13px}.store-pay-section{background:#fff;border:1px solid #e5e0da80;border-radius:20px;margin-bottom:16px;padding:24px;animation:.4s ease-out storeSlideUp;box-shadow:0 4px 24px #0000000f}.store-section-title{color:#2d2a26;margin:0 0 14px;font-size:16px;font-weight:700}.store-methods{gap:10px;display:flex}.store-method{cursor:pointer;background:#fafaf8;border:2px solid #edeae6;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 10px;font-family:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.store-method:hover{background:#f5f3f0;border-color:#d0cbc5}.store-method-active{box-shadow:0 2px 12px #5c6b4f1f;background:#5c6b4f0f!important;border-color:#5c6b4f!important}.store-method-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.store-method-name{color:#2d2a26;font-size:13px;font-weight:700}.store-method-desc{color:#8a8580;font-size:11px;font-weight:500}.store-pay-methods-hint{background:linear-gradient(135deg,#f0f4ed 0%,#e8f0e4 100%);border:1px solid #5c6b4f26;border-radius:12px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px;display:flex}.store-hint-icon{flex-shrink:0;font-size:24px}.store-pay-methods-hint p{color:#5c6b4f;margin:0;font-size:13px;line-height:1.4}.store-pay-methods-hint strong{color:#3d4a33}.store-price-row{color:#8a8580;border-bottom:1.5px solid #edeae6;justify-content:space-between;align-items:center;margin-bottom:4px;padding:12px 0;font-size:14px;font-weight:500;display:flex}.store-price-total{color:#5c6b4f;letter-spacing:-.5px;font-size:22px;font-weight:900}.store-price-sub{color:#b0aca7;text-align:right;margin-bottom:18px;font-size:13px}.store-pay-error{color:#c62828;background:#fce4ec;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:500}.store-pay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5c6b4f 0%,#3d4a33 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #3d4a3340}.store-pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #3d4a3359}.store-pay-btn:disabled{opacity:.6;cursor:not-allowed}.store-pay-btn-loading{box-shadow:none;background:linear-gradient(135deg,#8a8580,#6b6660)}.store-loading,.store-books-loading{color:#8a8580;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-family:Inter,-apple-system,sans-serif;font-size:14px;display:flex}.store-loading{background:linear-gradient(165deg,#f8f5f0 0%,#ede8e1 50%,#e8f0e4 100%);min-height:100vh}.store-spinner{border:3px solid #edeae6;border-top-color:#5c6b4f;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite storeSpin}.store-spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite storeSpin}@keyframes storeSpin{to{transform:rotate(360deg)}}.store-empty{text-align:center;padding:60px 20px}.store-empty-icon{margin-bottom:12px;font-size:48px;display:block}.store-empty p{color:#8a8580;font-size:15px}@media (width<=480px){.store-login-card{border-radius:20px;padding:32px 24px}.store-grid{grid-template-columns:repeat(2,1fr);gap:10px}.store-methods{flex-direction:column}.store-method{text-align:left;flex-direction:row}.store-header-email{display:none}.store-detail-top{text-align:center;flex-direction:column;align-items:center}.store-detail-cover,.store-detail-cover-ph{width:120px;height:180px}}:root{--primary:#5c6b4f;--primary-dark:#3d4a33;--primary-light:#e8f0e4;--accent:#bfa058;--surface:#f8f5f0;--card:#fff;--text:#2d2a26;--text-sub:#8a8580;--outline:#e5e0da;--error:#d32f2f;--success:#388e3c;--radius:14px;--sidebar-w:260px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.login-page{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 50%, #6b7a5c 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--card);text-align:center;border-radius:28px;width:100%;max-width:420px;padding:48px 40px;animation:.5s ease-out fadeUp;box-shadow:0 24px 64px #00000026}.login-card img{border-radius:20px;width:80px;height:80px;margin-bottom:20px;box-shadow:0 8px 24px #5c6b4f33}.login-card h1{color:var(--primary);letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:800}.login-card .sub{color:var(--text-sub);margin-bottom:32px;font-size:14px}.field{text-align:left;margin-bottom:18px}.field label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field input,.field select,.field textarea{border:1.5px solid var(--outline);background:var(--card);border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5c6b4f1a}.field textarea{resize:vertical;min-height:100px}.error-text{color:var(--error);margin-top:8px;font-size:13px;font-weight:500}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #5c6b4f4d}.btn-secondary{background:var(--card);color:var(--text);border:1.5px solid var(--outline)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-ghost{color:var(--text-sub);background:0 0;border:none;padding:8px}.btn-ghost:hover{color:var(--text)}.btn-sm{border-radius:10px;padding:8px 16px;font-size:13px}.btn-full{width:100%}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--primary-dark);color:#fff;z-index:50;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-head{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px;display:flex}.sidebar-head .brand{align-items:center;gap:12px;display:flex}.sidebar-head img{border-radius:10px;width:40px;height:40px}.sidebar-head h2{font-size:18px;font-weight:700}.sidebar-head small{color:#ffffff80;margin-top:2px;font-size:12px;display:block}.sidebar-close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:all .2s;display:none}.sidebar-close-btn:hover{color:#fff;background:#ffffff1a}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-link{color:#fff9;cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{color:#fff;background:#ffffff26;font-weight:600}.nav-link .icon{text-align:center;justify-content:center;align-items:center;width:24px;font-size:18px;display:flex}.sidebar-foot{border-top:1px solid #ffffff1a;padding:16px 24px}.sidebar-foot button{color:#ffffff80;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-family:inherit;font-size:13px;display:flex}.sidebar-foot button:hover{color:#fff}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;background:#00000080;animation:.2s fadeIn;display:none;position:fixed;inset:0}.main-area{margin-left:var(--sidebar-w);flex:1}.topbar{background:var(--card);border-bottom:1px solid var(--outline);z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;padding:20px 32px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.topbar h1{letter-spacing:-.5px;font-size:22px;font-weight:800}.topbar .user-email{color:var(--text-sub);font-size:13px}.hamburger-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px;transition:all .2s;display:none}.hamburger-btn:hover{background:var(--primary-light)}.content{max-width:1200px;padding:28px 32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--card);border:1px solid var(--outline);border-radius:16px;align-items:center;gap:16px;padding:20px 24px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.stat-icon.green{background:#e8f0e4}.stat-icon.orange{background:#fff3e0}.stat-icon.blue{background:#e3f2fd}.stat-icon.red{background:#fce4ec}.stat-icon.purple{background:#ede7f6}.stat-value{color:var(--text);font-size:26px;font-weight:800}.stat-label{color:var(--text-sub);margin-top:2px;font-size:12px}.table-card{background:var(--card);border:1px solid var(--outline);border-radius:16px;overflow:hidden}.table-head{border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.table-head h3{font-size:16px;font-weight:700}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-sub);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--outline);background:#f8f5f080;padding:12px 20px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--outline);vertical-align:middle;padding:14px 20px;font-size:14px}tr:last-child td{border-bottom:none}tr:hover td{background:#5c6b4f05}.cover-thumb{object-fit:cover;border:1px solid var(--outline);border-radius:8px;width:48px;height:66px}.badge{border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-free{color:var(--primary);background:#e8f0e4}.badge-paid{color:#e65100;background:#fff3e0}.actions{gap:8px;display:flex}.books-mobile-list{display:none}.book-mobile-card{border-bottom:1px solid var(--outline);padding:16px 20px}.book-mobile-card:last-child{border-bottom:none}.book-mobile-top{gap:14px;margin-bottom:12px;display:flex}.book-mobile-cover{object-fit:cover;border:1px solid var(--outline);border-radius:10px;flex-shrink:0;width:52px;height:72px}.book-mobile-cover-placeholder{background:var(--surface);border:1px solid var(--outline);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:72px;font-size:22px;display:flex}.book-mobile-info{flex:1;min-width:0}.book-mobile-title{word-wrap:break-word;margin-bottom:2px;font-size:15px;font-weight:700;line-height:1.3}.book-mobile-author{color:var(--text-sub);margin-bottom:8px;font-size:13px}.book-mobile-meta{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.book-mobile-actions{gap:8px;display:flex}.book-mobile-actions .btn{flex:1}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#00000073;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:20px;width:100%;max-width:560px;max-height:90vh;animation:.25s scaleIn;overflow-y:auto;box-shadow:0 24px 64px #0003}.modal-header{border-bottom:1px solid var(--outline);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.modal-header h2{font-size:18px;font-weight:700}.modal-body{padding:24px 28px}.modal-footer{justify-content:flex-end;gap:12px;padding:16px 28px 24px;display:flex}.file-drop{border:2px dashed var(--outline);text-align:center;cursor:pointer;border-radius:16px;padding:32px 24px;transition:all .2s}.file-drop:hover{border-color:var(--primary);background:#5c6b4f08}.file-drop.has-file{border-color:var(--primary);background:var(--primary-light);border-style:solid}.file-drop .drop-icon{margin-bottom:8px;font-size:36px}.file-drop .drop-label{color:var(--text-sub);font-size:14px}.file-drop .drop-name{color:var(--primary);word-break:break-all;margin-top:8px;font-size:13px;font-weight:600}.file-drop input[type=file]{display:none}.progress-bar{background:var(--outline);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:3px;height:100%;transition:width .3s}.toast-container{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--primary-dark);color:#fff;border-radius:12px;padding:14px 24px;font-size:14px;font-weight:500;animation:.3s slideUp;box-shadow:0 8px 24px #0003}.toast.error{background:var(--error)}.toast.success{background:var(--success)}.notify-area{max-width:600px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--text-sub);padding:60px 24px}.empty-state .empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state p{font-size:15px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.page-enter{animation:.3s ease-out fadeUp}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content{padding:24px 20px}.stat-value{font-size:22px}.stat-icon{width:44px;height:44px;font-size:18px}}@media (width<=768px){.sidebar{width:280px;box-shadow:none;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:8px 0 32px #0003}.sidebar-close-btn{display:flex}.sidebar-overlay{display:block}.main-area{margin-left:0}.hamburger-btn{display:flex}.topbar{padding:14px 16px}.topbar h1{font-size:18px}.topbar .user-email{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:11px;overflow:hidden}.content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{border-radius:12px;gap:12px;padding:14px 16px}.stat-icon{border-radius:10px;width:40px;height:40px;font-size:16px}.stat-value{font-size:20px}.stat-label{font-size:11px}.books-table-desktop{display:none}.books-mobile-list{display:block}.table-head{padding:14px 16px}.table-head h3{font-size:14px}.two-col{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:12px}.modal{border-radius:20px 20px 0 0;max-width:100%;max-height:85vh;animation:.3s slideFromBottom}.modal-header{padding:18px 20px}.modal-header h2{font-size:16px}.modal-body{padding:18px 20px}.modal-footer{flex-direction:column;padding:12px 20px 20px}.modal-footer .btn{width:100%}.file-drop{border-radius:12px;padding:20px 16px}.file-drop .drop-icon{margin-bottom:4px;font-size:28px}.file-drop .drop-label{font-size:12px}.toast-container{bottom:16px;left:16px;right:16px}.toast{border-radius:10px;padding:12px 16px;font-size:13px}.notify-area{max-width:100%}.login-page{padding:16px}.login-card{border-radius:20px;padding:32px 24px}.login-card img{border-radius:16px;width:64px;height:64px}.login-card h1{font-size:24px}.empty-state{padding:40px 16px}.empty-state .empty-icon{font-size:36px}}@media (width<=420px){.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{gap:10px;padding:12px}.stat-icon{border-radius:8px;width:36px;height:36px;font-size:14px}.stat-value{font-size:18px}.topbar h1{font-size:16px}.topbar .user-email{display:none}.content{padding:12px}.book-mobile-card{padding:14px}.book-mobile-cover{border-radius:8px;width:44px;height:60px}.book-mobile-title{font-size:14px}.book-mobile-actions{flex-direction:column;gap:6px}}.audio-list{background:var(--card);border:1px solid var(--outline);border-radius:0 0 16px 16px;overflow:hidden}.audio-item{border-bottom:1px solid var(--outline);align-items:center;gap:12px;padding:12px 16px;transition:background .15s;animation:.2s ease-out fadeUp;display:flex}.audio-item:last-child{border-bottom:none}.audio-item:hover{background:#5c6b4f08}.audio-item-new{background:#5c6b4f0a}.audio-item-icon{background:var(--primary-light);width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.audio-item-new .audio-item-icon{color:#1565c0;background:#e3f2fd}.audio-item-info{flex:1;min-width:0}.audio-item-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.audio-item-size{color:var(--text-sub);margin-top:2px;font-size:11px}.audio-item-remove{color:var(--text-sub);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px;transition:all .2s}.audio-item-remove:hover{color:var(--error);background:#fce4ec}.audio-badge-inline{background:var(--primary-light);color:var(--primary);vertical-align:middle;border-radius:6px;align-items:center;gap:3px;margin-left:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.modal-wide{max-width:640px}.edit-section-divider{background:var(--outline);height:1px;margin:20px 0}.edit-section-title{color:var(--text-sub);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.current-file-card{background:var(--surface);border:1px solid var(--outline);text-align:center;border-radius:14px;padding:16px}.current-file-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:700}.current-file-path{color:var(--text);background:var(--card);border:1px solid var(--outline);word-break:break-all;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:500;display:flex}.current-file-new{color:var(--primary);margin-top:6px;font-size:11px;font-weight:600}.cover-preview-wrap{border-radius:12px;display:inline-block;position:relative;overflow:hidden}.cover-preview-img{object-fit:contain;border:1px solid var(--outline);border-radius:12px;width:100%;max-height:160px}.cover-replace-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#000000a6;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.cover-preview-wrap:hover .cover-replace-btn{opacity:1}.file-drop-sm{padding:20px 16px}@keyframes slideFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}