.winx-sidebar{width:240px;background:#fff;box-shadow:2px 0 8px #0000000a;display:flex;flex-shrink:0;border-right:1px solid #e5e7eb;transition:transform .3s ease;z-index:1000}.winx-sidebar-inner{padding:24px 16px;display:flex;flex-direction:column;height:100%;width:100%}.winx-logo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:32px;padding:0 8px}.winx-close-btn{display:none;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px}.winx-close-btn:hover{background:#f3f4f6;color:#111827}.winx-logo-icon{width:102px;height:32px;flex-shrink:0;object-fit:contain}.winx-nav{display:flex;flex-direction:column;gap:8px;flex:1}.winx-nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#6b7280;cursor:pointer;text-decoration:none;transition:all .3s ease!important;font-size:14px;font-weight:500}.winx-nav-item:hover{background:#f9fafb;color:#111827}.winx-nav-item.winx-active{background:linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%)!important;color:#fff!important;box-shadow:0 4px 12px #7226ff4d}.winx-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.winx-icon img{width:100%;height:100%;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:all .3s ease}.winx-nav-item:hover .winx-icon img{opacity:1;filter:grayscale(100%)}.winx-nav-item.winx-active .winx-icon img{filter:brightness(0) invert(1);opacity:1}.winx-label{flex:1}.winx-back-cta{margin-top:16px;padding:12px 16px;background:linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%);color:#fff;text-align:center;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;border:none;box-shadow:0 4px 12px #7226ff4d;transition:all .2s;width:100%}.winx-back-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7226ff66}.winx-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;display:none}@media (max-width: 768px){.winx-sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%)}.winx-sidebar.open{transform:translate(0)}.winx-sidebar-overlay{display:block}.winx-close-btn{display:flex;align-items:center;justify-content:center}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#f8f9fb;border-bottom:1px solid #e5e7eb}.navbar h2{margin:0;font-size:20px;font-weight:600;color:#111827}.nav-left{display:flex;align-items:center;gap:16px}.nav-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:4px;color:#111827}.nav-right{display:flex;align-items:center;gap:16px}.navbar .nav-search{position:relative;display:flex;align-items:center}.navbar .nav-search-icon{position:absolute;left:12px;pointer-events:none}.navbar .nav-search input{padding:10px 12px 10px 36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:14px;width:240px;outline:none;color:#111827}.navbar .nav-search input::placeholder{color:#9ca3af}.navbar .nav-search input:focus{border-color:#7c3aed}.nav-icons{display:flex;gap:14px;align-items:center}.nav-bell{position:relative;width:40px;height:40px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #e5e7eb;transition:all .2s}.nav-bell:hover{background:#f9fafb}.nav-bell .nav-dot{position:absolute;right:10px;top:10px;width:8px;height:8px;background:#ef4444;border-radius:999px}.nav-user-menu{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:#fff;border:1px solid #e5e7eb;border-radius:24px;cursor:pointer;transition:all .2s;position:relative}.nav-user-menu:hover{background:#f9fafb}.nav-avatar{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#5b21b6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;flex-shrink:0}.nav-username{font-size:14px;font-weight:500;color:#111827}@media (max-width: 768px){.navbar{padding:16px}.nav-menu-btn{display:block}.navbar .nav-search,.nav-username{display:none}.nav-user-menu{padding:0;border:none;background:transparent}.nav-user-menu svg{display:none}}.nav-dropdown{position:absolute;right:0;top:52px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 24px #0e16211f;min-width:180px;padding:6px;z-index:50}.nav-dropdown-item{width:100%;text-align:left;border:none;background:transparent;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:#111827}.nav-dropdown-item:hover{background:#f9fafb}.nav-dropdown-item.danger{color:#ef4444}.nav-dropdown-divider{height:1px;background:#e5e7eb;margin:6px 4px}.db-dashboard{padding:28px 32px 40px;max-width:1400px;font-family:Manrope,sans-serif}.db-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.db-stat-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:20px 22px;box-shadow:0 1px 4px #0000000f;transition:box-shadow .2s,transform .2s}.db-stat-card:hover{box-shadow:0 4px 14px #00000017;transform:translateY(-2px)}.db-stat-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.db-stat-text{flex:1;min-width:0}.db-stat-title{margin:0 0 8px;font-size:12px;font-weight:400;color:#6b7280;line-height:1.4;white-space:normal}.db-stat-value{margin:0;font-size:28px;font-weight:700;color:#111827;line-height:1}.db-stat-icon{width:52px;height:52px;border-radius:12px;background:#f3eeff;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.db-stat-icon img{width:100%;height:100%;object-fit:contain}.db-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;padding:24px;box-shadow:0 1px 4px #0000000f;margin-bottom:28px}.db-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.db-card-title{margin:0;font-size:18px;font-weight:600;color:#111827}.db-card-actions{display:flex;align-items:center;gap:10px}.db-search-wrapper{display:flex;align-items:center;gap:8px;width:260px;height:40px;background:#fafafa;border:1px solid #e8eaed;border-radius:8px;padding:0 14px;transition:border-color .2s}.db-search-wrapper:focus-within{border-color:#7c3aed}.db-search-icon{flex-shrink:0;pointer-events:none}.db-search-wrapper input{flex:1;border:none;background:transparent;outline:none;font-size:14px;font-family:Manrope,sans-serif;color:#111827;min-width:0}.db-search-wrapper input::placeholder{color:#9ca3af}.db-filter-wrapper{position:relative}.db-filter-btn{display:flex;align-items:center;height:40px;padding:0 14px;background:#fafafa;border:1px solid #e8eaed;border-radius:8px;font-size:14px;font-family:Manrope,sans-serif;color:#6b7280;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s;gap:2px}.db-filter-btn:hover{border-color:#7c3aed;color:#7c3aed}.db-filter-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e8eaed;border-radius:8px;box-shadow:0 6px 18px #0000001a;z-index:50;min-width:170px;overflow:hidden}.db-filter-option{padding:10px 16px;font-size:14px;font-family:Manrope,sans-serif;color:#374151;cursor:pointer;transition:background .15s}.db-filter-option:hover,.db-filter-option.active{background:#f3f4f6;color:#7c3aed}.db-table-wrap{overflow-x:auto;margin:0 -24px;padding:0 24px}.db-table{width:100%;border-collapse:collapse;min-width:800px}.db-sort-th{text-align:left;padding:10px 16px;border-bottom:1px solid #e8eaed;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle}.db-th-actions{vertical-align:middle}.db-th-inner{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:#9ca3af;white-space:normal;line-height:1.3}.db-th-actions .db-th-inner{color:#9ca3af;font-size:13px;font-weight:500}.db-sort-icon{width:12px;height:12px;opacity:.4;transition:opacity .15s;flex-shrink:0}.db-sort-icon.active{opacity:1}.db-table tbody td{padding:16px;font-size:14px;color:#4b5563;border-bottom:1px solid #f3f4f6;vertical-align:middle}.db-table tbody tr:last-child td{border-bottom:none}.db-table tbody tr:hover td{background:#fafafa}.db-title{font-weight:600;color:#111827!important}.db-title-link{text-decoration:none;color:inherit}.db-pill{display:inline-block;padding:5px 13px;border-radius:9999px;font-size:12px;font-weight:600;white-space:nowrap}.db-pill--pending-review{background:#fef3c7;color:#d97706}.db-pill--rejected{background:#fee2e2;color:#ef4444}.db-pill--revision-requested{background:#e0e7ff;color:#4f46e5}.db-pill--approved{background:#d1fae5;color:#059669}.db-flag{font-size:13px;font-weight:500}.db-flag.flag-purple{color:#7c3aed}.db-flag.flag-orange{color:#f59e0b}.db-flag.flag-red{color:#ef4444}.db-flag.flag-grey{color:#6b7280}.db-actions-cell{text-align:center}.db-dots{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:#9ca3af;padding:2px 8px;border-radius:6px;transition:background .15s,color .15s;letter-spacing:1px}.db-dots:hover{background:#f3f4f6;color:#374151}.db-table-empty{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.db-action-menu{background:#fff;border:1px solid #e8eaed;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:9000;min-width:210px;padding:4px}.db-action-item{display:block;width:100%;text-align:left;padding:9px 14px;background:none;border:none;font-size:14px;font-family:Manrope,sans-serif;color:#374151;cursor:pointer;border-radius:6px;transition:background .15s}.db-action-item:hover{background:#f3f4f6}.db-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.db-bottom-row .db-card{margin-bottom:0}.db-view-all{font-size:13px;font-weight:600;color:#7c3aed;text-decoration:none;transition:opacity .15s}.db-view-all:hover{opacity:.75}.db-notif-list{display:flex;flex-direction:column}.db-notif-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s;border-radius:4px}.db-notif-item:last-child{border-bottom:none}.db-notif-item:hover{background:#fafafa}.db-notif-body{flex:1;min-width:0}.db-notif-title{margin:0 0 3px;font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-notif-time{margin:0;font-size:12px;color:#9ca3af}.db-notif-chevron{flex-shrink:0;color:#d1d5db}.db-notif-empty{padding:20px 0;text-align:center;color:#9ca3af;font-size:14px;margin:0}.db-cover-subheader{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e8eaed;margin-bottom:4px}.db-cover-subheader-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px}.db-cover-sort-icon{width:11px;height:11px;opacity:.5}.db-cover-list{display:flex;flex-direction:column}.db-cover-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6}.db-cover-row:last-child{border-bottom:none}.db-cover-thumb{width:46px;height:64px;object-fit:cover;border-radius:4px;background:#e5e7eb;flex-shrink:0}.db-cover-meta{flex:1;min-width:0}.db-cover-book-title{margin:0 0 2px;font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-cover-book-sub{margin:0;font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-cover-actions{display:flex;gap:6px;flex-shrink:0}.db-cover-btn{border:none;cursor:pointer;font-size:12px;font-weight:600;font-family:Manrope,sans-serif;padding:6px 13px;border-radius:7px;transition:filter .15s}.db-cover-btn:hover{filter:brightness(.92)}.db-cover-btn--view{background:#f3eeff;color:#7c3aed}.db-cover-btn--approve{background:#d1fae5;color:#059669}.db-cover-btn--reject{background:#fee2e2;color:#ef4444}.db-cover-empty{padding:20px 0;text-align:center;color:#9ca3af;font-size:14px;margin:0}.db-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:10px;font-size:14px;font-weight:500;font-family:Manrope,sans-serif;box-shadow:0 8px 24px #00000024;z-index:9999;animation:db-toast-in .28s cubic-bezier(.34,1.56,.64,1) both;min-width:260px;max-width:480px}.db-toast--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.db-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.db-toast__icon{font-size:15px;font-weight:700;flex-shrink:0}.db-toast__msg{flex:1;line-height:1.4}.db-toast__close{background:none;border:none;font-size:18px;cursor:pointer;opacity:.55;color:inherit;padding:0 2px;line-height:1;flex-shrink:0}.db-toast__close:hover{opacity:1}@keyframes db-toast-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 1200px){.db-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.db-bottom-row{grid-template-columns:1fr}.db-bottom-row .db-card{margin-bottom:24px}.db-bottom-row .db-card:last-child{margin-bottom:0}}@media (max-width: 768px){.db-dashboard{padding:16px 14px 32px}.db-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.db-stat-card{padding:14px 16px}.db-stat-value{font-size:22px}.db-stat-title{font-size:11px}.db-card{padding:16px;border-radius:14px;margin-bottom:16px}.db-card-header{margin-bottom:14px}.db-card-header{flex-wrap:wrap;gap:10px}.db-card-actions{flex-direction:column;width:100%}.db-search-wrapper{width:100%}.db-filter-btn{width:100%;justify-content:space-between}.db-filter-dropdown{width:100%}.db-table-wrap{margin:0 -16px;padding:0 16px}.db-cover-row{flex-wrap:wrap}.db-cover-actions{width:100%;justify-content:flex-start}.db-cover-btn{flex:1;text-align:center}}@media (max-width: 420px){.db-stats{grid-template-columns:1fr}}.ba-page{padding:28px 32px 40px;font-family:Manrope,sans-serif}.ba-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:24px;overflow:hidden}.ba-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:20px;flex-wrap:wrap}.ba-search-box{display:flex;align-items:center;gap:8px;width:280px;height:40px;background:#fafafa;border:1px solid #e8eaed;border-radius:8px;padding:0 14px;transition:border-color .2s}.ba-search-box:focus-within{border-color:#7c3aed}.ba-search-icon{flex-shrink:0;pointer-events:none}.ba-search-box input{flex:1;border:none;background:transparent;outline:none;font-size:14px;font-family:Manrope,sans-serif;color:#111827;min-width:0}.ba-search-box input::placeholder{color:#9ca3af}.ba-filter-wrap{position:relative}.ba-filter-btn{display:flex;align-items:center;height:40px;padding:0 14px;background:#fafafa;border:1px solid #e8eaed;border-radius:8px;font-size:14px;font-family:Manrope,sans-serif;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s;gap:2px}.ba-filter-btn:hover{border-color:#7c3aed;color:#7c3aed}.ba-filter-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e8eaed;border-radius:8px;box-shadow:0 6px 18px #0000001a;z-index:50;min-width:180px;overflow:hidden}.ba-filter-option{padding:10px 16px;font-size:14px;font-family:Manrope,sans-serif;color:#374151;cursor:pointer;transition:background .15s}.ba-filter-option:hover,.ba-filter-option.active{background:#f3f4f6;color:#7c3aed}.ba-table-wrap{overflow-x:auto;margin:0 -24px;padding:0 24px}.ba-table{width:100%;border-collapse:collapse;min-width:820px}.ba-th-check,.ba-th{text-align:left;padding:10px 16px;border-bottom:1px solid #e8eaed;vertical-align:middle}.ba-th-check{width:44px;padding:10px 12px 10px 16px}.ba-th-actions{text-align:center}.ba-th-inner{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:#9ca3af;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.ba-sort-icon{width:12px;height:12px;opacity:.35;transition:opacity .15s;flex-shrink:0}.ba-sort-icon.on{opacity:1}.ba-checkbox{width:16px;height:16px;accent-color:#7c3aed;cursor:pointer;border-radius:4px;flex-shrink:0}.ba-row{transition:background .15s}.ba-row:hover{background:#fafafa}.ba-td-check{padding:16px 12px 16px 16px;vertical-align:middle;border-bottom:1px solid #f3f4f6;width:44px}.ba-td{padding:16px;font-size:14px;color:#4b5563;border-bottom:1px solid #f3f4f6;vertical-align:middle}.ba-td-title{padding:16px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.ba-td-actions{padding:16px;border-bottom:1px solid #f3f4f6;vertical-align:middle;text-align:center}.ba-row:last-child .ba-td,.ba-row:last-child .ba-td-check,.ba-row:last-child .ba-td-title,.ba-row:last-child .ba-td-actions{border-bottom:none}.ba-title-link{color:#7c3aed;text-decoration:none;font-size:14px;font-weight:500;transition:opacity .15s}.ba-title-link:hover{opacity:.75;text-decoration:underline}.ba-pill{display:inline-block;padding:5px 14px;border-radius:9999px;font-size:12px;font-weight:600;white-space:nowrap}.ba-pill--pending-review{background:#fef3c7;color:#d97706}.ba-pill--rejected{background:#fee2e2;color:#ef4444}.ba-pill--revision-requested{background:#e0e7ff;color:#4f46e5}.ba-pill--approved{background:#d1fae5;color:#059669}.ba-flag{font-size:13px;font-weight:500}.ba-flag--purple{color:#7c3aed}.ba-flag--orange{color:#f59e0b}.ba-flag--red{color:#ef4444}.ba-flag--grey{color:#6b7280}.ba-dots{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:14px;font-weight:700;letter-spacing:2px;padding:4px 8px;border-radius:6px;transition:background .15s,color .15s;line-height:1}.ba-dots:hover{background:#f3f4f6;color:#374151}.ba-state-msg{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.ba-footer-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid #f3f4f6;margin-top:4px}.ba-show-result{display:flex;align-items:center;gap:8px}.ba-show-label{font-size:14px;color:#6b7280;white-space:nowrap}.ba-select-wrap{position:relative;display:inline-flex;align-items:center}.ba-select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:6px 30px 6px 12px;background:#fafafa;border:1px solid #e8eaed;border-radius:8px;font-size:14px;font-family:Manrope,sans-serif;color:#374151;cursor:pointer;outline:none;transition:border-color .2s}.ba-select-wrap select:focus{border-color:#7c3aed}.ba-select-chevron{position:absolute;right:9px;pointer-events:none}.ba-pagination{display:flex;align-items:center;gap:4px}.ba-page-nav{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;font-size:18px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;padding:0;line-height:1}.ba-page-nav:hover:not(:disabled){background:#f3f4f6;color:#111827}.ba-page-nav:disabled{opacity:.3;cursor:not-allowed}.ba-page-num{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;font-size:14px;font-family:Manrope,sans-serif;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;padding:0}.ba-page-num:hover:not(.active){background:#f3f4f6;color:#374151}.ba-page-num.active{background:#7c3aed;color:#fff;font-weight:700}.ba-ellipsis{padding:0 4px;font-size:14px;color:#9ca3af;-webkit-user-select:none;user-select:none}.ba-action-menu{background:#fff;border:1px solid #e8eaed;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:9000;min-width:220px;padding:4px}.ba-action-item{display:block;width:100%;text-align:left;padding:9px 14px;background:none;border:none;font-size:14px;font-family:Manrope,sans-serif;color:#374151;cursor:pointer;border-radius:6px;transition:background .15s}.ba-action-item:hover{background:#f3f4f6}.ba-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:10px;font-size:14px;font-weight:500;font-family:Manrope,sans-serif;box-shadow:0 8px 24px #00000024;z-index:9999;animation:ba-toast-in .28s cubic-bezier(.34,1.56,.64,1) both;min-width:260px;max-width:480px}.ba-toast--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.ba-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.ba-toast__icon{font-size:15px;font-weight:700;flex-shrink:0}.ba-toast__msg{flex:1;line-height:1.4}.ba-toast__close{background:none;border:none;font-size:18px;cursor:pointer;opacity:.55;color:inherit;padding:0 2px;line-height:1;flex-shrink:0}.ba-toast__close:hover{opacity:1}@keyframes ba-toast-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.ba-page{padding:16px 14px 32px}.ba-card{padding:16px;border-radius:14px}.ba-toolbar{justify-content:stretch;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.ba-search-box{width:100%}.ba-filter-btn{width:100%;justify-content:space-between}.ba-filter-dropdown{width:100%}.ba-table-wrap{margin:0 -16px;padding:0 16px}.ba-footer-bar{flex-direction:column;align-items:flex-start;gap:14px}.ba-pagination{flex-wrap:wrap}}@media (max-width: 420px){.ba-page-num,.ba-page-nav{width:28px;height:28px;font-size:12px}}.rev-book-detail-page{background:#f8f9fb;min-height:100vh;padding-bottom:140px;display:flex;flex-direction:column}.rev-header-section{background:#fff;padding:16px 32px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10;display:flex;align-items:center}.rev-book-header{display:flex;align-items:center;gap:16px;max-width:1400px;width:100%;margin:0 auto}.rev-back-btn{margin-right:24px;width:32px;height:32px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s;flex-shrink:0}.rev-back-btn:hover{background:#f9fafb;color:#111827}.rev-book-cover{width:32px;height:48px;border-radius:4px;object-fit:cover;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.rev-book-title{margin:0;font-size:18px;font-weight:500;color:#111827}.rev-spacer{flex:1}.rev-words-count{font-size:14px;color:#111827;font-weight:500}.rev-content-section{flex:1;display:flex;justify-content:center;padding:40px 20px}.rev-book-card{width:100%;max-width:720px;background:#fff;border-radius:16px;padding:60px 80px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #f3f4f6;margin-bottom:40px}.rev-book-card h3{text-align:center;margin:0 0 40px;font-size:22px;font-weight:600;color:#111827;letter-spacing:-.02em}.rev-excerpt{color:#374151;font-size:16px;line-height:1.75}.rev-excerpt p{margin:0 0 20px}.rev-excerpt p:last-child{margin-bottom:0}.rev-actions-section{position:fixed;bottom:0;left:240px;right:0;height:auto;min-height:100px;background:#fff;border-top:1px solid #EEEFF2;box-shadow:0 -4px 12px #0000000d;display:flex;justify-content:center;align-items:center;z-index:20;box-sizing:border-box;padding:20px}.rev-actions-inner{width:100%;max-width:970px;display:flex;gap:16px;align-items:center;justify-content:center;box-sizing:border-box;flex-wrap:wrap}.rev-btn{height:56px;padding:0 32px;border-radius:8px;border:none;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s;min-width:160px;flex:1;max-width:300px}.rev-btn-reject{background:#e11d48;color:#fff}.rev-btn-reject:hover{background:#be123c}.rev-btn-revision{background:#fff;border:1px solid #7c3aed;color:#7c3aed}.rev-btn-revision:hover{background:#f5f3ff}.rev-btn-approve{background:linear-gradient(135deg,#4c1d95,#3b0764);color:#fff}.rev-btn-approve:hover{opacity:.95}@media (max-width: 1024px){.rev-actions-section{left:0}}@media (max-width: 768px){.rev-header-section{padding:12px 16px;justify-content:space-between}.rev-book-header{flex:1;overflow:hidden}.rev-book-title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rev-back-btn{position:static;margin-right:12px}.rev-content-section{padding:20px 14px}.rev-book-card{padding:20px 16px;border-radius:14px;margin-bottom:16px}.rev-book-card h3{font-size:18px;margin-bottom:24px}.rev-excerpt{font-size:15px;line-height:1.7}.rev-actions-section{left:0;right:0;padding:12px 16px}.rev-actions-inner{gap:10px;flex-direction:column;width:100%}.rev-btn{width:100%;max-width:none;height:48px;font-size:14px}.rev-info-card{border-radius:14px;padding:20px}}.rev-book-detail-page{animation:fadeIn .4s ease-out}.rev-book-card{animation:fadeIn .5s ease-out forwards;animation-delay:.1s;opacity:0}.rev-actions-section{animation:slideUp .4s ease-out forwards;animation-delay:.2s;opacity:0;transform:translateY(100%)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.rev-main-layout{display:flex;gap:32px;width:100%;max-width:1200px;align-items:flex-start}.rev-main-layout .rev-book-card{max-width:none;flex:1;margin-bottom:0}.rev-info-card{width:300px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #f3f4f6;position:sticky;top:100px;flex-shrink:0;animation:fadeIn .5s ease-out forwards;animation-delay:.15s;opacity:0}.rev-info-title{margin:0 0 24px;font-size:18px;font-weight:600;color:#111827}.rev-info-item{margin-bottom:20px;display:flex;flex-direction:column;gap:6px}.rev-info-item:last-child{margin-bottom:0}.rev-info-label{font-size:13px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.rev-info-value{font-size:15px;color:#111827;font-weight:500}.rev-chapters-list{margin-top:24px}@media (max-width: 1024px){.rev-main-layout{flex-direction:column}.rev-info-card{width:100%;position:static;margin-top:24px;box-sizing:border-box}}.review-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.review-modal{width:90%;max-width:600px;background:#fff;padding:32px;border-radius:12px;position:relative;box-shadow:0 20px 60px #0000004d}.close-x{position:absolute;right:24px;top:24px;border:none;background:transparent;font-size:24px;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-x:hover{background:#f3f4f6;color:#111827}.review-modal h3{margin:0 0 24px;font-size:24px;font-weight:600;color:#111827}.label{display:block;margin-bottom:12px;color:#6b7280;font-size:14px;font-weight:400}.reason{width:100%;height:180px;border-radius:8px;border:1px solid #e5e7eb;padding:14px;resize:vertical;font-size:14px;font-family:inherit;color:#111827;outline:none;transition:all .2s}.reason::placeholder{color:#9ca3af}.reason:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn{padding:14px 28px;border-radius:8px;cursor:pointer;border:0;font-size:15px;font-weight:600;transition:all .2s;flex:1}.btn.ghost{background:#fff;color:#7c3aed;border:2px solid #7c3aed}.btn.ghost:hover{background:#f9f5ff;border-color:#6b21a8;color:#6b21a8}.btn.primary{background:linear-gradient(135deg,#6b21a8,#7c3aed);color:#fff;box-shadow:0 4px 12px #7c3aed40}.btn.primary:hover{background:linear-gradient(135deg,#5b21b6,#6b21a8);transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed4d}.chapter-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;background-color:#fff;overflow:hidden}.chapter-header{display:flex;justify-content:space-between;align-items:center;padding:16px;cursor:pointer;background-color:#f9fafb;transition:background-color .2s}.chapter-header:hover{background-color:#f3f4f6}.chapter-title{font-weight:500;color:#111827;font-size:16px}.chapter-meta{display:flex;align-items:center;gap:16px;color:#6b7280;font-size:14px}.chapter-arrow{transition:transform .2s;font-size:12px}.chapter-arrow.expanded{transform:rotate(180deg)}.chapter-content{padding:24px;border-top:1px solid #e5e7eb;color:#374151;line-height:1.6;font-size:15px}.no-content{color:#9ca3af;font-style:italic;text-align:center}.bcr-page{padding:28px 32px 40px;font-family:Manrope,sans-serif}.bcr-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:24px;overflow:hidden}.bcr-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:20px;flex-wrap:wrap}.bcr-search-box{display:flex;align-items:center;gap:8px;width:280px;height:40px;background:#fafafa;border:1px solid #e8eaed;border-radius:8px;padding:0 14px;transition:border-color .2s}.bcr-search-box:focus-within{border-color:#7c3aed}.bcr-search-icon{flex-shrink:0;pointer-events:none}.bcr-search-box input{flex:1;border:none;background:transparent;outline:none;font-size:14px;font-family:Manrope,sans-serif;color:#111827;min-width:0}.bcr-search-box input::placeholder{color:#9ca3af}.bcr-filter-wrap{position:relative}.bcr-filter-btn{display:flex;align-items:center;height:40px;padding:0 14px;background:#fafafa;border:1px solid #e8eaed;border-radius:8px;font-size:14px;font-family:Manrope,sans-serif;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s;gap:2px}.bcr-filter-btn:hover{border-color:#7c3aed;color:#7c3aed}.bcr-filter-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e8eaed;border-radius:8px;box-shadow:0 6px 18px #0000001a;z-index:50;min-width:160px;overflow:hidden}.bcr-filter-option{padding:10px 16px;font-size:14px;font-family:Manrope,sans-serif;color:#374151;cursor:pointer;transition:background .15s}.bcr-filter-option:hover,.bcr-filter-option.active{background:#f3f4f6;color:#7c3aed}.bcr-table-wrap{overflow-x:auto;margin:0 -24px;padding:0 24px}.bcr-table{width:100%;border-collapse:collapse;min-width:700px}.bcr-th{text-align:left;padding:10px 16px;border-bottom:1px solid #e8eaed;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none}.bcr-th-actions{cursor:default}.bcr-th-inner{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:#9ca3af;white-space:nowrap}.bcr-sort-icon{width:12px;height:12px;opacity:.35;transition:opacity .15s;flex-shrink:0}.bcr-sort-icon.on{opacity:1}.bcr-row{transition:background .15s}.bcr-row:hover{background:#fafafa}.bcr-td{padding:18px 16px;font-size:14px;color:#111827;border-bottom:1px solid #f3f4f6;vertical-align:middle;font-weight:400}.bcr-td-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.bcr-row:last-child .bcr-td{border-bottom:none}.bcr-btn{border:none;cursor:pointer;font-size:13px;font-weight:500;font-family:Manrope,sans-serif;padding:7px 18px;border-radius:7px;white-space:nowrap;transition:filter .15s;flex-shrink:0}.bcr-btn:disabled{opacity:.6;cursor:not-allowed}.bcr-btn:not(:disabled):hover{filter:brightness(.92)}.bcr-btn--view{background:#f3eeff;color:#7c3aed}.bcr-btn--approve{background:#dcfce7;color:#16a34a}.bcr-btn--reject{background:#fee2e2;color:#dc2626}.bcr-state-msg{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.bcr-state-msg--error{color:#ef4444}.bcr-footer-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid #f3f4f6;margin-top:4px}.bcr-show-result{display:flex;align-items:center;gap:8px}.bcr-show-label{font-size:14px;color:#6b7280;white-space:nowrap}.bcr-select-wrap{position:relative;display:inline-flex;align-items:center}.bcr-select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:6px 30px 6px 12px;background:#fafafa;border:1px solid #e8eaed;border-radius:8px;font-size:14px;font-family:Manrope,sans-serif;color:#374151;cursor:pointer;outline:none;transition:border-color .2s}.bcr-select-wrap select:focus{border-color:#7c3aed}.bcr-select-chevron{position:absolute;right:9px;pointer-events:none}.bcr-pagination{display:flex;align-items:center;gap:4px}.bcr-page-nav{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;font-size:18px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;padding:0;line-height:1}.bcr-page-nav:hover:not(:disabled){background:#f3f4f6;color:#111827}.bcr-page-nav:disabled{opacity:.3;cursor:not-allowed}.bcr-page-num{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;font-size:14px;font-family:Manrope,sans-serif;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;padding:0}.bcr-page-num:hover:not(.active){background:#f3f4f6;color:#374151}.bcr-page-num.active{background:#7c3aed;color:#fff;font-weight:700}.bcr-ellipsis{padding:0 4px;font-size:14px;color:#9ca3af;-webkit-user-select:none;user-select:none}.bcr-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:10px;font-size:14px;font-weight:500;font-family:Manrope,sans-serif;box-shadow:0 8px 24px #00000024;z-index:9999;animation:bcr-toast-in .28s cubic-bezier(.34,1.56,.64,1) both;min-width:260px;max-width:480px}.bcr-toast--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.bcr-toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.bcr-toast__icon{font-size:15px;font-weight:700;flex-shrink:0}.bcr-toast__msg{flex:1;line-height:1.4}.bcr-toast__close{background:none;border:none;font-size:18px;cursor:pointer;opacity:.55;color:inherit;padding:0 2px;line-height:1;flex-shrink:0}.bcr-toast__close:hover{opacity:1}@keyframes bcr-toast-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.bcr-page{padding:16px 14px 32px}.bcr-card{padding:16px;border-radius:14px}.bcr-toolbar{justify-content:stretch;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.bcr-search-box{width:100%}.bcr-filter-btn{width:100%;justify-content:space-between}.bcr-filter-dropdown{width:100%}.bcr-table-wrap{margin:0 -16px;padding:0 16px}.bcr-td-actions{flex-wrap:wrap;gap:6px}.bcr-btn{flex:1;text-align:center;padding:7px 10px}.bcr-footer-bar{flex-direction:column;align-items:flex-start;gap:14px}.bcr-pagination{flex-wrap:wrap}}@media (max-width: 420px){.bcr-page-num,.bcr-page-nav{width:28px;height:28px;font-size:12px}}.book-cover-detail-page{background:#f8f9fb;min-height:100vh;display:flex;flex-direction:column;padding-bottom:100px}.cover-header{background:#fff;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:16px}.back-btn-cover{width:32px;height:32px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s;flex-shrink:0}.back-btn-cover:hover{background:#f9fafb;color:#111827}.book-thumb{width:32px;height:48px;border-radius:4px;object-fit:cover;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.cover-title{margin:0;font-size:16px;font-weight:500;color:#111827}.cover-content{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:40px 32px}.cover-display{max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center}.book-info-header{text-align:center;margin-bottom:40px}.book-main-title{margin:0 0 8px;font-size:24px;font-weight:600;color:#111827}.book-word-count{margin:0 0 16px;font-size:14px;color:#6b7280}.genre-tags{display:flex;gap:8px;justify-content:center}.genre-tag{padding:6px 16px;background:#e5e7eb;border-radius:4px;font-size:12px;color:#4b5563;font-weight:500}.cover-viewer{display:flex;justify-content:center;align-items:center;min-height:50vh;margin-bottom:32px;position:relative;width:100%;padding:0 16px;box-sizing:border-box}.cover-image-wrapper{transition:transform .3s ease;transform-origin:center;width:100%;display:flex;justify-content:center}.cover-image{width:100%;max-width:482px;height:auto;aspect-ratio:482/741;transform:rotate(0);opacity:1;display:block;border-radius:8px;box-shadow:0 1px 3px #0000001a;object-fit:cover}@media (max-width: 600px){.cover-image{max-width:100%}}.zoom-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 24px;margin-top:16px}.zoom-display{display:flex;align-items:center;gap:8px;margin-right:24px}.zoom-text{font-size:14px;color:#111827;font-weight:500}.zoom-btn{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.zoom-btn.minus,.zoom-btn.plus{background:#f3e8ff;color:#7c3aed}.zoom-btn:hover{background:#e9d5ff}.zoom-percentage{font-size:14px;color:#111827;font-weight:600;min-width:40px;text-align:center}.cover-actions{position:fixed;bottom:0;left:240px;right:0;background:#fff;display:flex;gap:16px;justify-content:center;padding:24px 32px;border-top:1px solid #e5e7eb;z-index:100}@media (max-width: 1024px){.cover-actions{left:0}}@media (max-width: 768px){.cover-actions{left:0;padding:16px;flex-direction:column;gap:12px;bottom:0}.action-btn-large{width:100%;height:48px}.cover-header{padding:12px 16px}.cover-content{padding:24px 16px}.book-cover-detail-page{padding-bottom:140px}}@media (max-width: 480px){.cover-header{flex-direction:column;align-items:flex-start;gap:12px}.header-left{width:100%}.cover-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-main-title{font-size:20px}.zoom-controls{flex-wrap:wrap;gap:12px}}.action-btn-large{width:240px;height:48px;border-radius:8px;border:none;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s;color:#fff}.reject-btn{background:#dc2626}.reject-btn:hover{background:#b91c1c}.approve-btn{background:linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%)}.approve-btn:hover{opacity:.9}.snackbar{position:fixed;left:50%;bottom:112px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:#fff;box-shadow:0 8px 24px #0e162124;z-index:2000;font-size:14px;font-weight:500;min-width:260px;max-width:88vw;animation:snackbar-in .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes snackbar-in{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.snackbar--success{border-left:4px solid #16a34a;color:#14532d}.snackbar--error{border-left:4px solid #dc2626;color:#7f1d1d}.snackbar__icon{flex-shrink:0;display:flex;align-items:center}.snackbar__message{flex:1;line-height:1.4}.snackbar__close{background:none;border:none;font-size:18px;line-height:1;color:#9ca3af;cursor:pointer;padding:0 2px;flex-shrink:0}.snackbar__close:hover{color:#374151}.promotional-page{background:#f8f9fb;min-height:100vh;font-family:Manrope,sans-serif}.tabs-container{display:flex;gap:0;margin-bottom:28px;border-bottom:2px solid #e8eaed}.tab{padding:12px 24px;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:15px;font-weight:500;font-family:Manrope,sans-serif;color:#6b7280;cursor:pointer;transition:color .2s}.tab:hover{color:#111827}.tab.active{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:600}.pbt-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 1px 4px #0000000f;padding:24px;overflow:hidden}.pbt-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:20px;flex-wrap:wrap}.pbt-search-box{display:flex;align-items:center;gap:8px;width:280px;height:40px;background:#fafafa;border:1px solid #e8eaed;border-radius:8px;padding:0 14px;transition:border-color .2s}.pbt-search-box:focus-within{border-color:#7c3aed}.pbt-search-icon{flex-shrink:0;pointer-events:none}.pbt-search-box input{flex:1;border:none;background:transparent;outline:none;font-size:14px;font-family:Manrope,sans-serif;color:#111827;min-width:0}.pbt-search-box input::placeholder{color:#9ca3af}.pbt-filter-wrap{position:relative}.pbt-filter-btn{display:flex;align-items:center;height:40px;padding:0 14px;background:#fafafa;border:1px solid #e8eaed;border-radius:8px;font-size:14px;font-family:Manrope,sans-serif;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;transition:border-color .2s,color .2s;gap:2px}.pbt-filter-btn:hover{border-color:#7c3aed;color:#7c3aed}.pbt-filter-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e8eaed;border-radius:8px;box-shadow:0 6px 18px #0000001a;z-index:50;min-width:160px;overflow:hidden}.pbt-filter-option{padding:10px 16px;font-size:14px;font-family:Manrope,sans-serif;color:#374151;cursor:pointer;transition:background .15s}.pbt-filter-option:hover,.pbt-filter-option.active{background:#f3f4f6;color:#7c3aed}.pbt-table-wrap{overflow-x:auto;margin:0 -24px;padding:0 24px}.pbt-table{width:100%;border-collapse:collapse;min-width:900px}.pbt-th{text-align:left;padding:10px 16px;border-bottom:1px solid #e8eaed;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none}.pbt-th--actions{cursor:default}.pbt-th-inner{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:#9ca3af;white-space:nowrap}.pbt-sort-icon{width:12px;height:12px;opacity:.35;transition:opacity .15s;flex-shrink:0}.pbt-sort-icon.on{opacity:1}.pbt-row{transition:background .15s}.pbt-row:hover{background:#fafafa}.pbt-td{padding:16px;font-size:14px;color:#111827;border-bottom:1px solid #f3f4f6;vertical-align:middle;font-weight:400;white-space:nowrap}.pbt-td--title{color:#111827;font-weight:500;white-space:normal;max-width:200px}.pbt-td--actions{white-space:nowrap}.pbt-row:last-child .pbt-td{border-bottom:none}.pbt-btn-recommend{background:#f3e8ff;color:#7c3aed;border:none;padding:7px 16px;border-radius:7px;font-size:13px;font-weight:500;font-family:Manrope,sans-serif;cursor:pointer;white-space:nowrap;transition:filter .15s}.pbt-btn-recommend:hover:not(:disabled){filter:brightness(.92)}.pbt-btn-recommend:disabled{opacity:.6;cursor:not-allowed}.pbt-state-msg{text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px}.pbt-footer-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid #f3f4f6;margin-top:4px}.pbt-show-result{display:flex;align-items:center;gap:8px}.pbt-show-label{font-size:14px;color:#6b7280;font-family:Manrope,sans-serif;white-space:nowrap}.pbt-pagination{display:flex;align-items:center;gap:4px}.pbt-page-nav{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;font-size:18px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;padding:0;line-height:1}.pbt-page-nav:hover:not(:disabled){background:#f3f4f6;color:#111827}.pbt-page-nav:disabled{opacity:.3;cursor:not-allowed}.pbt-page-num{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;font-size:14px;font-family:Manrope,sans-serif;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;padding:0}.pbt-page-num:hover:not(.active){background:#f3f4f6;color:#374151}.pbt-page-num.active{background:#7c3aed;color:#fff;font-weight:700}.pbt-ellipsis{padding:0 4px;font-size:14px;color:#9ca3af;-webkit-user-select:none;user-select:none}.pagination-promo{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:4px;padding-top:20px;border-top:1px solid #f3f4f6}.results-per-page-promo{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;font-family:Manrope,sans-serif}.promo-select-wrap{position:relative;display:inline-flex;align-items:center}.promo-select-wrap select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:6px 30px 6px 12px;background:#fafafa;border:1px solid #e8eaed;border-radius:8px;font-size:14px;font-family:Manrope,sans-serif;color:#374151;cursor:pointer;outline:none;transition:border-color .2s}.promo-select-wrap select:focus{border-color:#7c3aed}.promo-select-chevron{position:absolute;right:9px;pointer-events:none}.page-numbers-promo{display:flex;align-items:center;gap:4px}.page-arrow-promo{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;font-size:18px;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;padding:0;line-height:1}.page-arrow-promo:hover:not(:disabled){background:#f3f4f6;color:#111827}.page-arrow-promo:disabled{opacity:.3;cursor:not-allowed}.page-num-promo{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;font-size:14px;font-family:Manrope,sans-serif;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;padding:0}.page-num-promo:hover:not(.active){background:#f3f4f6;color:#374151}.page-num-promo.active{background:#7c3aed;color:#fff;font-weight:700}.page-ellipsis-promo{padding:0 4px;font-size:14px;color:#9ca3af;-webkit-user-select:none;user-select:none}.promo-view{padding:4px 0 40px}.promo-view__title{font-size:20px;font-weight:700;color:#111827;font-family:Manrope,sans-serif;margin:0 0 24px}.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,260px));gap:16px}.promo-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#9ca3af;font-size:14px;font-family:Manrope,sans-serif}.promo-card{background:#fff;border:1px solid #e8eaed;border-radius:16px;position:relative;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease;font-family:Manrope,sans-serif;display:flex;flex-direction:column}.promo-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001c}.promo-card__badge{position:absolute;top:0;right:10px;width:42px;height:56px;z-index:10;pointer-events:none}.promo-card__badge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.22))}.promo-card__cover{width:100%;aspect-ratio:3 / 4;flex-shrink:0;overflow:hidden;border-radius:16px 16px 0 0}.promo-card__cover>img{width:100%;height:100%;object-fit:cover;display:block}.promo-card__info{padding:10px 12px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.promo-card__title{font-size:14px;font-weight:700;color:#111827;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.promo-card__author{font-size:12px;color:#9ca3af;margin:0;font-weight:400}.promo-card__stars{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:2px}@media (max-width: 768px){.promotional-page{padding-left:14px;padding-right:14px}.tabs-container{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.tab{font-size:14px;padding:10px 16px}.pbt-card{padding:16px}.pbt-toolbar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.pbt-search-box{width:100%}.pbt-filter-btn{width:100%;justify-content:space-between}.pbt-filter-dropdown{width:100%}.pbt-table-wrap{margin:0 -16px;padding:0 16px}.pbt-footer-bar{flex-direction:column;align-items:flex-start;gap:14px}.pbt-pagination{flex-wrap:wrap}.promo-grid{grid-template-columns:repeat(2,minmax(0,260px));gap:12px}.promo-view__title{font-size:17px}.promo-card__badge{width:34px;height:46px;right:6px}}@media (max-width: 480px){.promo-grid{grid-template-columns:1fr}.pbt-page-num,.pbt-page-nav{width:28px;height:28px;font-size:12px}}.income-page{padding:40px;background-color:#fff;min-height:100vh}.income-header{display:flex;justify-content:flex-end;margin-bottom:40px}.income-header-actions{display:flex;gap:16px}.income-btn-secondary{padding:12px 24px;border:1px solid #7C3AED;background-color:#fff;color:#7c3aed;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.income-btn-secondary:hover{background-color:#f3e8ff}.income-btn-primary{padding:12px 24px;background-color:#7c3aed;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.income-btn-primary:hover{background-color:#6d28d9}.income-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.income-stat-card{padding:32px;border-radius:16px;background-color:#fff;border:1px solid #E5E7EB;display:flex;flex-direction:column;justify-content:center;animation:fadeIn .4s ease-out forwards;position:relative}.income-stat-card:nth-child(1){animation-delay:.1s}.income-stat-card:nth-child(2){animation-delay:.2s}.income-stat-card:nth-child(3){animation-delay:.3s}.income-card-eye-btn{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;cursor:pointer}.income-payment-table tbody tr{animation:fadeIn .3s ease-out forwards;opacity:0}.income-payment-table tbody tr:nth-child(1){animation-delay:.4s}.income-payment-table tbody tr:nth-child(2){animation-delay:.45s}.income-payment-table tbody tr:nth-child(3){animation-delay:.5s}.income-payment-table tbody tr:nth-child(4){animation-delay:.55s}.income-payment-table tbody tr:nth-child(5){animation-delay:.6s}.income-total-amount{background:url(/assets/Rectangle10-BRiiShBU.png),linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%);background-repeat:no-repeat;background-size:cover;border:none;color:#fff}.income-stat-label{font-size:16px;color:#111827;margin:0 0 8px;display:flex;align-items:center;gap:8px}.income-stat-label-white{font-size:16px;color:#ffffffe6;margin:0 0 8px}.income-info-icon{display:flex;align-items:center;cursor:pointer}.income-stat-value{font-size:36px;font-weight:700;margin:0;color:#111827}.income-stat-value-white{font-size:36px;font-weight:700;margin:0;color:#fff}.income-highlight{color:#7c3aed}.income-filters{display:flex;gap:16px;margin-bottom:24px;align-items:center}.income-search-wrapper{position:relative;width:300px}.search-icon-wrapper{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}.income-search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #F3F4F6;border-radius:6px;font-size:14px;background-color:#fafafa;outline:none;box-sizing:border-box;color:#1f2937}.income-search-input::placeholder{color:#9ca3af}.income-select-wrapper{position:relative;padding:10px 16px;background-color:#fafafa;border:1px solid #F3F4F6;border-radius:6px;font-size:14px;color:#4b5563;display:flex;align-items:center;gap:8px;cursor:pointer;min-width:160px;justify-content:space-between}.income-select-trigger{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#4b5563;font-size:14px;cursor:pointer;width:100%;text-align:left}.income-select-trigger:focus{outline:none}.income-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:10;min-width:220px;overflow:hidden}.income-dropdown-item{padding:10px 16px;cursor:pointer;font-size:14px;color:#374151;transition:background .15s ease;white-space:nowrap}.income-dropdown-item:hover{background:#f3f4f6}.income-month-input{background-color:transparent;border:none;color:#374151;font-size:14px;width:120px;cursor:pointer}.income-month-input:focus{outline:none}.income-calendar{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 8px 16px #0000001f;z-index:20;min-width:240px;padding:12px}.income-calendar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #F3F4F6}.income-calendar-year{font-size:14px;color:#111827;font-weight:600}.income-calendar-nav{width:28px;height:28px;border:none;background:#f9fafb;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.income-calendar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:12px}.income-calendar-month{padding:10px 12px;border:1px solid #F3F4F6;background:#fafafa;color:#374151;border-radius:6px;font-size:14px;cursor:pointer}.income-calendar-month:hover{background:#f3f4f6}.income-calendar-month.active{border-color:#7c3aed;color:#7c3aed;background:#f3e8ff}.income-payment-table-container{background-color:#fff;overflow-x:auto}.income-payment-table{width:100%;border-collapse:collapse;font-size:14px}.income-payment-table thead{background-color:#fff;border-bottom:1px solid #F3F4F6}.income-payment-table th{padding:16px 0;text-align:left;font-weight:400;color:#9ca3af;white-space:nowrap}.income-payment-table th:first-child{padding-left:0}.th-content{display:flex;align-items:center;gap:4px;cursor:pointer}.income-payment-table tbody tr{border-bottom:1px solid #F3F4F6}.income-payment-table td{padding:24px 0;color:#111827;font-size:14px}.income-payment-table td:first-child{color:#111827}.income-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:24px}.pagination-left{display:flex;align-items:center;gap:12px}.income-pagination span{font-size:14px;color:#9ca3af}.pagination-select-wrapper{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #E5E7EB;border-radius:6px;cursor:pointer;background-color:#fff}.pagination-select-wrapper span{color:#111827;font-weight:500}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination-btn{width:32px;height:32px;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.pagination-num{width:32px;height:32px;border:none;background-color:transparent;border-radius:6px;font-size:14px;cursor:pointer;color:#4b5563;display:flex;align-items:center;justify-content:center}.pagination-num.active{background-color:#f3e8ff;color:#7c3aed;font-weight:600}.pagination-ellipsis{margin:0 4px;color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:12px;padding:40px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;position:relative;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border:none;background-color:transparent;font-size:24px;color:#a1a1a6;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background-color:#f5f5f7;color:#1a1a1a}@media (max-width: 1024px){.income-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.income-page{padding:16px 14px}.income-header{justify-content:flex-start;margin-bottom:24px}.income-header-actions{flex-direction:column;width:100%;gap:10px}.income-btn-secondary,.income-btn-primary{width:100%;text-align:center}.income-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}.income-stat-card{padding:20px 16px}.income-stat-value,.income-stat-value-white{font-size:26px}.income-filters{flex-direction:column;align-items:stretch;gap:10px}.income-search-wrapper,.income-select-wrapper{width:100%}.income-payment-table-container{overflow-x:auto;margin:0 -14px;padding:0 14px}.income-pagination{flex-direction:column;gap:16px;align-items:stretch}.pagination-left{justify-content:space-between}.pagination-controls{justify-content:center;flex-wrap:wrap}}@media (max-width: 420px){.income-stats{grid-template-columns:1fr}}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.payment-modal-content{background-color:#fff;border-radius:12px;max-width:600px;width:100%;box-shadow:0 20px 60px #0000001a;position:relative;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #7C3AED}.payment-modal-title{font-size:24px;font-weight:500;color:#111827;margin:0}.payment-modal-close{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.payment-modal-body{padding:32px}.payment-modal-illustration-wrapper{display:flex;justify-content:center;margin-bottom:24px}.payment-illustration{max-width:200px;height:auto;object-fit:contain}.payment-current-method{text-align:center;font-size:14px;color:#111827;margin-bottom:32px}.payment-current-method .highlight{color:#7c3aed;font-weight:500}.payment-form-section{margin-bottom:32px}.form-label{display:block;font-size:14px;color:#6b7280;margin-bottom:8px}.required{color:#ef4444;margin-left:2px}.select-wrapper{position:relative;width:100%}.form-select{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:6px;font-size:14px;color:#111827;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;outline:none}.form-select::placeholder{color:#9ca3af}.select-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center}.form-input{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:6px;font-size:14px;color:#111827;outline:none;box-sizing:border-box}.form-input::placeholder{color:#9ca3af}.payment-notes{margin-bottom:32px}.notes-title{font-size:16px;font-weight:600;color:#7c3aed;margin:0 0 16px}.notes-text{font-size:14px;color:#374151;line-height:1.6;margin-bottom:12px}.notes-text:last-child{margin-bottom:0}.link-purple{color:#7c3aed;text-decoration:none;font-weight:500}.payment-modal-actions{display:flex;justify-content:space-between;gap:16px;padding:0 32px 32px;border-top:1px solid #F3F4F6;margin-top:12px}.btn-cancel{flex:1;padding:12px;background-color:#fff;border:1px solid #111827;border-radius:6px;color:#111827;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background-color:#f9fafb}.btn-save{flex:1;padding:12px;background:linear-gradient(90deg,#4f46e5,#7c3aed);border:none;border-radius:6px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save:hover{opacity:.9}@media (max-width: 640px){.payment-modal-content{margin:16px;padding:0;max-height:80vh}.payment-modal-header,.payment-modal-body{padding:16px}.payment-modal-actions{padding:16px;flex-direction:column-reverse}}.account-page{padding:32px;background-color:#f5f5f7;min-height:100vh}.account-container{display:grid;grid-template-columns:280px 1fr;gap:32px;max-width:1400px;margin:0 auto;animation:fadeIn .4s ease-out forwards}.account-sidebar{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #e5e5e7;height:fit-content;box-shadow:0 1px 3px #0000000d}.account-section-title{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #f0f0f2}.account-nav{display:flex;flex-direction:column;gap:12px}.account-nav-item{padding:12px 16px;background-color:transparent;border:none;border-left:3px solid transparent;text-align:left;font-size:14px;font-weight:500;color:#64646b;cursor:pointer;transition:all .3s ease;border-radius:0 6px 6px 0}.account-nav-item:hover{background-color:#f5f5f7;color:#1a1a1a}.account-nav-item.active{background-color:#f3e8ff;border-left-color:#5e5ce6;color:#5e5ce6;font-weight:600}.account-content{background-color:#fff;border-radius:12px;padding:32px;border:1px solid #e5e5e7;box-shadow:0 1px 3px #0000000d}@media (max-width: 1024px){.account-container{grid-template-columns:240px 1fr;gap:24px}.account-content{padding:24px}}@media (max-width: 768px){.account-page{padding:16px}.account-container{grid-template-columns:1fr}.account-sidebar{padding:16px}.account-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.account-nav-item{padding:10px 12px;font-size:12px;border-left:none;border-bottom:3px solid transparent}.account-nav-item.active{border-left:none;border-bottom-color:#5e5ce6}.account-content{padding:16px}}@media (max-width: 480px){.account-nav{grid-template-columns:1fr}.account-nav-item{border-left:3px solid transparent;border-bottom:none}.account-nav-item.active{border-left-color:#5e5ce6;border-bottom:none}}.pro-profile-settings{width:100%;padding-bottom:40px}.pro-profile-header-bg{width:100%;height:160px;background:url(/assets/Shiny-Bu9JRuY9.png),linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%);border-radius:12px;position:relative}.pro-profile-section{display:flex;align-items:flex-end;gap:24px;padding:0 32px;margin-top:-60px;margin-bottom:50px;position:relative}.pro-profile-avatar-wrapper{width:130px;height:130px;border-radius:50%;border:5px solid #fff;overflow:hidden;background:#f3f4f6;flex-shrink:0;box-shadow:0 4px 10px #0000001a}.pro-profile-avatar{width:100%;height:100%;object-fit:cover}.pro-profile-avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font-size:44px;font-weight:700}.pro-profile-actions{display:flex;gap:16px;padding-bottom:12px}.pro-btn-change-picture{background:linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%);color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:inline-block}.pro-btn-delete{background:#f9fafb;color:#9ca3af;border:1px solid #e5e7eb;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer}.pro-profile-form{padding:0}.pro-form-row{display:grid;gap:20px;margin-bottom:24px}.pro-two-cols{grid-template-columns:1fr 1fr}.pro-three-cols{grid-template-columns:1fr 1fr 1fr}.pro-three-cols .pro-form-group{width:100%}.pro-address-row{grid-template-columns:1.2fr 1fr 1fr}.pro-address-row>.pro-form-group:first-child{grid-column:1 / 3}.pro-address-row>.pro-form-group:last-child{grid-column:3 / 4}.pro-form-group{display:flex;flex-direction:column;gap:10px}.pro-form-group label{font-size:14px;color:#9ca3af;font-weight:400}.pro-form-group input,.pro-form-group select{padding:14px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:16px;color:#111827;outline:none;background:#fff;width:100%;box-sizing:border-box;font-weight:500}.pro-form-group input:focus,.pro-form-group select:focus{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed}.pro-select-wrapper{position:relative}.pro-phone-input-group{display:flex;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff;padding:0}.pro-phone-code-select{display:flex;align-items:center;background:#fff;padding:0 16px;border-right:1px solid #e5e7eb;gap:8px}.pro-phone-code-select .pro-flag-icon{width:24px;height:auto;display:block;border-radius:2px}.pro-phone-code-select select{border:none;background:transparent;padding:14px 0;width:auto;font-weight:500;outline:none;box-shadow:none!important;color:#111827}.pro-phone-input-group input{border:none;border-radius:0;flex:1;padding:14px 16px}.pro-phone-input-group:focus-within{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed}.pro-form-actions{display:flex;justify-content:flex-end;margin-top:50px}.pro-btn-save{background:linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%);color:#fff;padding:16px 40px;border-radius:10px;font-size:16px;font-weight:500;border:none;cursor:pointer;min-width:240px;box-shadow:0 4px 12px #7c3aed33}.pro-btn-save:hover{opacity:.95;transform:translateY(-1px)}@media (max-width: 768px){.pro-two-cols,.pro-three-cols,.pro-address-row{grid-template-columns:1fr}.pro-profile-section{flex-direction:column;align-items:center;margin-top:-60px;text-align:center}.pro-profile-actions{justify-content:center}}.ba-bank-information{width:100%}.ba-bank-form{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.ba-form-group{display:flex;flex-direction:column;gap:8px}.ba-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.ba-form-label{font-size:14px;font-weight:500;color:#9ca3af}.ba-form-input,.ba-form-select{padding:12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:16px;background-color:#fff;color:#111827;font-family:inherit;font-weight:500;transition:all .3s ease;height:50px;width:100%;box-sizing:border-box}.ba-form-input:focus,.ba-form-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.ba-form-input::placeholder{color:#9ca3af}.ba-form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:20px;padding-right:48px}.ba-btn-save-changes{padding:14px 48px;background:linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;align-self:flex-end;margin-top:16px;width:auto;min-width:200px}.ba-btn-save-changes:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 768px){.ba-form-row{grid-template-columns:1fr}.ba-btn-save-changes{width:100%}}.pas-change-password{width:100%}.pas-password-container{display:flex;gap:64px;margin-bottom:32px;align-items:flex-start}.pas-password-form{flex:1;max-width:500px;display:flex;flex-direction:column;gap:24px}.pas-form-group{display:flex;flex-direction:column;gap:8px}.pas-form-label{font-size:16px;font-weight:400;color:#9ca3af}.pas-password-input-wrapper{position:relative;display:flex;align-items:center}.pas-form-input{width:100%;padding:12px 48px 12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:16px;background-color:#fff;color:#111827;font-family:inherit;font-weight:500;transition:all .3s ease;height:50px}.pas-form-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.pas-password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:all .2s ease}.pas-password-toggle:hover{opacity:.8}.pas-password-card{flex:0 0 320px;background-color:#fafafa;border-radius:12px;padding:32px;border:1px solid #E5E7EB}.pas-password-requirements{display:flex;flex-direction:column;gap:20px}.pas-requirements-title{font-size:16px;font-weight:500;color:#111827;margin:0}.pas-requirements-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.pas-requirements-list li{display:flex;align-items:center;gap:12px;font-size:14px;color:#9ca3af;font-weight:400}.pas-check-circle{width:20px;height:20px;border-radius:50%;border:1px solid #E5E7EB;display:inline-block;background-color:#fff}.pas-requirements-list li.pas-valid{color:#111827}.pas-requirements-list li.pas-valid .pas-check-circle{background-color:#10b981;border-color:#10b981;position:relative}.pas-requirements-list li.pas-valid .pas-check-circle:after{content:"✓";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700}.pas-btn-save-changes{padding:14px;background:linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:24px;width:100%}.pas-btn-save-changes:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 900px){.pas-password-container{flex-direction:column;gap:32px}.pas-password-form,.pas-password-card{max-width:100%;width:100%;flex:auto}}.requirements-list{display:flex;flex-direction:column;gap:10px}.requirement-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#64646b;transition:all .2s ease}.requirement-item.met{color:#059669}.checkmark{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background-color:#fff;border:1px solid #d4d4d6;font-size:12px;color:#d4d4d6;flex-shrink:0;transition:all .2s ease}.requirement-item.met .checkmark{background-color:#10b981;border-color:#10b981;color:#fff}.btn-save-changes{padding:12px 32px;background:linear-gradient(135deg,#5e5ce6,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start;min-width:200px}.btn-save-changes:hover{transform:translateY(-2px);box-shadow:0 8px 16px #5e5ce64d}@media (max-width: 1024px){.password-container{grid-template-columns:1fr}}@media (max-width: 768px){.password-form{gap:16px}.password-card{padding:16px}.btn-save-changes{align-self:stretch}}.support-page{padding:40px;background-color:#fff;min-height:100vh;display:flex;justify-content:center}.support-container{width:100%;max-width:768px;margin:0 auto;animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.support-header{text-align:center;margin-bottom:40px}.support-title{font-size:30px;font-weight:700;color:#111827;margin:0 0 16px;line-height:1.2}.support-subtitle{font-size:16px;color:#6b7280;margin:0 auto;line-height:1.5;max-width:600px}.support-form{background-color:#fff;border-radius:16px;padding:40px;border:1px solid #E5E7EB;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;gap:12px}.support-page .form-group{display:flex;flex-direction:column;gap:8px}.support-page .form-label{font-size:14px;font-weight:400;color:#6b7280}.support-page .input-wrapper,.support-page .select-wrapper{position:relative;display:flex;align-items:center}.support-page .form-input,.support-page .form-select,.support-page .form-textarea{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;background-color:#fff;font-family:inherit;transition:all .2s;box-sizing:border-box}.support-page .form-input{padding-right:40px}.support-page .form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:40px;color:#111827}.support-page .form-input::placeholder,.support-page .form-textarea::placeholder{color:#d1d5db}.support-page .form-select:invalid{color:#d1d5db}.support-page .form-input:focus,.support-page .form-select:focus,.support-page .form-textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.support-page .input-icon,.support-page .select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#9ca3af}.support-page .form-textarea{min-height:120px;resize:vertical}.support-page .file-upload-box{border:1px dashed #E5E7EB;border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .2s;position:relative;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.support-page .file-upload-box:hover{border-color:#7c3aed;background-color:#f9fafb}.support-page .file-upload-icon{margin-bottom:12px;opacity:.6}.support-page .file-upload-text{font-size:14px;margin-bottom:4px}.support-page .upload-link{color:#4f46e5;font-weight:500}.support-page .upload-hint{color:#6b7280}.support-page .upload-formats{font-size:12px;color:#9ca3af;margin:0}.support-page .file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.support-page .file-name{font-size:13px;color:#059669;margin:0;padding-left:4px}.btn-submit-feedback{padding:12px 24px;background:linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;align-self:flex-start}.btn-submit-feedback:hover{opacity:.9}@media (max-width: 768px){.support-page{padding:16px 14px}.support-header{margin-bottom:24px}.support-title{font-size:24px}.support-subtitle{font-size:14px}.support-form{padding:24px 16px;border-radius:12px;gap:16px}.btn-submit-feedback{width:100%;align-self:stretch;text-align:center}}@media (max-width: 480px){.support-page{padding:12px 14px}.support-title{font-size:20px}.support-form{padding:20px 14px}}.notifications-page{padding:40px;background-color:#fff;min-height:100vh}.notifications-container{background-color:#fff;max-width:1200px;margin:0 auto}.notifications-header-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E5E7EB;padding-bottom:0;margin-bottom:0}.notifications-tabs{display:flex;gap:32px}.tab-button{padding:16px 4px;background:none;border:none;font-size:16px;color:#6b7280;cursor:pointer;position:relative;font-family:inherit}.tab-button.active{color:#7c3aed;font-weight:500}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#7c3aed;border-radius:3px 3px 0 0}.notifications-controls{display:flex;gap:16px;align-items:center;padding:12px 0}.search-box{position:relative;width:300px}.search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #F3F4F6;border-radius:6px;font-size:14px;background-color:#fafafa;color:#1f2937;outline:none;box-sizing:border-box}.search-input::placeholder{color:#9ca3af}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}.filter-button{padding:10px 16px;background-color:#fafafa;border:1px solid #F3F4F6;border-radius:6px;font-size:14px;color:#6b7280;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}.notifications-list{display:flex;flex-direction:column}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #F3F4F6}.notification-main{display:flex;flex-direction:column;gap:12px;flex:1}.notification-header-row{display:flex;align-items:center;gap:12px;height:20px}.unread-dot{width:6px;height:6px;background-color:#7c3aed;border-radius:50%;flex-shrink:0}.notification-title{font-size:14px;font-weight:500;color:#111827;margin:0}.notification-content-row{display:flex;align-items:center;gap:16px;padding-left:18px}.notification-visual{width:32px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.notification-book-cover{width:100%;height:100%;object-fit:cover;border-radius:2px;box-shadow:0 1px 2px #0000001a}.notification-text{font-size:14px;color:#4b5563;margin:0;display:flex;align-items:center;flex-wrap:wrap}.book-title{font-weight:700;color:#111827;margin-right:4px}.separator{margin:0 8px;color:#9ca3af;font-size:10px}.time-text{color:#9ca3af}.notification-actions{display:flex;gap:12px;align-items:center}.btn-outline{padding:8px 16px;background-color:#fff;border:1px solid #E5E7EB;border-radius:6px;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-outline:hover{background-color:#f9fafb;border-color:#d1d5db}.notification-visual svg{width:40px;height:40px}.no-notifications-msg{text-align:center;color:#9aa0a6;font-weight:500;padding:24px}@media (max-width: 768px){.notifications-page{padding:16px 14px}.notifications-header-bar{flex-direction:column;align-items:flex-start;gap:12px}.notifications-tabs{gap:20px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{font-size:14px;white-space:nowrap;padding:12px 4px}.notifications-controls{width:100%;flex-direction:column;gap:10px}.search-box{width:100%}.filter-button{width:100%;justify-content:space-between}.notification-item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 0}.notification-actions{align-self:stretch;display:flex;gap:8px}.btn-outline{flex:1;text-align:center}}.login-container{display:flex;width:100vw;height:100vh;overflow:hidden;font-family:Manrope,sans-serif}.login-left{width:50%;background:url(/assets/Shiny-Bu9JRuY9.png),linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:60px 60px 0;box-sizing:border-box}.login-logo{height:60px;object-fit:contain}.login-illustration{display:flex;justify-content:center;align-items:flex-end;width:100%}.illustration-img{max-width:100%;max-height:60vh;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));display:block;margin-bottom:0}.login-right{width:50%;background:#fff;padding:60px 100px;display:flex;flex-direction:column;justify-content:center;position:relative}.back-btn{position:absolute;top:60px;left:60px;display:flex;align-items:center;gap:8px;background:none;border:none;font-size:16px;color:#9ca3af;cursor:pointer;padding:0;font-family:Manrope,sans-serif}.back-btn:hover{color:#6b7280}.login-form-container{max-width:480px;width:100%;margin:0 auto}.login-form-container h1{font-family:Playfair Display,serif;font-size:48px;font-weight:700;color:#111827;margin-bottom:48px;letter-spacing:-.02em}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:16px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input{width:100%;height:56px;padding:0 16px;background:#f9fafb;border:1px solid #F3F4F6;border-radius:8px;font-size:16px;color:#1f2937;outline:none;box-sizing:border-box;font-family:Manrope,sans-serif}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{border-color:#9333ea;background:#fff;box-shadow:0 0 0 2px #9333ea1a}.password-input-wrapper{position:relative}.toggle-password{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;opacity:.6}.toggle-password:hover{opacity:1}.forgot-password{text-align:right;margin-bottom:40px}.forgot-password a{color:#7c3aed;text-decoration:none;font-size:14px;font-weight:600}.forgot-password a:hover{text-decoration:underline}.login-submit-btn{width:100%;height:56px;background:linear-gradient(180deg,#7226ff,#160078 59.47%,#010030 102.91%);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Manrope,sans-serif}.login-submit-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}@media (max-width: 1024px){.login-right{padding:40px}.back-btn{top:30px;left:30px}}@media (max-width: 768px){.login-container{flex-direction:column;height:auto;min-height:100vh}.login-left{width:100%;height:250px;padding:30px}.login-right{width:100%;padding:40px 20px}.login-logo{height:40px}.illustration-img{max-height:150px}.login-form-container h1{font-size:32px;margin-bottom:32px}}.story-info-page{padding:40px;background-color:#fff;min-height:100vh;box-sizing:border-box}.story-info-container{max-width:1000px;margin:0 auto;background:#fff}.story-info-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid #7c3aed;padding-bottom:20px}.story-info-header-row h1{font-size:28px;font-weight:500;color:#111827;margin:0}.story-info-close-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.story-info-close-btn:hover circle{stroke:#6b7280}.story-info-content{display:flex;gap:60px;margin-bottom:60px;align-items:flex-start}.story-info-left{flex-shrink:0}.story-cover-wrapper{position:relative}.story-cover-img{width:220px;height:330px;object-fit:cover;border-radius:2px;box-shadow:0 1px 3px #0000001a}.story-info-right{flex:1;padding-top:10px}.info-grid{display:flex;flex-direction:column;gap:24px}.info-row{display:flex;align-items:flex-start}.info-label{width:200px;font-size:16px;color:#9ca3af;flex-shrink:0;line-height:1.5}.info-value{font-size:16px;color:#111827;font-weight:500;line-height:1.5}.info-value.description{white-space:pre-wrap}.info-value.link{color:#7c3aed;text-decoration:underline;color:#374151;white-space:pre-wrap}.story-info-footer{border-top:1px solid #f3f4f6;padding-top:30px;display:flex;justify-content:center}.cancel-button{width:100%;max-width:600px;padding:14px;background:#fff;border:1px solid #7c3aed;border-radius:8px;color:#4c1d95;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#f5f3ff}@media (max-width: 768px){.story-info-page{padding:24px 16px}.story-info-content{flex-direction:column;align-items:center;gap:24px}.story-info-left{margin-bottom:0}.story-cover-img{width:180px;height:270px}.info-label{width:140px;font-size:14px}.info-value{font-size:14px}.story-info-header-row h1{font-size:22px}.story-info-header-row{margin-bottom:24px}}@media (max-width: 500px){.story-info-page{padding:18px 14px}.info-row{flex-direction:column;gap:2px}.info-label{width:100%;font-size:12px;color:#9ca3af;margin-bottom:0}.info-value{font-size:14px}.info-grid{gap:16px}.story-cover-img{width:150px;height:225px}.story-info-header-row h1{font-size:18px}.cancel-button{font-size:14px;padding:12px}}.story-info-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:fadeIn .2s forwards}@keyframes fadeIn{to{opacity:1}}.story-info-modal{background:#fff;width:90%;max-width:600px;max-height:80vh;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden;transform:scale(.95);animation:scaleUp .2s forwards}@keyframes scaleUp{to{transform:scale(1)}}.story-info-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.story-info-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.story-info-modal-close{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:4px;transition:all .2s}.story-info-modal-close:hover{background:#f3f4f6;color:#4b5563}.story-info-modal-body{padding:24px;overflow-y:auto;font-size:16px;line-height:1.6;color:#374151;white-space:pre-wrap}.read-more-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#f3f0ff;border:1px solid #ddd6fe;padding:6px 14px;margin-top:8px;margin-left:0;color:#7c3aed;font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;border-radius:20px;transition:all .2s ease;position:relative;z-index:10;box-shadow:0 1px 2px #0000000d;white-space:nowrap}.read-more-btn:hover{background-color:#7c3aed;color:#fff;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 6px -1px #7c3aed4d}.read-more-btn:active{transform:translateY(0);box-shadow:none}.info-value.description{display:block}:root{--bg: #f8f9fb;--card: #ffffff;--text: #0b1220;--muted: #7b8191;--purple-1: #6b21a8;--purple-2: #7c3aed;--accent: linear-gradient(180deg, #5b21b6, #5c2fd6)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;font-family:Manrope,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;background:#fff;box-shadow:8px 0 30px #0b11200d;display:flex;align-items:stretch}.sidebar-inner{padding:28px 18px;display:flex;flex-direction:column;height:100%;justify-content:space-between}.logo{font-family:Manrope,cursive;font-size:28px;color:var(--purple-2);font-weight:700;margin-bottom:18px}.nav{display:flex;flex-direction:column;gap:12px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--muted);cursor:pointer}.nav-item.active{background:var(--accent);color:#fff;box-shadow:0 6px 12px #5c2fd62e}.nav-item .icon{width:18px;height:18px;background:#0000000f;border-radius:4px}.back-cta{margin-top:18px;padding:10px 14px;background:linear-gradient(180deg,#4b0db1,#6f2be6);color:#fff;text-align:center;border-radius:12px;cursor:pointer}.main-area{flex:1;padding:0;overflow:auto;background:#f8f9fb}.navbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.navbar h2{margin:0;font-size:18px}.navbar-right{display:flex;align-items:center;gap:12px}.navbar .search input{padding:10px 12px;border-radius:10px;border:1px solid #eef0f3}.icons{display:flex;gap:12px;align-items:center}.bell{position:relative;width:36px;height:36px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0b11200a}.bell .dot{position:absolute;right:8px;top:8px;width:8px;height:8px;background:#ff3b30;border-radius:999px}.avatar{width:36px;height:36px;border-radius:999px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.dashboard .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:#fff;padding:14px;border-radius:12px;box-shadow:0 6px 18px #0b11200a}.stat-title{font-size:12px;color:var(--muted);margin-bottom:6px}.stat-value{font-weight:700;font-size:20px}.card{background:#fff;padding:18px;border-radius:12px;box-shadow:0 6px 18px #0b11200a;margin-bottom:24px}.card.small{max-width:520px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header h3{margin:0}.card-actions{display:flex;gap:8px;align-items:center}.card-actions input{padding:8px 10px;border-radius:8px;border:1px solid #eef0f3}.card-actions .filter{padding:8px 10px;border-radius:8px;background:#fff;border:1px solid #eef0f3}.review-table{width:100%;border-collapse:collapse}.review-table th,.review-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #f1f2f4}.review-table th{color:var(--muted);font-size:13px}.review-table td.title{font-weight:600}.pill{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px}.pill.pending-review{background:#f6f0ff;color:#7c3aed}.pill.rejected{background:#ffecec;color:#ef4444}.pill.revision-requested{background:#fff4e6;color:#f97316}.pill.approved{background:#e6fff3;color:#059669}.cover-list{display:flex;flex-direction:column;gap:12px}.cover-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #f1f2f4}.cover-row img{width:48px;height:68px;object-fit:cover;border-radius:6px}.cover-meta{flex:1}.cover-actions{display:flex;gap:8px}.btn{padding:6px 10px;border-radius:8px;border:0;cursor:pointer}.btn.view{background:#f6f0ff;color:#7c3aed}.btn.approve{background:#e6fff3;color:#059669}.btn.reject{background:#ffecec;color:#ef4444}@media (max-width: 768px){.main-area{overflow-y:auto;overflow-x:hidden}}