@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800;900&family=Cairo:wght@500;600;700;800&display=swap";:root{--k-bg:#fff7e8;--k-surface:#fff;--k-ink:#2b1d47;--k-ink-soft:#6a5e8a;--k-primary:#ff8a3d;--k-primary-d:#f06a1e;--k-accent:#4cc9f0;--k-pink:#ff6b9d;--k-green:#4cd471;--k-yellow:#ffd23f;--k-violet:#8b5cf6;--k-red:#ff5c5c;--k-card-sh:0 6px 0 #2b1d471a, 0 14px 30px #2b1d471a;--k-display-font:"Baloo 2", "Cairo", system-ui, sans-serif;--k-body-font:"Nunito", "Cairo", system-ui, sans-serif}.kiddo-wrap{background:var(--k-bg);min-height:100vh;font-family:var(--k-body-font);color:var(--k-ink);-webkit-font-smoothing:antialiased}@keyframes k-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes k-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes k-bounce-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes k-spin{to{transform:rotate(360deg)}}.k-anim-float{animation:3s ease-in-out infinite k-float}.k-anim-wiggle:hover{animation:.5s ease-in-out k-wiggle}.k-anim-bounce{animation:.5s cubic-bezier(.2,.9,.3,1.2) k-bounce-in}:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#f0f2f8;--ink:#0f172a;--ink-2:#334155;--ink-soft:#64748b;--line:#e5e8f0;--primary:#1e7a33;--primary-dark:#155724;--primary-light:#e8f5ea;--teal:#0f9488;--teal-l:#ccfbf1;--amber:#d97706;--amber-l:#fef3c7;--rose:#e11d48;--rose-l:#ffe4e6;--emerald:#059669;--emerald-l:#d1fae5;--violet:#7c3aed;--violet-l:#ede9fe;--success:#059669;--success-light:#d1fae5;--danger:#e11d48;--danger-light:#ffe4e6;--warning:#d97706;--warning-light:#fef3c7;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-150:#ebf0f5;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--white:#fff;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 6px #0f172a0f, 0 2px 4px #0f172a0a;--shadow-lg:0 10px 25px #0f172a14, 0 4px 6px #0f172a0a;--radius:8px;--radius-lg:12px;--radius-xl:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,Cairo,system-ui,sans-serif;line-height:1.5}#root{min-height:100vh}.app-layout{min-height:100vh;display:flex}.main-content{background:var(--bg);flex:1;min-height:100vh;margin-left:248px;padding:32px}.sidebar{background:var(--primary);z-index:100;flex-direction:column;width:248px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:22px 20px 18px;display:flex}.sidebar-logo-mark{object-fit:contain;border-radius:10px;flex-shrink:0;width:34px;height:34px}.sidebar-logo-text{color:#fff;letter-spacing:-.5px;font-size:18px;font-weight:800}.sidebar-logo-sub{color:#fff6;letter-spacing:.04em;margin-top:-1px;font-size:10px;font-weight:500}.sidebar-user{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:14px 16px;display:flex}.sidebar-avatar{color:#fff;background:#ffffff2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.sidebar-user-name{color:#fff;font-size:13px;font-weight:600;line-height:1.3}.sidebar-user-role{color:#ffffff73;text-transform:capitalize;font-size:11px}.sidebar-nav{flex:1;padding:8px 10px;overflow-y:auto}.sidebar-nav-section{color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;padding:10px 10px 4px;font-size:10px;font-weight:700}.sidebar-link{color:#ffffffa6;border-left:3px solid #0000;border-radius:9px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s,font-weight .15s;display:flex}.sidebar-link:hover{color:#fff}.sidebar-link.active{color:#fff;border-left-color:#fff;font-weight:700}.sidebar-link.active svg{opacity:1}.sidebar-link svg{opacity:.7;flex-shrink:0}.sidebar-logout{border-top:1px solid #ffffff14;padding:12px 10px 16px}.sidebar-logout-btn{cursor:pointer;color:#ffffff80;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-logout-btn:hover{color:#f87171;background:#ef444426}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.page-header-left{flex:1;min-width:0}.page-title{color:var(--ink);letter-spacing:-.3px;font-size:22px;font-weight:700}.page-subtitle{color:var(--ink-soft);margin-top:3px;font-size:14px}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--line)}.card-header{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;padding:18px 24px;font-size:15px;font-weight:600;display:flex}.card-body{padding:24px}.form-group{margin-bottom:16px}.form-label{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-hint{color:var(--ink-soft);margin-top:4px;font-size:12px}.form-control{border:1.5px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:var(--surface);outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.form-control:disabled{background:var(--surface-2);color:var(--ink-soft);cursor:not-allowed}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 2px #4f46e540}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-success{background:var(--emerald);color:#fff}.btn-success:hover:not(:disabled){background:#047857}.btn-danger{background:var(--rose);color:#fff}.btn-danger:hover:not(:disabled){background:#be123c}.btn-outline{background:var(--surface);color:var(--ink-2);border:1.5px solid var(--line)}.btn-outline:hover:not(:disabled){background:var(--surface-2);border-color:var(--gray-300)}.btn-sm{padding:5px 12px;font-size:12px}.btn-full{width:100%}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead{background:var(--surface-2)}th{text-align:left;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:10px 16px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--line);color:var(--ink-2);padding:13px 16px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.badge{border-radius:100px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-pending{background:var(--amber-l);color:#92400e}.badge-approved{background:var(--emerald-l);color:#065f46}.badge-rejected{background:var(--rose-l);color:#9f1239}.badge-teacher{background:var(--primary-light);color:var(--primary-dark)}.badge-parent{background:var(--violet-l);color:#5b21b6}.badge-center_admin{background:var(--amber-l);color:#92400e}.badge-admin{color:#92400e;background:#fef3c7}.badge-used{background:var(--surface-2);color:var(--ink-soft)}.badge-active{background:var(--emerald-l);color:#065f46}.alert{border-radius:var(--radius);margin-bottom:16px;padding:12px 16px;font-size:14px;line-height:1.5}.alert-success{background:var(--emerald-l);color:#065f46;border:1px solid #6ee7b7}.alert-error{background:var(--rose-l);color:#9f1239;border:1px solid #fda4af}.alert-info{background:var(--primary-light);color:var(--primary-dark);border:1px solid #c7d2fe}.alert-warning{background:var(--amber-l);color:#92400e;border:1px solid #fcd34d}.auth-page{background:#b9f193;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:40px}.auth-logo{text-align:center;margin-bottom:6px}.auth-logo-img{object-fit:contain;width:72px;height:72px;margin:0 auto 8px;display:block}.auth-logo-text{color:var(--primary);letter-spacing:-1px;font-size:30px;font-weight:800}.auth-title{text-align:center;color:var(--ink);margin-bottom:4px;font-size:22px;font-weight:700}.auth-subtitle{color:var(--ink-soft);text-align:center;margin-bottom:28px;font-size:14px}.tabs{border-bottom:2px solid var(--line);margin-bottom:0;display:flex}.tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:color .15s}.tab:hover{color:var(--primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.stats-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--line);align-items:flex-start;gap:14px;padding:20px 22px;display:flex}.stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-info{flex:1;min-width:0}.stat-label{color:var(--ink-soft);margin-bottom:4px;font-size:12px;font-weight:600}.stat-value{color:var(--ink);letter-spacing:-.5px;font-size:26px;font-weight:700;line-height:1}.stat-delta{color:var(--ink-soft);margin-top:4px;font-size:12px}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.empty-state{text-align:center;padding:52px 24px}.empty-state-icon{opacity:.6;margin-bottom:12px;font-size:40px}.empty-state-text{color:var(--ink-soft);font-size:15px}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.spinner-dark{border-color:#0000001a;border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-lg);pointer-events:all;align-items:center;gap:12px;min-width:280px;max-width:380px;padding:13px 18px;font-size:14px;font-weight:500;animation:.25s cubic-bezier(.2,.9,.3,1.2) toast-in;display:flex}.toast-success{background:var(--emerald)}.toast-error{background:var(--rose)}.toast-info{background:var(--primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:none}}.token-box{background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink-2);word-break:break-all;-webkit-user-select:all;user-select:all;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:12px}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-end{justify-content:flex-end;display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.text-sm{font-size:13px}.text-muted{color:var(--ink-soft)}.editor-shell{background:var(--gray-50);flex-direction:column;height:100vh;display:flex;overflow:hidden}.editor-topbar{background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow);z-index:10;flex-shrink:0;align-items:center;gap:12px;padding:10px 20px;display:flex}.editor-body{flex:1;min-height:0;display:flex}.editor-toc{background:var(--white);border-right:1px solid var(--gray-200);flex-direction:column;flex-shrink:0;width:260px;display:flex}.toc-header{border-bottom:1px solid var(--gray-200);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.toc-scroll{flex:1;padding:6px 0;overflow-y:auto}.toc-item{cursor:pointer;border-right:3px solid #0000;align-items:center;gap:6px;min-height:34px;padding:7px 8px 7px 12px;transition:background .1s;display:flex}.toc-item:hover{background:var(--gray-50)}.toc-item.active{background:var(--primary-light);border-right-color:var(--primary)}.toc-item.active .toc-item-title{color:var(--primary-dark);font-weight:600}.toc-item-type{background:var(--gray-200);width:18px;height:18px;color:var(--gray-600);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.toc-item-title{color:var(--gray-700);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.toc-item-actions{flex-shrink:0;gap:2px;display:none}.toc-item:hover .toc-item-actions{display:flex}.toc-item-actions button{cursor:pointer;background:var(--gray-200);width:20px;height:20px;color:var(--gray-700);border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:11px;transition:background .1s;display:flex}.toc-item-actions button:hover:not(:disabled){background:var(--gray-300)}.toc-item-actions button:disabled{opacity:.35;cursor:not-allowed}.editor-panel{background:var(--white);flex:1;padding:28px 32px;overflow-y:auto}.tiptap-wrapper{border:1px solid var(--gray-300);border-radius:var(--radius);flex-direction:column;flex:1;display:flex;overflow:hidden}.tiptap-toolbar{background:var(--gray-50);border-bottom:1px solid var(--gray-200);flex-wrap:wrap;gap:4px;padding:8px 10px;display:flex}.tiptap-btn{border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .1s,border-color .1s}.tiptap-btn:hover{background:var(--gray-100)}.tiptap-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.tiptap-editor{flex:1;min-height:220px;overflow-y:auto}.tiptap-editor .ProseMirror{min-height:220px;color:var(--gray-800);outline:none;padding:14px 16px;font-size:14px;line-height:1.7}.tiptap-editor .ProseMirror p{margin-bottom:10px}.tiptap-editor .ProseMirror h2{margin:18px 0 8px;font-size:20px;font-weight:700}.tiptap-editor .ProseMirror h3{margin:14px 0 6px;font-size:16px;font-weight:700}.tiptap-editor .ProseMirror ul,.tiptap-editor .ProseMirror ol{margin-bottom:10px;padding-left:22px}.tiptap-editor .ProseMirror li{margin-bottom:4px}.tiptap-editor .ProseMirror blockquote{border-left:3px solid var(--gray-300);color:var(--gray-600);margin:10px 0;padding-left:12px}.tiptap-editor .ProseMirror code{background:var(--gray-100);border-radius:3px;padding:2px 5px;font-size:13px}.tiptap-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--gray-400);pointer-events:none;float:left;height:0}.tiptap-editor .ProseMirror img{object-fit:cover;border-radius:6px;max-width:100%;height:200px;margin:8px 0;display:block}.tiptap-editor .ProseMirror img.ProseMirror-selectednode{outline:2px solid var(--primary);outline-offset:2px}.tiptap-editor .ProseMirror a{color:var(--primary);cursor:pointer;text-decoration:underline}.tiptap-editor .ProseMirror mark{background:#fef08a;border-radius:2px;padding:0 2px}.lesson-prose{color:var(--gray-800);font-size:15px;line-height:1.75}.lesson-prose p{margin-bottom:12px}.lesson-prose h2{margin:20px 0 8px;font-size:20px;font-weight:700}.lesson-prose h3{margin:16px 0 6px;font-size:16px;font-weight:700}.lesson-prose ul,.lesson-prose ol{margin-bottom:12px;padding-left:24px}.lesson-prose li{margin-bottom:5px}.lesson-prose blockquote{border-left:3px solid var(--primary);color:var(--gray-600);margin:12px 0;padding-left:14px}.lesson-prose code{background:var(--gray-100);border-radius:3px;padding:2px 5px;font-size:13px}.lesson-prose img{object-fit:cover;border-radius:6px;max-width:100%;height:200px;margin:8px 0;display:block}.lesson-prose a{color:var(--primary);text-decoration:underline}.lesson-prose mark{background:#fef08a;border-radius:2px;padding:0 2px}[dir=rtl] .sidebar{left:auto;right:0}[dir=rtl] .main-content{margin-left:0;margin-right:248px}[dir=rtl] th,[dir=rtl] td,[dir=rtl] .form-label{text-align:right}[dir=rtl] .page-header{flex-direction:row-reverse}[dir=rtl] .page-header-left,[dir=rtl] .card-header,[dir=rtl] .stat-card{text-align:right}[dir=rtl] .sidebar-link,[dir=rtl] .sidebar-logout-btn{flex-direction:row-reverse}[dir=rtl] .sidebar-link{border-left:none;border-right:3px solid #0000}[dir=rtl] .sidebar-link.active{border-left-color:#0000;border-right-color:#fff}[dir=rtl] .sidebar-user{flex-direction:row-reverse}[dir=rtl] .sidebar-user-name,[dir=rtl] .sidebar-user-role,[dir=rtl] .sidebar-nav-section,[dir=rtl] .alert{text-align:right}[dir=rtl] .lesson-prose blockquote{border-left:none;border-right:3px solid var(--primary);padding-left:0;padding-right:14px}