.admin-root{--bg:#080808;--surface:#111010;--surface2:#181616;--border:hsla(0,0%,100%,.07);--border2:hsla(0,0%,100%,.12);--gold:#c9a84c;--gold-dim:#7a6030;--red:#8b1c1c;--red-b:#c0392b;--green:#2d6a2d;--yellow:#7a5a10;--text:#e2d9cc;--muted:#7a6f62;--sidebar-w:220px;--font-title:"Cinzel",serif;--font-ui:"Montserrat",sans-serif;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px;min-height:100vh}.admin-root button{font-family:var(--font-ui);cursor:pointer;border:none;background:none}.admin-root input,.admin-root select,.admin-root textarea{font-family:var(--font-ui);font-size:13px;color:var(--text)}.admin-root .login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.admin-root .login-box{width:360px;padding:48px 40px;border:1px solid var(--border2);background:var(--surface)}.admin-root .login-logo{font-family:var(--font-title);font-size:22px;letter-spacing:5px;text-align:center;background:linear-gradient(160deg,#fff0d1 20%,var(--gold) 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.admin-root .login-label{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:40px}.admin-root .login-form{display:flex;flex-direction:column;gap:20px}.admin-root .btn-login{width:100%;padding:14px;background:var(--gold-dim);color:var(--text);font-size:10px;letter-spacing:3px;text-transform:uppercase;border:1px solid var(--gold);transition:background .2s}.admin-root .btn-login:hover{background:var(--gold)}.admin-root .btn-login:disabled{opacity:.5;cursor:not-allowed}.admin-root .admin-layout,.admin-root .sidebar{display:flex;min-height:100vh}.admin-root .sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:hidden}.admin-root .admin-main{flex:1 1;min-height:100vh;overflow-y:auto;background:var(--bg)}.admin-root .sidebar-logo{padding:28px 20px 20px;border-bottom:1px solid var(--border)}.admin-root .sl-main{display:block;font-family:var(--font-title);font-size:14px;letter-spacing:4px;background:linear-gradient(160deg,#fff0d1 20%,var(--gold) 60%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-root .sl-tag{display:inline-block;font-size:8px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-top:3px}.admin-root .sidebar-nav{flex:1 1;padding:16px 0;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.admin-root .nav-item{display:flex;align-items:center;gap:12px;padding:11px 20px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);transition:color .15s,background .15s;width:100%;text-align:left}.admin-root .nav-item:hover{color:var(--text);background:hsla(0,0%,100%,.03)}.admin-root .nav-item.active{color:var(--gold);background:rgba(201,168,76,.07)}.admin-root .nav-item i{font-size:13px;width:16px;text-align:center}.admin-root .sidebar-footer{padding:16px 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.admin-root .logout-item:hover{color:#c0392b}.admin-root .view-inner{padding:36px 40px;max-width:1100px}.admin-root .view-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:12px}.admin-root .view-title{font-family:var(--font-title);font-size:20px;font-weight:400;letter-spacing:3px;color:var(--text)}.admin-root .back-btn{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);transition:color .15s;padding:0;margin-bottom:8px}.admin-root .back-btn:hover{color:var(--text)}.admin-root .section-divider{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-dim);padding:24px 0 12px;border-bottom:1px solid var(--border);margin-bottom:20px}.admin-root .hint-text{font-size:12px;color:var(--muted);margin-bottom:20px;line-height:1.6}.admin-root .stats-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:16px;gap:16px}@media (max-width:1000px){.admin-root .stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.admin-root .stats-grid{grid-template-columns:repeat(2,1fr)}}.admin-root .stat-card{background:var(--surface);border:1px solid var(--border);padding:24px 20px;text-align:center}.admin-root .stat-icon{font-size:24px;display:block;margin-bottom:12px}.admin-root .stat-val{font-family:var(--font-title);font-size:28px;color:var(--text);margin-bottom:4px}.admin-root .stat-lbl{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.admin-root .quick-list{display:flex;flex-direction:column;gap:2px}.admin-root .quick-row{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--surface);cursor:pointer;transition:background .15s}.admin-root .qr-thumb,.admin-root .quick-row:hover{background:var(--surface2)}.admin-root .qr-thumb{width:36px;height:54px;object-fit:cover;flex-shrink:0}.admin-root .qr-info{flex:1 1}.admin-root .qr-title{font-size:13px;color:var(--text);margin-bottom:2px}.admin-root .qr-sub{font-size:10px;color:var(--muted)}.admin-root .table-wrap{overflow-x:auto}.admin-root .data-table{width:100%;border-collapse:collapse}.admin-root .data-table th{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}.admin-root .data-table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.admin-root .data-table tr:hover td{background:hsla(0,0%,100%,.015)}.admin-root .book-thumb{width:40px;height:60px;object-fit:cover;background:var(--surface2)}.admin-root .td-cover{width:56px}.admin-root .td-title{font-size:13px;color:var(--text);margin-bottom:2px}.admin-root .td-sub{font-size:10px;color:var(--muted)}.admin-root .td-center{text-align:center}.admin-root .td-muted{color:var(--muted)}.admin-root .td-order{color:var(--gold);font-size:11px;width:40px}.admin-root .td-actions{display:flex;gap:8px;align-items:center}.admin-root .act-btn{width:30px;height:30px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:11px;transition:color .15s,border-color .15s}.admin-root .act-btn:hover{color:var(--text);border-color:var(--border2)}.admin-root .act-blue:hover{color:#5bc0de;border-color:#5bc0de}.admin-root .act-red:hover{color:var(--red-b);border-color:var(--red-b)}.admin-root .badge{display:inline-block;padding:3px 10px;font-size:9px;letter-spacing:2px;text-transform:uppercase}.admin-root .badge-green{background:rgba(45,106,45,.3);color:#7fc77f;border:1px solid rgba(45,106,45,.5)}.admin-root .badge-yellow{background:rgba(122,90,16,.3);color:#e0b050;border:1px solid rgba(122,90,16,.5)}.admin-root .edit-form{display:flex;flex-direction:column;gap:20px;max-width:860px}.admin-root .form-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:640px){.admin-root .form-grid-2{grid-template-columns:1fr}}.admin-root .field{display:flex;flex-direction:column;gap:6px}.admin-root .field label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.admin-root .field input,.admin-root .field select,.admin-root .field textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:11px 14px;outline:none;transition:border-color .15s;resize:vertical}.admin-root .field input:focus,.admin-root .field select:focus,.admin-root .field textarea:focus{border-color:var(--gold-dim)}.admin-root .field select option{background:var(--surface)}.admin-root .field.field-error input{border-color:var(--red-b)}.admin-root .err-msg{font-size:11px;color:var(--red-b);margin-top:4px}.admin-root .url-field{font-size:11px;color:var(--muted)}.admin-root .img-upload-zone{display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:var(--surface2);border:1px solid var(--border);padding:16px}.admin-root .img-preview-thumb{width:80px;height:120px;object-fit:cover}.admin-root .bg-fit{width:120px;height:80px;object-fit:cover}.admin-root .img-placeholder-icon{font-size:32px;color:var(--border2);display:block;padding:8px}.admin-root .upload-btn-inline{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--gold-dim);color:var(--text);font-size:9px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .15s}.admin-root .upload-btn-inline:hover{background:var(--gold)}.admin-root .docx-zone{border:1px dashed var(--border2);padding:32px 24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s;min-height:100px}.admin-root .docx-zone:hover{border-color:var(--gold-dim)}.admin-root .docx-state{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);text-align:center}.admin-root .docx-state i{font-size:28px}.admin-root .docx-state span{font-size:12px}.admin-root .docx-ok{color:#7fc77f}.admin-root .docx-icon{color:var(--gold-dim)}.admin-root .docx-mini-preview{background:var(--surface2);border:1px solid var(--border);padding:16px;max-height:240px;overflow:auto;font-size:12px;line-height:1.6;color:var(--muted);position:relative}.admin-root .chapter-preview-box{background:var(--surface);border:1px solid var(--border);padding:40px;max-width:720px}.admin-root .chapter-reader-content{font-size:16px;line-height:1.9;color:var(--text)}.admin-root .chapter-reader-content p{margin-bottom:1.2em}.admin-root .chapter-reader-content h1,.admin-root .chapter-reader-content h2,.admin-root .chapter-reader-content h3{font-family:var(--font-title);letter-spacing:2px;color:var(--gold);margin:1.5em 0 .6em}.admin-root .chapter-reader-content strong{color:#f0e8d5;font-weight:600}.admin-root .chapter-reader-content em{font-style:italic;color:#cfc0a8}.admin-root .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--gold-dim);color:var(--text);font-size:9px;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--gold-dim);transition:background .15s}.admin-root .btn-primary:hover{background:var(--gold)}.admin-root .btn-primary.btn-sm{padding:7px 16px}.admin-root .btn-save{display:inline-flex;align-items:center;gap:8px;padding:11px 28px;background:var(--gold-dim);color:var(--text);font-size:9px;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--gold-dim);transition:background .15s}.admin-root .btn-save:hover{background:var(--gold)}.admin-root .btn-save:disabled{opacity:.4;cursor:not-allowed}.admin-root .btn-save.btn-sm{padding:7px 16px}.admin-root .btn-cancel{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:transparent;color:var(--muted);font-size:9px;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--border);transition:color .15s,border-color .15s}.admin-root .btn-cancel:hover{color:var(--text);border-color:var(--border2)}.admin-root .btn-cancel.btn-sm{padding:7px 14px}.admin-root .form-actions{display:flex;gap:12px;align-items:center;padding-top:8px;flex-wrap:wrap}.admin-root .empty-state{padding:60px;text-align:center;color:var(--muted)}.admin-root .inline-form{background:var(--surface2);border:1px solid var(--border);padding:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:14px;max-width:760px}.admin-root .tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.admin-root .tab-btn{padding:10px 24px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);background:none;cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.admin-root .tab-btn:hover{color:var(--text)}.admin-root .tab-btn.active{color:var(--gold);border-bottom-color:var(--gold)}.admin-root .tab-pane{padding-top:8px}.admin-root .sub-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.admin-root .sub-title{font-family:var(--font-title);font-size:15px;font-weight:400;letter-spacing:2px}.admin-root .quotes-list{display:flex;flex-direction:column;gap:12px;max-width:760px}.admin-root .quote-card{background:var(--surface2);border:1px solid var(--border);padding:20px;position:relative}.admin-root .quote-card.editing{display:flex;flex-direction:column;gap:10px}.admin-root .qcard-text{font-size:14px;line-height:1.7;color:var(--text);font-style:italic;margin-bottom:8px;padding-right:70px}.admin-root .qcard-src{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-dim)}.admin-root .qcard-actions{position:absolute;top:14px;right:14px;display:flex;gap:6px}.admin-root .hero-picker-grid{display:flex;flex-wrap:wrap;gap:16px;max-width:760px}.admin-root .hero-pick-card{width:120px;cursor:pointer;position:relative;border:2px solid var(--border);padding:4px;transition:border-color .2s,transform .2s}.admin-root .hero-pick-card:hover{border-color:var(--border2);transform:translateY(-2px)}.admin-root .hero-pick-card.active{border-color:var(--gold)}.admin-root .hp-thumb{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:var(--surface2)}.admin-root .hp-title{font-size:10px;letter-spacing:2px;text-align:center;padding:8px 4px;color:var(--muted);text-transform:uppercase}.admin-root .hero-pick-card.active .hp-title{color:var(--gold)}.admin-root .hp-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--gold);color:#000;display:flex;align-items:center;justify-content:center;font-size:9px;opacity:0;transition:opacity .15s}.admin-root .hero-pick-card.active .hp-check{opacity:1}.admin-root .vid-thumb{width:64px;height:36px;object-fit:cover;background:var(--surface2)}.admin-root .comment-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:22px;max-width:620px}.admin-root .comment-admin-filter{display:grid;grid-template-columns:180px 180px 1fr;grid-gap:14px;gap:14px;max-width:820px}.admin-root .comments-admin-list{display:flex;flex-direction:column;gap:14px;max-width:920px}.admin-root .admin-comment-card{background:var(--surface2);border:1px solid var(--border);padding:18px}.admin-root .admin-comment-card.is-hidden{opacity:.68}.admin-root .admin-comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px;color:var(--muted);font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.admin-root .admin-comment-meta span:first-child{color:var(--gold)}.admin-root .admin-comment-block{border-left:2px solid var(--gold-dim);background:hsla(0,0%,100%,.025);padding:12px 14px;margin-bottom:14px;color:var(--muted);line-height:1.6;font-size:12px}.admin-root .admin-comment-body{background:var(--surface);border:1px solid var(--border);padding:14px}.admin-root .admin-comment-body strong{display:block;color:var(--gold);font-size:12px;margin-bottom:6px;letter-spacing:1px}.admin-root .admin-comment-body p{color:var(--text);line-height:1.65;white-space:pre-wrap}.admin-root .toast{position:fixed;bottom:24px;right:24px;background:var(--gold-dim);color:var(--text);padding:12px 22px;font-size:10px;letter-spacing:2px;text-transform:uppercase;border:1px solid var(--gold);z-index:5000;animation:modalIn .25s ease}.admin-root .quiz-q-block{background:var(--surface2);border:1px solid var(--border);padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}.admin-root .quiz-ans-row{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:8px;gap:8px;align-items:center}.admin-root .character-image-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.admin-root .character-image-row{display:grid;grid-template-columns:62px 1fr;grid-gap:12px;gap:12px;align-items:center;background:var(--surface2);border:1px solid var(--border);padding:12px;min-width:0}.admin-root .character-image-preview{width:62px;aspect-ratio:3/4;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);overflow:hidden}.admin-root .character-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.admin-root .character-image-fields{display:flex;flex-direction:column;gap:8px;min-width:0}.admin-root .character-image-fields strong{font-size:11px;letter-spacing:1.5px;color:var(--gold);overflow-wrap:anywhere}.admin-root .character-image-actions{display:grid;grid-template-columns:auto 1fr;grid-gap:8px;gap:8px;align-items:center}.admin-root .character-image-actions input{min-width:0;padding:9px 10px;outline:none}.admin-root .character-image-actions input,.admin-root .chip-tag{background:var(--surface);border:1px solid var(--border);color:var(--text)}.admin-root .chip-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:10px}.admin-root .loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted);font-size:11px;letter-spacing:3px;text-transform:uppercase}@media (max-width:720px){.admin-root .sidebar{--sidebar-w:64px}.admin-root .nav-item span,.admin-root .sl-tag{display:none}.admin-root .sidebar-logo{padding:20px 10px;text-align:center}.admin-root .view-inner{padding:24px 16px}.admin-root .character-image-actions,.admin-root .character-image-grid,.admin-root .comment-admin-filter,.admin-root .comment-admin-stats{grid-template-columns:1fr}}