.admin-shell{max-width:1360px;margin:0 auto;padding:.85rem 1.25rem 2.5rem;display:flex;flex-direction:column;gap:.85rem}.login-shell{min-height:calc(100vh - 12rem);display:flex;align-items:center;justify-content:center}.admin-login-panel{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2.25rem}.admin-login-panel h1{font-size:1.65rem;font-weight:800;color:var(--text-dark);letter-spacing:-.02em;margin:.25rem 0 .5rem}.admin-login-panel .subtle{font-size:.875rem;line-height:1.45;margin-bottom:1.5rem}.admin-header{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.6rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:var(--shadow-sm);flex-wrap:wrap}.admin-brand{display:flex;align-items:center;gap:.75rem}.admin-badge-icon{width:2.25rem;height:2.25rem;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-weight:800;font-size:1.05rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f46e540;flex-shrink:0}.admin-header h1{font-size:1.15rem;font-weight:800;color:var(--text-dark);letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:.5rem}.admin-pill-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#4f46e514;color:var(--primary);padding:.2rem .55rem;border-radius:999px;border:1px solid rgba(79,70,229,.15)}.admin-header p{font-size:.775rem;color:var(--text-muted);margin:.1rem 0 0}.admin-session{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.admin-user-pill{display:inline-flex;align-items:center;gap:.45rem;background:var(--panel-muted);border:1px solid var(--border);padding:.4rem .85rem;border-radius:999px;font-size:.825rem;font-weight:600;color:var(--text-dark)}.admin-user-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e}.admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem 1rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.stat-content{display:flex;flex-direction:column;gap:.1rem;overflow:hidden}.stat-label{font-size:.675rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-value{font-size:1.15rem;font-weight:800;color:var(--text-dark);line-height:1.15}.stat-filter-value{font-size:.85rem;font-weight:700;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.stat-icon{width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--panel-muted);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.admin-workspace{display:grid;grid-template-columns:460px 1fr;gap:1.15rem;align-items:start}.admin-sidebar{display:flex;flex-direction:column;position:sticky;top:.85rem;max-height:calc(100vh - 1.7rem)}.admin-main{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.admin-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.sidebar-creator-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;max-height:calc(100vh - 9.75rem);min-height:0;overflow:hidden}.sidebar-tab-switcher{display:flex;align-items:center;background:#f1f5f9;padding:.25rem;border-bottom:1px solid var(--border);gap:.25rem;flex-shrink:0}.sidebar-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.4rem .65rem;border:none;background:transparent;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease;user-select:none;white-space:nowrap}.sidebar-tab-btn:hover{color:var(--text-dark)}.sidebar-tab-btn.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.sidebar-tab-panel{display:none;flex-direction:column;flex:1 1 auto;height:100%;min-height:0}.sidebar-tab-panel.active{display:flex}.sidebar-tab-panel #question-form{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;margin:0;gap:0}.panel-form-scrollable{flex:1 1 auto;overflow-y:auto;scrollbar-width:thin;min-height:0}.admin-panel-head{padding:.6rem 1.15rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;background:#fff}.admin-panel-head h2{font-size:.95rem;font-weight:800;color:var(--text-dark);margin:0;display:flex;align-items:center;gap:.45rem}.admin-panel-head p{font-size:.725rem;color:var(--text-muted);margin:.1rem 0 0}.admin-panel-body{padding:1rem 1.15rem}.admin-panel-fields{padding:.7rem 1.15rem;display:flex;flex-direction:column;gap:.6rem}.admin-form{display:flex;flex-direction:column;gap:.65rem}.admin-form .field-group,.admin-form label{display:flex;flex-direction:column;gap:.25rem}.admin-form label>span,.field-group-title{font-size:.75rem;font-weight:700;color:var(--text-dark);letter-spacing:.01em}.field-hint{font-size:.7rem;color:var(--text-muted);font-weight:400;margin-top:.05rem}.admin-form input[type=text],.admin-form input[type=email],.admin-form input[type=password],.admin-form select,.admin-form textarea{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.38rem .65rem;background:#fafbfc;color:var(--text-dark);font-size:.825rem;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{outline:none;background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.admin-form textarea{resize:vertical;min-height:42px;line-height:1.35}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.options-composer{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.option-composer-item{position:relative;display:flex;align-items:center;gap:.25rem;background:#fafbfc;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.2rem .45rem;transition:all .15s ease}.option-composer-item:focus-within{background:#fff;border-color:var(--primary);box-shadow:0 0 0 2px #4f46e51f}.option-composer-item:has(input[type=radio]:checked){border-color:#10b981;background:#10b9810a}.option-letter{font-size:.725rem;font-weight:800;color:var(--primary);background:#4f46e514;width:1.25rem;height:1.25rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;user-select:none;flex-shrink:0}.option-composer-item input[type=text]{border:none!important;background:transparent!important;box-shadow:none!important;padding:.25rem .2rem!important;font-size:.8rem!important;flex:1 1 auto!important;min-width:0!important;width:100%!important}.option-radio-wrap{display:flex;align-items:center;padding-left:.15rem;flex-shrink:0;cursor:pointer}.option-radio-wrap input[type=radio]{width:1.05rem;height:1.05rem;accent-color:#10b981;cursor:pointer;margin:0}.form-actions{display:flex;align-items:center;gap:.65rem;padding-top:.65rem;border-top:1px solid var(--border)}.form-actions.sticky-actions{flex-shrink:0;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border);padding:.6rem 1.15rem;margin:0;box-shadow:0 -3px 10px #0000000a;z-index:10;display:flex;align-items:center;gap:.65rem}.form-actions.sticky-actions #btn-submit-question{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.15rem;font-size:.85rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 2px 6px #4f46e540;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .15s ease}.form-actions.sticky-actions #btn-submit-question:hover{background:linear-gradient(135deg,#4338ca,#3730a3);box-shadow:0 4px 10px #4f46e559;transform:translateY(-1px)}.form-actions.sticky-actions #btn-cancel-edit{padding:.55rem .85rem;font-size:.825rem}.bulk-import-container{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin}.bulk-panel-body{padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.bulk-info-banner{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .95rem;background:#4f46e50d;border:1px solid rgba(79,70,229,.15);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-dark);line-height:1.4}.bulk-info-banner svg{color:var(--primary);flex-shrink:0;margin-top:.1rem}.bulk-info-banner code{background:#4f46e51a;padding:.1rem .35rem;border-radius:4px;font-size:.75rem;font-family:monospace}.bulk-import-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:.95rem;box-shadow:var(--shadow-sm)}.bulk-import-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.bulk-import-title{font-size:1.05rem;font-weight:800;color:var(--text-dark);margin:0;letter-spacing:-.01em}.bulk-import-sub{font-size:.8rem;color:var(--text-muted);margin:.2rem 0 0;line-height:1.4}.bulk-template-btn{font-size:.775rem!important;font-weight:600!important;padding:.35rem .65rem!important;color:var(--primary)!important;border:1px solid rgba(79,70,229,.25)!important;background:#4f46e50d!important;border-radius:var(--radius-md)!important;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s ease}.bulk-template-btn:hover{background:#4f46e51f!important;border-color:var(--primary)!important}.bulk-dropzone{display:flex;align-items:center;gap:.95rem;padding:1rem 1.15rem;border:1.5px dashed #cbd5e1;border-radius:var(--radius-md);background:#f8fafc;cursor:pointer;transition:all .15s ease;user-select:none}.bulk-dropzone:hover{background:#f1f5f9;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e514}.bulk-upload-icon{color:var(--primary);flex-shrink:0}.bulk-dropzone-text{display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.bulk-dropzone-primary{font-size:.85rem;font-weight:700;color:var(--text-dark)}.bulk-dropzone-secondary{font-size:.75rem;color:var(--text-muted)}.bulk-hint-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted)}.bulk-switch-link{background:none;border:none;color:var(--primary);font-size:.8rem;font-weight:700;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.bulk-switch-link:hover{color:#4338ca}.bulk-import-input{display:none!important}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;box-shadow:var(--shadow-sm)}.library-filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1}.search-input-wrap{position:relative;min-width:220px;flex:1}.search-input-wrap input{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.5rem .85rem .5rem 2.25rem;background-color:#fafbfc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.75rem center;background-size:15px 15px;font-size:.875rem}.toolbar-select{border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.5rem .85rem;background:#fafbfc;color:var(--text-dark);font-size:.85rem;font-weight:600;max-width:200px}.library-count{font-size:.85rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.library-count strong{color:var(--text-dark);font-weight:800}.question-feed{display:flex;flex-direction:column;gap:.95rem}.question-card-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.35rem 1.5rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1);max-height:1200px;overflow:hidden;position:relative}.question-card-item:hover{border-color:#cbd5e1;box-shadow:0 4px 16px -2px #0000000f}.question-card-item.editing{border-color:var(--primary);background:#4f46e505;box-shadow:0 0 0 3px #4f46e529}.question-card-item.is-deleting{opacity:0!important;filter:blur(4px)!important;transform:scale(.96) translateY(-8px)!important;max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-top-width:0!important;border-bottom-width:0!important;pointer-events:none!important}.question-card-item.just-added{animation:cardEntrance .45s cubic-bezier(.16,1,.3,1);border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.question-card-item.just-updated{animation:cardUpdated .7s cubic-bezier(.16,1,.3,1)}.question-card-item.just-restored{animation:cardEntrance .45s cubic-bezier(.16,1,.3,1);border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}@keyframes cardEntrance{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardUpdated{0%{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e40}to{border-color:var(--border);box-shadow:var(--shadow-sm)}}.question-meta-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.question-tags{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tag-subject{font-size:.75rem;font-weight:800;background:#4f46e514;color:var(--primary);padding:.25rem .65rem;border-radius:var(--radius-sm)}.tag-theme{font-size:.75rem;font-weight:600;background:var(--panel-muted);color:var(--text-muted);padding:.25rem .65rem;border-radius:var(--radius-sm)}.question-card-actions{display:flex;align-items:center;gap:.45rem}.action-btn-sm{font-size:.75rem;font-weight:700;padding:.3rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.action-btn-sm:hover{background:var(--panel-muted);color:var(--text-dark)}.action-btn-sm.danger{color:#ef4444;border-color:#ef444433}.action-btn-sm.danger:hover{background:#ef444414;border-color:#ef4444}.question-prompt{font-size:1rem;font-weight:700;color:var(--text-dark);line-height:1.45;margin:0}.question-options-list{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.question-option-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border);background:#fafbfc;font-size:.85rem;color:var(--text-dark);line-height:1.35}.question-option-item.correct{background:#22c55e14;border-color:#22c55e59;font-weight:600;color:#15803d}.correct-badge{font-size:.7rem;font-weight:800;background:#22c55e;color:#fff;padding:.15rem .45rem;border-radius:999px;flex-shrink:0}.question-explanation-box{background:var(--panel-muted);border-left:3px solid #94a3b8;padding:.6rem .85rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.8rem;color:var(--text-muted);line-height:1.45}.question-explanation-box strong{color:var(--text-dark)}.empty-state-box{background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:3.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-state-box h3{font-size:1.1rem;font-weight:800;color:var(--text-dark);margin:0}.empty-state-box p{font-size:.85rem;color:var(--text-muted);max-width:380px;margin:0}@media(max-width:1080px){.admin-workspace{grid-template-columns:1fr}.admin-sidebar{position:static;max-height:none}.sidebar-creator-panel{max-height:none}.panel-form-scrollable,.bulk-import-container{overflow-y:visible}}@media(max-width:768px){.admin-shell{padding:1rem .75rem 3rem}.admin-stats,.form-grid-2,.options-composer,.question-options-list{grid-template-columns:1fr}.library-toolbar{flex-direction:column;align-items:stretch}.toolbar-select{max-width:100%;flex:1}}@media(max-height:720px){.admin-shell{padding-top:.5rem;gap:.5rem}.admin-header{padding:.45rem 1rem}.admin-stats{gap:.5rem}.admin-stat-card{padding:.35rem .75rem}.admin-sidebar{top:.5rem}.sidebar-creator-panel{max-height:calc(100vh - 8rem)}}.btn-spinner{display:inline-block;width:.85rem;height:.85rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:adminSpin .65s linear infinite;vertical-align:-.12em;margin-right:.45rem;flex-shrink:0}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-form.is-submitting{opacity:.65;filter:blur(.75px);pointer-events:none;user-select:none;transition:opacity .2s ease,filter .2s ease}.admin-panel.editing-focus{animation:editFormPulse 1s cubic-bezier(.16,1,.3,1);border-color:var(--primary);box-shadow:0 0 0 3px #4f46e529,var(--shadow-md)}@keyframes editFormPulse{0%{box-shadow:0 0 0 6px #4f46e547}to{box-shadow:0 0 0 3px #4f46e529,var(--shadow-md)}}.bulk-dropzone.is-importing{opacity:.65;pointer-events:none;border-color:var(--primary);background:#4f46e50a;filter:blur(.75px);cursor:wait;transition:filter .2s ease,opacity .2s ease}.edit-mode-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#4f46e51f;color:var(--primary);padding:.2rem .5rem;border-radius:var(--radius-sm);margin-left:.5rem;display:inline-flex;align-items:center}.admin-toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:99999;display:flex;flex-direction:column-reverse;gap:.65rem;pointer-events:none;max-width:440px;width:calc(100vw - 3rem)}.admin-toast{pointer-events:auto;display:flex;align-items:center;gap:.85rem;padding:.85rem 1.15rem;background:#0f172a;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);box-shadow:0 12px 32px -4px #00000059,0 0 0 1px #00000026;font-size:.875rem;line-height:1.4;animation:toastSlideIn .28s cubic-bezier(.16,1,.3,1);transition:all .25s cubic-bezier(.16,1,.3,1)}.admin-toast.hiding{opacity:0;transform:translateY(12px) scale(.96)}.admin-toast-icon{width:1.25rem;height:1.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.admin-toast-success{border-left:4px solid #10b981}.admin-toast-success .admin-toast-icon{color:#10b981}.admin-toast-error{border-left:4px solid #ef4444}.admin-toast-error .admin-toast-icon{color:#ef4444}.admin-toast-info{border-left:4px solid #6366f1}.admin-toast-info .admin-toast-icon{color:#6366f1}.admin-toast-message{flex:1;font-weight:500;word-break:break-word}.admin-toast-action{background:#ffffff29;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.775rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.admin-toast-action:hover{background:#ffffff47}.admin-toast-close{background:transparent;border:none;color:#ffffff8c;font-size:1.25rem;line-height:1;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color .15s ease;flex-shrink:0}.admin-toast-close:hover{color:#fff}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
