body{color:#111827;background:#f4f6f8;margin:0;font-family:Inter,system-ui,Arial,sans-serif}#root{min-height:100vh}.admin-shell{min-height:100vh;display:flex}.sidebar{color:#e5e7eb;box-sizing:border-box;background:#1f2937;flex-direction:column;width:240px;min-height:100vh;padding:16px 12px;display:flex}.sidebar-title{color:#fff;margin:0 0 12px;font-size:20px}.sidebar-nav{flex-direction:column;gap:12px;display:flex}.sidebar-section{flex-direction:column;gap:4px;display:flex}.sidebar-section-title{letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin:4px 10px 2px;font-size:11px}.sidebar-link{color:#d1d5db;border-radius:8px;align-items:center;gap:12px;padding:11px 12px;text-decoration:none;display:flex}.sidebar-link:hover{background:#374151}.sidebar-link.active{color:#fff;background:#374151}.sidebar-link-icon{flex:0 0 18px;width:18px;height:18px}.sidebar-footer{border-top:1px solid #374151;margin-top:auto;padding-top:12px}.sidebar-user-row{color:#d1d5db;justify-content:space-between;align-items:center;font-size:14px;display:flex}.sidebar-user-name{text-overflow:ellipsis;white-space:nowrap;padding-right:8px;overflow:hidden}.sidebar-logout-btn{color:#9ca3af;background:0 0;border:none;padding:4px}.sidebar-logout-btn:hover{color:#fff;background:0 0}.sidebar-logout-icon{width:18px;height:18px}.admin-main{flex:1;padding:24px}.page{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.page h1{margin:0 0 10px;font-size:24px}.page-subtitle{color:#6b7280;margin:0}.page-error{color:#b91c1c;margin-top:12px}.page-note{margin-top:10px}.meta{color:#4b5563;margin-top:16px;font-size:14px}.data-table-wrap{margin-top:14px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:8px 6px;font-size:12px}.data-table td{border-bottom:1px solid #f3f4f6;padding:8px 6px}.actions-row{align-items:center;gap:8px;display:flex}.user-name{color:#111827;font-weight:600}.role-badge{border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.role-user{color:#1d4ed8;background:#e0ecff}.role-admin{color:#7e22ce;background:#f3e8ff}.action-link{color:#fff;background:#2563eb;border:1px solid #2563eb;border-radius:8px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.action-link-btn{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.action-link-btn:hover,.action-link:hover{color:#fff;background:#1d4ed8;border-color:#1d4ed8;text-decoration:none}.action-link-btn.danger{color:#fff;background:#dc2626;border-color:#dc2626}.action-link-btn.danger:hover{background:#b91c1c;border-color:#b91c1c}button,.btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:7px 12px}button:hover,.btn:hover{background:#f9fafb}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btn-danger{color:#b91c1c}a{color:#4f46e5;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #4f46e5}.modal-overlay{background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:560px;max-height:calc(100vh - 32px);padding:16px;overflow:auto}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.modal-header h2{margin:0}.modal-close-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;display:inline-flex}.form-grid{gap:10px;display:grid}.form-grid input,.form-grid select,.form-grid textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d1d5db;border-radius:8px;margin-top:4px;padding:8px}.login-shell{background:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:420px;padding:24px;box-shadow:0 10px 24px #00000014}.login-card h1{margin:0 0 8px;font-size:24px}.login-card p{color:#6b7280;margin:0}.primary-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px 14px}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#b91c1c;margin:0}.toast-viewport{z-index:1200;gap:10px;max-width:min(420px,100vw - 32px);display:grid;position:fixed;top:16px;right:16px}.toast{background:#fff;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 10px 24px #0000001f}.toast-success{color:#166534;background:#f0fdf4;border-color:#86efac}.toast-error{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.toast-info{color:#1e3a8a;background:#eff6ff;border-color:#93c5fd}.toast-close{color:inherit;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-weight:700}.loading-spinner-wrap{color:#4b5563;align-items:center;gap:8px;display:inline-flex}.loading-spinner{border:2px solid #c7d2fe;border-top-color:#4f46e5;border-radius:999px;width:14px;height:14px;animation:.7s linear infinite spin}.loading-spinner-label{font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-header{margin-bottom:12px}.dashboard-card{border-radius:14px;box-shadow:0 10px 24px #11182714}.dashboard-card h2{margin:0;font-size:28px}.dashboard-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.dashboard-role-badge{color:#166534;background:#dcfce7;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dashboard-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.dashboard-panel label{color:#6b7280;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.dashboard-panel p{color:#111827;margin:0;font-size:24px;font-weight:600}.dashboard-mini-badge{color:#3730a3;background:#e0e7ff;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.break-word{overflow-wrap:anywhere;font-size:18px;font-weight:500}@media (width<=960px){.dashboard-grid{grid-template-columns:1fr}}.page-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.empty-state{text-align:center;justify-items:center;gap:12px;padding:28px 12px;display:grid}.empty-state h3{margin:0}.cell-title{color:#111827;font-weight:600}.cell-subtitle{color:#6b7280;margin-top:2px;font-size:13px}.text-muted{color:#9ca3af}.status-badge{border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.ok{color:#166534;background:#dcfce7}.status-badge.muted{color:#374151;background:#f3f4f6}.bin-badges{flex-wrap:wrap;gap:6px;display:flex}.bin-badge{border:1px solid #d1d5db;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.bin-badge-dot{border-radius:999px;width:8px;height:8px}.color-dot{border:1px solid #d1d5db;border-radius:999px;width:10px;height:10px;margin-right:8px;display:inline-block}.color-code{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:3px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;display:inline-block}.color-input-row{align-items:center;gap:10px;display:flex}.color-preview{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:34px;height:34px}.checkbox-row{align-items:center;gap:8px;display:flex}.material-badge{text-transform:capitalize;border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.model-badge{color:#1e40af;background:#dbeafe;border-radius:6px;align-items:center;padding:3px 7px;font-size:11px;font-weight:700;display:inline-flex}.material-plastic{color:#1d4ed8;background:#dbeafe}.material-glass{color:#166534;background:#dcfce7}.material-metal{color:#374151;background:#e5e7eb}.material-paper{color:#854d0e;background:#fef9c3}.material-cardboard{color:#9a3412;background:#ffedd5}.material-wood{color:#92400e;background:#fef3c7}.material-organic{color:#065f46;background:#d1fae5}.material-nothing{color:#991b1b;background:#fee2e2}.material-other{color:#6b21a8;background:#f3e8ff}.material-default{color:#3730a3;background:#e0e7ff}.confidence-row{align-items:center;gap:8px;display:flex}.confidence-track{background:#e5e7eb;border-radius:999px;width:90px;height:8px;overflow:hidden}.confidence-fill{border-radius:999px;height:100%}.confidence-fill.material-plastic{background:#3b82f6}.confidence-fill.material-glass{background:#22c55e}.confidence-fill.material-metal{background:#4b5563}.confidence-fill.material-paper{background:#eab308}.confidence-fill.material-cardboard{background:#f97316}.confidence-fill.material-wood{background:#a16207}.confidence-fill.material-organic{background:#059669}.confidence-fill.material-nothing{background:#ef4444}.confidence-fill.material-other{background:#a855f7}.confidence-fill.material-default{background:#4f46e5}.predict-modal{max-width:900px;max-height:90vh;overflow-y:auto}.predict-modal-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.predict-image-wrap{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:12px;padding:10px}.predict-image{border-radius:8px;max-width:100%;height:auto;max-height:360px;margin:0 auto;display:block}.predict-best-match{background:linear-gradient(90deg,#eef2ff 0%,#f5f3ff 100%);border:1px solid #c7d2fe;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:14px;display:flex}.predict-material{text-transform:capitalize;margin:4px 0 0;font-size:24px;font-weight:700}.predict-confidence{color:#4b5563;margin:0;font-weight:600}.predict-other-list{margin-top:14px}.predict-other-list h3{margin:0 0 8px}.predict-other-item{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 10px;display:flex}.model-category-pill{color:#1e40af;background:#dbeafe;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.model-modal{max-width:980px;max-height:90vh;overflow-y:auto}.model-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.labels-editor{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;padding:10px}.labels-category{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:10px;padding:10px}.labels-category-head{align-items:center;gap:10px;display:flex}.labels-prompts{margin-top:8px;padding-left:12px}.labels-prompt-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.model-view-modal{max-width:760px;max-height:90vh;overflow-y:auto}.model-view-grid{gap:10px;margin-top:10px;display:grid}.model-view-grid h3{color:#6b7280;margin:0 0 4px;font-size:13px}.model-view-grid p{margin:0}.model-view-grid pre{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:0;padding:10px;font-size:12px;overflow:auto}@media (width<=960px){.model-grid-2{grid-template-columns:1fr}}.challenge-form{max-width:640px}.field-help{color:#6b7280;margin:-6px 0 0;font-size:12px}.today-pill{color:#4f46e5;margin-left:8px;font-size:11px;font-weight:600}.achievement-icon-cell{font-size:24px}.achievement-icon-row{align-items:center;gap:10px;display:flex}.achievement-icon-input{text-align:center;width:96px;font-size:22px}.achievement-icon-preview{font-size:24px;line-height:1}.question-list{border-top:1px solid #e5e7eb;margin:12px 0 0;padding:0;list-style:none}.question-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.question-content p{color:#111827;margin:4px 0 0}.question-text{margin-top:6px;font-size:14px;line-height:1.4}.question-index{color:#6b7280;font-size:12px;font-weight:600}.question-options{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.question-option-chip{color:#374151;background:#f3f4f6;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;display:inline-flex}.question-option-chip.correct{color:#166534;background:#dcfce7}.question-modal{max-width:760px;max-height:90vh;overflow-y:auto}.option-editor-list{gap:8px;display:grid}.option-editor-row{align-items:center;gap:10px;display:flex}.puzzle-thumb{object-fit:cover;border:1px solid #e5e7eb;border-radius:8px;width:64px;height:64px}.puzzle-thumb-placeholder{color:#9ca3af;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;font-size:11px;display:flex}.inline-code{background:#e5e7eb;border-radius:4px;padding:1px 4px;font-size:12px}.code-text{color:#1f2937;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.personalization-hint{color:#6b7280;margin:4px 0 0;font-size:13px;line-height:1.45}.quiz-details-grid{margin-top:8px}.field-block{flex-direction:column;gap:6px;display:flex}.field-input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px}.firebase-result-pre{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:0;padding:10px;font-size:12px;overflow:auto}.firebase-recipients-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:240px;margin-top:8px;overflow:auto}.firebase-recipient-row{border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.firebase-recipient-row:last-child{border-bottom:none}.firebase-data-wrap{gap:8px;margin-top:6px;display:grid}.firebase-data-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:8px;display:grid}.legal-edit-page{max-width:900px;margin-top:12px}.legal-locale-tabs{gap:8px;margin-top:4px;display:flex}.legal-locale-tabs button{cursor:pointer;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 12px}.legal-locale-tabs button.active{color:#fff;background:#111827;border-color:#111827}.legal-sections-editor{gap:12px;display:grid}.legal-section-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;gap:10px;padding:12px;display:grid}.legal-section-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.field-label{margin-bottom:4px;font-size:13px;display:block}.rich-text-editor{background:#fff;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.rich-text-toolbar{background:#f3f4f6;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:4px;padding:6px;display:flex}.rich-text-toolbar button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:4px 8px;font-size:12px}.rich-text-toolbar button.active{color:#fff;background:#111827;border-color:#111827}.rich-text-content{min-height:140px;padding:10px 12px}.rich-text-content .ProseMirror{outline:none;min-height:120px}.rich-text-content .ProseMirror p{margin:0 0 .5em}.rich-text-content .ProseMirror ul,.rich-text-content .ProseMirror ol{margin:0 0 .5em;padding-left:1.25rem}.rich-text-content .ProseMirror a{color:#2563eb;text-decoration:underline}