:root{--nr-primary:#3b82f6;--nr-primary-dark:#2563eb;--nr-bg:#ffffff;--nr-bg-alt:#f9fafb;--nr-bg-hover:#f3f4f6;--nr-border:#e5e7eb;--nr-text:#111827;--nr-text-muted:#6b7280;--nr-amber:#f59e0b;--nr-emerald:#10b981;--nr-rose:#ef4444;--nr-spacing:6px;--nr-radius:4px;--nr-transition:80ms ease}:root[data-mode="dark"]{--nr-bg:#424c66;--nr-bg-alt:#4e5978;--nr-bg-hover:#5c688c;--nr-border:rgba(255,255,255,0.22);--nr-text:#ffffff;--nr-text-muted:#dce3f4}:root[data-mode="dark"] .nr-modal-content{background:#4e5978;color:#ffffff;border:1px solid rgba(255,255,255,0.12);box-shadow:0 20px 45px rgba(0,0,0,0.5)}:root[data-mode="dark"] .nr-detail-admin,:root[data-mode="dark"] .nr-modal-admin{background:#2e2417;border-left-color:var(--nr-amber)}:root[data-mode="dark"] .nr-detail-admin strong,:root[data-mode="dark"] .nr-modal-admin-label{color:#fbbf24}:root[data-mode="dark"] .nr-modal-admin-text{color:#fde68a}.novel-requests-container{max-width:100%;margin:0}.nr-submit-button-container{margin-bottom:12px;text-align:center}.nr-toggle-btn{background:var(--nr-primary);color:white;border:none;padding:8px 16px;font-size:13px;font-weight:600;border-radius:var(--nr-radius);cursor:pointer;transition:background var(--nr-transition);display:inline-flex;align-items:center;gap:6px}.nr-toggle-btn:hover{background:var(--nr-primary-dark)}.btn-icon{font-size:14px;line-height:1;transition:transform var(--nr-transition)}.nr-toggle-btn.active .btn-icon{transform:rotate(45deg)}.nr-section{margin-bottom:12px;background:var(--nr-bg);border:1px solid var(--nr-border);border-radius:var(--nr-radius);padding:8px}.nr-form-section{animation:fadeIn 100ms ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.nr-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.nr-title{margin:0;font-size:14px;font-weight:700;color:var(--nr-text)}.nr-close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:var(--nr-text-muted);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--nr-transition);line-height:1}.nr-close-btn:hover{background:var(--nr-bg-hover);color:var(--nr-text)}.nr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--nr-spacing)}.nr-form-group{margin-bottom:var(--nr-spacing)}.nr-form-group label{display:block;font-size:11px;margin-bottom:3px;font-weight:600;color:var(--nr-text);text-transform:uppercase;letter-spacing:0.03em}.nr-form-group input,.nr-form-group select,.nr-form-group textarea{width:100%;padding:6px 8px;font-size:13px;border:1px solid var(--nr-border);border-radius:var(--nr-radius);background:var(--nr-bg);color:var(--nr-text);transition:border-color var(--nr-transition);font-family:inherit}.nr-form-group input:focus,.nr-form-group select:focus,.nr-form-group textarea:focus{outline:none;border-color:var(--nr-primary)}.nr-form-group textarea{resize:vertical;min-height:60px}.nr-form-actions{display:flex;gap:var(--nr-spacing);margin-top:8px}.nr-submit-btn,.nr-cancel-btn{padding:7px 14px;font-size:13px;font-weight:600;border:none;border-radius:var(--nr-radius);cursor:pointer;transition:all var(--nr-transition)}.nr-submit-btn{background:var(--nr-primary);color:white;flex:1}.nr-submit-btn:hover:not(:disabled){background:var(--nr-primary-dark)}.nr-submit-btn:disabled{background:var(--nr-bg-hover);color:var(--nr-text-muted);cursor:not-allowed;opacity:0.5}.nr-cancel-btn{background:var(--nr-bg-hover);color:var(--nr-text)}.nr-cancel-btn:hover{background:var(--nr-border)}.nr-login-notice{background:var(--nr-bg-alt);border:1px solid var(--nr-border);border-radius:var(--nr-radius);padding:12px;text-align:center;margin-bottom:12px;font-size:13px;color:var(--nr-text-muted)}.nr-controls{display:flex;gap:8px;margin-bottom:8px;align-items:center}.nr-search{flex:1;padding:6px 12px;font-size:13px;border:1px solid var(--nr-border);border-radius:999px;background:var(--nr-bg);transition:border-color var(--nr-transition)}.nr-search:focus{outline:none;border-color:var(--nr-primary)}.nr-sort{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--nr-text-muted)}.nr-sort select{padding:5px 8px;font-size:12px;border:1px solid var(--nr-border);border-radius:var(--nr-radius);background:var(--nr-bg);color:var(--nr-text);cursor:pointer}.nr-sort select:focus{outline:none;border-color:var(--nr-primary)}.nr-tabs{display:flex;gap:6px;margin-bottom:8px}.nr-tab{padding:6px 12px;font-size:12px;font-weight:600;border:1px solid transparent;background:var(--nr-bg-alt);color:var(--nr-text-muted);cursor:pointer;border-radius:var(--nr-radius);transition:all var(--nr-transition);white-space:nowrap;display:flex;align-items:center;gap:6px}.nr-tab:hover:not(.active){background:var(--nr-bg-hover)}.nr-tab.active{color:white}.nr-tab[data-status="in_review"].active{background:var(--nr-amber);border-color:var(--nr-amber)}.nr-tab[data-status="approved"].active{background:var(--nr-emerald);border-color:var(--nr-emerald)}.nr-tab[data-status="rejected"].active{background:var(--nr-rose);border-color:var(--nr-rose)}.nr-tab-count{background:rgba(255,255,255,0.25);padding:1px 5px;border-radius:10px;font-size:10px;font-weight:700}.nr-tab:not(.active) .nr-tab-count{background:var(--nr-border);color:var(--nr-text-muted)}.nr-list{border:1px solid var(--nr-border);border-radius:var(--nr-radius);overflow:hidden}.nr-row{display:flex;align-items:center;gap:12px;padding:6px 10px;border-bottom:1px solid var(--nr-border);cursor:pointer;transition:background var(--nr-transition);font-size:12px}.nr-row:last-child{border-bottom:none}.nr-row:hover{background:var(--nr-bg-alt)}.nr-row.expanded{background:var(--nr-bg-hover)}.nr-row-title{flex:1;font-weight:600;color:var(--nr-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.nr-row-lang{color:var(--nr-text-muted);font-size:11px;white-space:nowrap;flex-shrink:0}.nr-row-date{color:var(--nr-text-muted);font-size:11px;white-space:nowrap;flex-shrink:0}.nr-row-info{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--nr-primary);color:white;border-radius:50%;font-size:10px;font-weight:700;flex-shrink:0;opacity:0;transition:opacity var(--nr-transition)}.nr-row:hover .nr-row-info,.nr-row.has-comment .nr-row-info{opacity:1}.nr-row.has-comment .nr-row-info{background:var(--nr-amber)}.nr-details{display:none;padding:10px;background:var(--nr-bg-alt);border-top:1px solid var(--nr-border);font-size:11px;line-height:1.6;animation:slideDown 80ms ease}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.nr-row.expanded + .nr-details{display:block}.nr-detail-row{display:flex;margin-bottom:6px}.nr-detail-row:last-child{margin-bottom:0}.nr-detail-label{font-weight:700;color:var(--nr-text);min-width:70px;flex-shrink:0}.nr-detail-value{color:var(--nr-text-muted);word-break:break-word}.nr-detail-value a{color:var(--nr-primary);text-decoration:none}.nr-detail-value a:hover{text-decoration:underline}.nr-detail-admin{margin-top:8px;padding:8px;background:#fef9e7;border-left:3px solid var(--nr-amber);border-radius:var(--nr-radius)}.nr-detail-admin strong{color:#92400e;display:block;margin-bottom:4px}.nr-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;animation:fadeIn 100ms ease}.nr-modal.active{display:flex}.nr-modal-content{background:white;border-radius:var(--nr-radius);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px rgba(0,0,0,0.15);animation:slideUp 100ms ease}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nr-modal-header{padding:16px;border-bottom:1px solid var(--nr-border);display:flex;justify-content:space-between;align-items:center}.nr-modal-title{font-size:16px;font-weight:700;color:var(--nr-text);margin:0}.nr-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--nr-text-muted);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--nr-transition)}.nr-modal-close:hover{background:var(--nr-bg-hover);color:var(--nr-text)}.nr-modal-body{padding:16px}.nr-modal-row{margin-bottom:12px}.nr-modal-row:last-child{margin-bottom:0}.nr-modal-label{font-size:11px;font-weight:700;color:var(--nr-text-muted);text-transform:uppercase;letter-spacing:0.03em;margin-bottom:4px}.nr-modal-value{font-size:13px;color:var(--nr-text);line-height:1.5}.nr-modal-value a{color:var(--nr-primary);text-decoration:none}.nr-modal-value a:hover{text-decoration:underline}.nr-modal-admin{margin-top:12px;padding:12px;background:#fef9e7;border-left:3px solid var(--nr-amber);border-radius:var(--nr-radius)}.nr-modal-admin-label{font-size:11px;font-weight:700;color:#92400e;text-transform:uppercase;letter-spacing:0.03em;margin-bottom:6px}.nr-modal-admin-text{font-size:12px;color:#78350f;line-height:1.6}.nr-card-list{display:none}.nr-card{background:var(--nr-bg);border:1px solid var(--nr-border);border-radius:var(--nr-radius);padding:10px;margin-bottom:8px;cursor:pointer;transition:background var(--nr-transition)}.nr-card:hover{background:var(--nr-bg-alt)}.nr-card.expanded{background:var(--nr-bg-hover)}.nr-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.nr-card-title{font-size:13px;font-weight:700;color:var(--nr-text);margin:0}.nr-card-meta{font-size:11px;color:var(--nr-text-muted)}.nr-card-details{display:none;margin-top:10px;padding-top:10px;border-top:1px solid var(--nr-border);font-size:11px;animation:fadeIn 80ms ease}.nr-card.expanded .nr-card-details{display:block}.nr-pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:12px}.nr-page{min-width:28px;height:28px;padding:0 6px;font-size:12px;font-weight:600;border:1px solid var(--nr-border);background:var(--nr-bg);color:var(--nr-text);cursor:pointer;border-radius:var(--nr-radius);transition:all var(--nr-transition);display:inline-flex;align-items:center;justify-content:center}.nr-page:hover:not(.active):not(:disabled){background:var(--nr-bg-alt)}.nr-page.active{background:var(--nr-primary);color:white;border-color:var(--nr-primary)}.nr-page:disabled{opacity:0.4;cursor:default}.nr-loading{text-align:center;padding:40px 20px;color:var(--nr-text-muted);font-size:13px}.nr-empty{text-align:center;padding:40px 20px;color:var(--nr-text-muted);font-size:13px}.nr-empty::before{content:"📚";display:block;font-size:40px;margin-bottom:10px;opacity:0.3}.nr-skeleton{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--nr-bg-alt) 0%,var(--nr-border) 50%,var(--nr-bg-alt) 100%);background-size:200% 100%;border-radius:var(--nr-radius)}@keyframes pulse{0%,100%{background-position:0% 0}50%{background-position:100% 0}}.nr-skeleton-row{display:flex;gap:12px;padding:6px 10px;border-bottom:1px solid var(--nr-border)}.nr-skeleton-cell{height:14px;border-radius:var(--nr-radius)}#nr-form-message{margin-top:8px;padding:8px;border-radius:var(--nr-radius);font-size:12px;display:none;animation:fadeIn 80ms ease}#nr-form-message.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}#nr-form-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}@media (max-width:600px){.nr-section{padding:6px}.nr-form-row{grid-template-columns:1fr}.nr-form-actions{flex-direction:column}.nr-submit-btn,.nr-cancel-btn{width:100%}.nr-list{display:none}.nr-card-list{display:block}.nr-tabs{gap:4px}.nr-tab{flex:1;justify-content:center;padding:6px 8px;font-size:11px}.nr-tab-count{font-size:9px;padding:1px 4px}.nr-controls{flex-wrap:wrap}.nr-search{width:100%}.nr-modal-content{max-width:100%}}.nr-list,.nr-card-list,.nr-modal-content{will-change:contents}*{backface-visibility:visible}