:root{--bg-color:#0b0e14;--surface-color:#151a21;--surface-hover:#1e2530;--primary-color:#fff;--neon-color:#0f6;--text-muted:#8b94a0;--border-color:#263140;--radius:16px;--layout-header-height:60px}*,:after,:before{box-sizing:border-box;margin:0;padding:0;font-weight:400}html{scrollbar-gutter:stable}body{background-color:var(--bg-color);color:var(--primary-color);font-family:Plus Jakarta Sans,sans-serif;line-height:1.4}textarea{resize:vertical}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;width:100%;max-width:1240px;max-height:var(--layout-header-height);background-color:#0b0e14d9;margin:0 auto;padding:20px;position:fixed;top:0}a{color:inherit;text-decoration:none}footer{border-top:1px solid var(--border-color);color:var(--text-muted);padding:20px 0;font-size:13px}#app{min-height:100vh;padding-top:var(--layout-header-height);flex-direction:column;display:flex}.admin-page-title .box,main{flex:1}.main-container{padding:40px 20px}.container,.main-container{width:100%;max-width:1240px;margin:0 auto}.container{padding:0 20px}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:1px;font-family:Outfit,sans-serif;font-size:26px;font-weight:900}.logo span{color:var(--neon-color)}.nav-menu{gap:28px;font-size:14px;font-weight:700;list-style:none;display:flex}.nav-menu a{color:var(--text-muted);transition:color .2s}.nav-menu a.active,.nav-menu a:hover{color:var(--primary-color)}.header-actions{align-items:center;gap:16px;display:flex}.btn-search{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600}.user-avatar{cursor:pointer;background:linear-gradient(135deg,#0f6,#00b3ff);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hero-banner{background:linear-gradient(180deg,#00ff6614 0,#151a2166 100%),var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);padding:48px;position:relative;overflow:hidden}.hero-badge{color:var(--neon-color);text-transform:uppercase;letter-spacing:1px;background-color:#00ff6626;border-radius:20px;margin-bottom:16px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-block}.hero-banner h1{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:44px;font-weight:900;line-height:1.1}.hero-banner p{color:var(--text-muted);margin-bottom:28px;font-size:15px}.hero-buttons{gap:12px;display:flex}.btn-neon{background-color:var(--neon-color);color:#000;cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:800;transition:transform .2s}.btn-neon:hover{transform:scale(1.03)}.btn-neon.secondary{background-color:var(--surface-hover)}.btn-glass,.btn-neon.secondary{color:var(--primary-color);border:1px solid var(--border-color)}.btn-glass{cursor:pointer;background-color:#ffff660d;border-radius:12px;padding:12px 24px;font-weight:700}.tags-section{gap:10px;margin:32px 0;padding-bottom:4px;display:flex;overflow-x:auto}.tag-pill{background-color:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;color:var(--text-muted);border-radius:24px;padding:8px 18px;font-size:13px;font-weight:700}.tag-pill.active,.tag-pill:hover{background-color:var(--surface-hover);color:var(--primary-color);border-color:var(--text-muted)}.section-block{margin-top:20px;margin-bottom:60px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h2{font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.see-all{color:var(--neon-color);font-size:14px;font-weight:700}.manga-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:20px;display:grid}.manga-card{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;padding:12px;transition:border-color .2s,transform .2s}.manga-card:hover{border-color:var(--neon-color);transform:translateY(-4px)}.manga-cover{-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,#212936,#161d26);border-radius:10px;align-items:flex-end;width:100%;margin-bottom:12px;display:flex;position:relative}.chap-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--neon-color);background-color:#000000b3;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800}.manga-title{text-align:center;margin-bottom:4px;font-size:15px;font-weight:700}.manga-genres{color:var(--text-muted);font-size:12px}.footer-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-container{margin:40px auto 80px}.admin-page-title{margin-bottom:32px}.admin-page-title.space-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-page-title h1{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:32px;font-weight:800}.admin-page-title p{color:var(--text-muted);font-size:14px}.separator{margin-top:60px}.admin-filter-bar{gap:12px;margin-bottom:24px;display:flex}.search-input-field{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--primary-color);border-radius:12px;outline:none;flex-grow:1;padding:12px 16px;font-family:inherit;font-size:14px}.search-input-field:focus{border-color:var(--neon-color)}.filter-select-field{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--primary-color);cursor:pointer;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px}.filter-select-field:focus{border-color:var(--neon-color)}.admin-section{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);margin-bottom:24px;padding:28px}.admin-section h2{color:var(--neon-color);margin-bottom:20px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.section-top-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.total-badge{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;padding:4px 10px;font-size:11px;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:span 2}.form-group label{color:var(--text-muted);font-size:13px;font-weight:700}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--primary-color);border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--neon-color)}.btn-icon,.form-group select,.sort-toggle,.upload-box{cursor:pointer}.upload-box{border:2px dashed var(--border-color);background-color:var(--bg-color);border-radius:12px;justify-content:center;align-items:center;height:120px;transition:border-color .2s;display:flex}.upload-box:hover{border-color:var(--neon-color)}.upload-placeholder{color:var(--text-muted);font-size:13px;font-weight:700}.table-responsive{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.admin-table th{color:var(--text-muted);padding:10px 16px;font-weight:700}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-color)}.admin-table td{vertical-align:middle;padding:14px 16px}.admin-table tr:last-child td{border-bottom:none}.table-header,.table-tr{grid-template-columns:1fr 1fr;align-items:center;display:grid}.table-header{border-bottom:1px solid var(--border-color)}.table-title-cell{flex-direction:column;gap:2px;display:flex}.table-title-cell strong{color:var(--primary-color);font-family:Outfit,sans-serif;font-size:14px}.table-title-cell span{color:var(--text-muted);font-size:11px}.status-pill{text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-block}.status-pill.ongoing{color:var(--neon-color);background-color:#00ff661f}.status-pill.finished{color:#00b3ff;background-color:#00b3ff1f}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-icon{background:var(--bg-color);border:1px solid var(--border-color);height:32px;color:var(--primary-color);border-radius:8px;justify-content:center;align-items:center;padding:10px;font-size:12px;transition:border-color .2s;display:flex}.btn-icon.edit{background-color:#00b3ff}.btn-icon.delete{background-color:#ff5722}.btn-icon.edit:hover{border-color:#00b3ff}.btn-icon.delete:hover{border-color:#ff5722}.admin-actions-footer{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.title-hero{grid-template-columns:320px 1fr;align-items:start;gap:40px;display:grid}.title-poster{border-radius:var(--radius);border:1px solid var(--border-color);background:linear-gradient(135deg,#212936,#161d26);position:relative;overflow:hidden}.title-cover{-o-object-fit:cover;object-fit:cover;align-items:flex-end;width:100%;height:100%;display:flex;position:relative}.status-badge{color:var(--neon-color);text-transform:uppercase;background-color:#00ff6626;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-block}.tags-row{gap:8px;margin-bottom:12px;display:flex}.genre-tag{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;padding:4px 12px;font-size:12px;font-weight:700}.title-meta h1{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:38px;font-weight:900}.alternative-name{color:var(--text-muted);margin-bottom:20px;font-size:14px}.stats-row{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;gap:24px;max-width:520px;margin-bottom:20px;padding:16px;display:flex}.stat-item{flex-direction:column;font-size:13px;display:flex}.stat-item strong{font-family:Outfit,sans-serif;font-size:18px}.stat-item span{color:var(--text-muted);font-size:11px}.title-description{color:var(--text-muted);white-space:pre-wrap;max-width:700px;margin-bottom:24px;font-size:14px}.action-buttons{flex-wrap:wrap;gap:12px;display:flex}.chapters-section{margin-top:60px;margin-bottom:60px}.chapters-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.chapters-header h2{font-family:Outfit,sans-serif;font-size:24px}.sort-toggle{color:var(--text-muted);font-size:13px;font-weight:700}.chapters-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow:auto}.chapters-list::-webkit-scrollbar{width:6px}.chapters-list::-webkit-scrollbar-track{background:0 0}.chapters-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.chapters-list::-webkit-scrollbar-thumb:hover{background:#666}.chapters-list{scrollbar-width:thin;scrollbar-color:#444 transparent}.chapter-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:border-color .2s;display:flex}.chapter-item:hover{border-color:var(--neon-color)}.chapter-item.read{opacity:.6}.chap-num{align-items:center;gap:12px;font-size:15px;font-weight:700;display:flex}.read-mark{background-color:var(--border-color);border-radius:4px;padding:2px 8px;font-size:10px}.chap-date,.read-mark{color:var(--text-muted)}.chap-date{font-size:13px}.comment-form-box{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);gap:16px;margin-bottom:32px;padding:20px;display:flex}.user-avatar-small{background:linear-gradient(135deg,#0f6,#00b3ff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.comment-input-wrapper{flex-direction:column;flex-grow:1;gap:12px;display:flex}.comment-input-wrapper textarea{background-color:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--primary-color);resize:vertical;border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:14px}.comment-input-wrapper textarea:focus{border-color:var(--neon-color)}.comment-form-actions{justify-content:space-between;align-items:center;display:flex}.hint-formatting{color:var(--text-muted);font-size:11px}.comments-list{flex-direction:column;gap:16px;display:flex}.comment-item{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius);gap:16px;padding:20px;display:flex}.comment-user-pic{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Outfit,sans-serif;font-weight:800;display:flex}.comment-content{flex-grow:1}.comment-user-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.username{font-size:14px;font-weight:700}.comment-time{color:var(--text-muted);font-size:12px}.comment-text{color:#d0d7de;margin-bottom:12px;font-size:14px;line-height:1.5}.comment-actions,.comments-header{gap:16px;display:flex}.like-btn,.reply-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700;transition:color .2s}.like-btn:hover{color:var(--neon-color)}.reply-btn:hover{color:var(--primary-color)}.comments-section{margin-top:50px;margin-bottom:80px}.comments-header{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:24px}.comments-header h2{align-items:center;gap:12px;margin-bottom:0;font-family:Outfit,sans-serif;font-size:24px;display:flex}.comm-count{color:var(--text-muted);padding:2px 8px;font-size:12px;font-weight:700}.comm-count,.comments-sort-tabs{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px}.comments-sort-tabs{gap:6px;padding:4px;display:flex}.sort-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:background-color .2s,color .2s}.sort-tab:hover{color:var(--primary-color)}.sort-tab.active{background-color:var(--surface-hover);color:var(--neon-color);border:1px solid var(--border-color)}@media (width>=600px){#app{padding-top:0}.header{position:sticky}}@media (width<=968px){.hero-banner{padding:28px}.hero-banner h1{font-size:32px}.nav-menu{display:none}.title-hero{grid-template-columns:1fr}.row-actions{flex-direction:column;display:flex}}.redirecting-loader[data-v-433640c7]{justify-content:center;align-items:center;height:100vh;font-family:sans-serif;display:flex}