@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap");:root{--brand-50:#fefce8;--brand-100:#fef9c3;--brand-200:#fef08a;--brand-300:#fde047;--brand-400:#facc15;--brand-500:#eab308;--brand-600:#f5c518;--brand-700:#a16207;--brand-800:#854d0e;--brand-900:#713f12;--on-brand:#0f0f0f;--ink-50:#f8fafc;--ink-100:#f1f5f9;--ink-200:#e2e8f0;--ink-300:#cbd5e1;--ink-400:#94a3b8;--ink-500:#64748b;--ink-600:#475569;--ink-700:#334155;--ink-800:#1e293b;--ink-900:#0f172a;--ink-950:#020617;--green-50:#f0fdf4;--green-100:#dcfce7;--green-600:#16a34a;--green-700:#15803d;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-600:#d97706;--amber-700:#b45309;--red-50:#fef2f2;--red-100:#fee2e2;--red-300:#fca5a5;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-700:#1d4ed8;--purple-100:#f3e8ff;--purple-700:#7e22ce;--radius-md:0.75rem;--radius-lg:0.875rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 4px 10px rgba(0,0,0,0.03);--shadow-md:0 10px 25px -5px rgba(0,0,0,0.08),0 8px 10px -6px rgba(0,0,0,0.04);--shadow-hover:0 20px 40px -10px rgba(0,0,0,0.12),0 0 15px rgba(245,197,24,0.15)}[data-theme=dark]{--ink-50:#121212;--ink-100:#1a1a1a;--ink-200:#262626;--ink-300:#404040;--ink-400:#525252;--ink-500:#737373;--ink-600:#a3a3a3;--ink-700:#d4d4d4;--ink-800:#e5e5e5;--ink-900:#f5f5f5;--ink-950:#fafafa;--brand-50:#292209;--brand-100:#3a3010;--brand-700:#fbbf24;--brand-800:#fcd34d;--brand-900:#fde68a;--green-50:#0e2418;--green-100:#163a26;--green-600:#22c55e;--green-700:#4ade80;--amber-50:#2a2005;--amber-100:#3b2f0a;--amber-600:#fbbf24;--amber-700:#fcd34d;--red-50:#2c1212;--red-100:#3f1717;--red-300:#7f2a2a;--red-600:#f87171;--red-700:#fca5a5;--blue-50:#0f1a2e;--blue-100:#16263f;--blue-700:#60a5fa;--purple-100:#2a1a3f;--purple-700:#c084fc;--shadow-sm:0 4px 10px rgba(0,0,0,0.5);--shadow-md:0 10px 25px -5px rgba(0,0,0,0.6),0 8px 10px -6px rgba(0,0,0,0.3)}[data-theme=dark] body:before{background-image:radial-gradient(circle at top left,rgba(245,197,24,.05) 0,transparent 40%),radial-gradient(circle at bottom right,rgba(255,255,255,.02) 0,transparent 40%)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:100%;--app-zoom:0.75}@media (max-width:768px){html{--app-zoom:0.85}}body{font-family:Cairo,Outfit,system-ui,sans-serif;background:var(--ink-50);color:var(--ink-900);-webkit-font-smoothing:antialiased;min-height:calc(100vh / var(--app-zoom));line-height:1.6;zoom:var(--app-zoom)}body.no-copy{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.no-copy [contenteditable=true],body.no-copy input,body.no-copy textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body.no-copy,body.no-copy h1,body.no-copy h2,body.no-copy h3,body.no-copy h4,body.no-copy label,body.no-copy li,body.no-copy p,body.no-copy span,body.no-copy td,body.no-copy th{cursor:default}body.no-copy [contenteditable=true],body.no-copy input,body.no-copy textarea{cursor:text}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at top left,rgba(245,197,24,.04) 0,transparent 40%),radial-gradient(circle at bottom right,rgba(29,78,216,.03) 0,transparent 40%)}a{color:inherit;text-decoration:none;transition:color .2s ease}img{display:block;max-width:100%;border-radius:inherit}button{font-family:inherit;cursor:pointer;border:none}ul{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--ink-500)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--ink-600)}.container-page{margin-inline:auto;width:100%;max-width:95%;padding-inline:1.5rem}.app-shell{display:flex;min-height:calc(100vh / var(--app-zoom));flex-direction:column}.app-main{flex:1}.hidden{display:none!important}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.stack{display:flex;flex-direction:column}.muted{color:var(--ink-500)}.center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.animate-fade-in,.fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-hidden>*{opacity:0;transform:translateX(150px) scale(.9)}.slide-in-active>*{animation:slideInSide 1s cubic-bezier(.25,1.2,.5,1) forwards}.slide-in-active>:first-child{animation-delay:0s}.slide-in-active>:nth-child(2){animation-delay:.15s}.slide-in-active>:nth-child(3){animation-delay:.3s}.slide-in-active>:nth-child(4){animation-delay:.45s}@keyframes slideInSide{0%{opacity:0;transform:translateX(150px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.skeleton{background:linear-gradient(90deg,var(--ink-100) 25%,var(--ink-200) 50%,var(--ink-100) 75%);background-size:400% 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--radius-xl);color:transparent!important}.skeleton *{visibility:hidden}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app-footer{background:var(--ink-100);color:var(--ink-900);padding-top:4rem;margin-top:4rem;border-top:1px solid var(--ink-200)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.footer-brand{color:var(--brand-600);font-weight:800;font-size:1.5rem;margin-bottom:1rem;font-family:Outfit,sans-serif}.footer-text{color:var(--ink-600);line-height:1.6;font-size:.95rem}.footer-title{color:var(--ink-900);font-size:1.2rem;margin-bottom:1rem}.footer-list{display:flex;flex-direction:column;gap:.75rem;color:var(--ink-600)}.footer-list a{color:var(--ink-600);transition:color .2s}.footer-list a:hover{color:var(--brand-600)!important}.footer-list strong{color:var(--ink-900)}.footer-socials{margin-top:1rem;display:flex;gap:1rem}.social-link{font-weight:700;display:inline-block;padding:.5rem 1rem;border-radius:var(--radius-full);background:rgba(0,0,0,.05);transition:background .2s,transform .2s}.social-link.facebook-link{color:var(--brand-600)}.social-link.youtube-link{color:var(--red-600)}.social-link:hover{background:rgba(0,0,0,.1);transform:translateY(-2px)}.footer-bottom{text-align:center;padding:1.5rem 0;margin-top:3rem;border-top:1px solid var(--ink-200);color:var(--ink-500);font-size:.85rem}[data-theme=dark] .app-footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.05);color:var(--ink-100)}[data-theme=dark] .footer-brand{color:var(--brand-500)}[data-theme=dark] .footer-text{color:var(--ink-700)}[data-theme=dark] .footer-title{color:#fff}[data-theme=dark] .footer-list,[data-theme=dark] .footer-list a{color:var(--ink-700)}[data-theme=dark] .footer-list a:hover,[data-theme=dark] .footer-list strong{color:#fff}[data-theme=dark] .footer-bottom{border-top:1px solid var(--ink-200);color:var(--ink-600)}[data-theme=dark] .social-link{background:rgba(255,255,255,.05)}[data-theme=dark] .social-link:hover{background:rgba(255,255,255,.1)}[data-theme=dark] .social-link.facebook-link{color:var(--brand-500)}[data-theme=dark] .social-link.youtube-link{color:var(--red-500)}.theme-transition,.theme-transition *,.theme-transition :after,.theme-transition :before{transition:background-color .15s ease,border-color .15s ease,color .15s ease!important}::view-transition-new(root),::view-transition-old(root){animation-duration:.18s;animation-timing-function:ease-out}.card{border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.96);box-shadow:0 4px 24px -6px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.1);transition:box-shadow .3s ease}.card:hover{box-shadow:0 8px 30px -6px rgba(0,0,0,.08),0 0 1px rgba(0,0,0,.1)}[data-theme=dark] .card{background:rgba(30,30,30,.96);border-color:rgba(255,255,255,.05);box-shadow:0 4px 24px -6px rgba(0,0,0,.3)}[data-theme=dark] .card:hover{box-shadow:0 8px 30px -6px rgba(0,0,0,.4);border-color:rgba(255,255,255,.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;height:3rem;padding-inline:1.5rem;transition:background .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),filter .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;letter-spacing:.2px}.btn:active{transform:scale(.96)}.btn:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.btn-sm{height:2.5rem;padding-inline:1.15rem;font-size:.85rem}.btn-lg{height:3.5rem;padding-inline:2.25rem;font-size:1.05rem}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg,var(--brand-400),var(--brand-600));color:var(--on-brand);box-shadow:0 4px 15px rgba(245,197,24,.3);border:1px inset rgba(255,255,255,.2)}.btn-primary:hover{box-shadow:0 8px 25px rgba(245,197,24,.4);transform:translateY(-2px);filter:brightness(1.05)}.btn-secondary{background:var(--ink-900);color:#fff;box-shadow:0 4px 15px rgba(0,0,0,.15)}.btn-secondary:hover{background:var(--ink-800);box-shadow:0 6px 20px rgba(0,0,0,.2);transform:translateY(-1px)}[data-theme=dark] .btn-secondary{background:var(--ink-100);color:var(--ink-900)}[data-theme=dark] .btn-secondary:hover{background:#fff}.btn-outline{background:rgba(255,255,255,.9);color:var(--ink-800);border:1px solid var(--ink-200)}.btn-outline:hover{background:#fff;border-color:var(--ink-300);transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.05)}[data-theme=dark] .btn-outline{background:rgba(38,38,38,.5);color:var(--ink-900);border-color:rgba(255,255,255,.1)}[data-theme=dark] .btn-outline:hover{background:rgba(55,55,55,.8);border-color:rgba(255,255,255,.2)}.btn-ghost{background:transparent;color:var(--ink-700)}.btn-ghost:hover{background:var(--ink-100);color:var(--ink-900)}[data-theme=dark] .btn-ghost{color:var(--ink-700)}[data-theme=dark] .btn-ghost:hover{background:rgba(255,255,255,.05);color:#fff}.btn-danger{background:var(--red-600);color:#fff}.btn-danger:hover{background:var(--red-700);box-shadow:0 4px 15px rgba(220,38,38,.3)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;cursor:pointer;border-radius:50%;background:var(--ink-100);color:var(--ink-600);transition:all .2s ease;position:relative;z-index:10}.modal-close-btn:hover{background:var(--ink-200);color:var(--ink-900)}.modal-close-btn:active{background:var(--ink-300)}[data-theme=dark] .modal-close-btn{background:rgba(255,255,255,.08);color:var(--ink-700)}[data-theme=dark] .modal-close-btn:hover{background:rgba(255,255,255,.16);color:#fff}.input{width:100%;border-radius:var(--radius-xl);border:1px solid var(--ink-200);background-color:rgba(255,255,255,.8);padding:.85rem 1.25rem;font-size:1rem;color:var(--ink-900);transition:all .25s ease;font-family:inherit;box-shadow:inset 0 2px 5px rgba(0,0,0,.01)}.input::placeholder{color:var(--ink-400);font-weight:400}.input-sm{font-size:.9rem;border-radius:var(--radius-lg)}.input-sm,select.input-sm{padding-top:.5rem;padding-bottom:.5rem}select.input-sm{background-size:1em}.input:focus{outline:none;border-color:var(--brand-500);background-color:#fff;box-shadow:0 0 0 4px rgba(245,197,24,.2)}[data-theme=dark] .input{background-color:rgba(38,38,38,.5);color:var(--ink-900);border-color:rgba(255,255,255,.1)}[data-theme=dark] .input::placeholder{color:var(--ink-500)}[data-theme=dark] .input:focus{background-color:rgba(45,45,45,.95);border-color:var(--brand-500);box-shadow:0 0 0 4px rgba(245,197,24,.15)}select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 1.25rem center;background-size:1.2em;padding:.85rem 1.25rem .85rem 3rem;line-height:1.5;cursor:pointer}select.input::-ms-expand{display:none}select.input:hover{border-color:var(--ink-300);background-color:#fff}[data-theme=dark] select.input:hover{background-color:rgba(38,38,38,.9);border-color:rgba(255,255,255,.2)}select.input:has(option[value=""]:checked){color:var(--ink-400);font-weight:400}select.input option{color:var(--ink-900);background:var(--ink-50);font-weight:600}[data-theme=dark] select.input{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.label{display:block;margin-bottom:.6rem;font-size:.95rem;font-weight:600;color:var(--ink-600)}.form-fields{gap:1.25rem}.form-fields,.input-group{display:flex;flex-direction:column}.input-group{gap:.5rem}.alert{padding:1rem 1.5rem;border-radius:var(--radius-xl);font-weight:600;font-size:.95rem;margin-bottom:1.5rem}.alert-error{background:var(--red-50);color:var(--red-700);border:1px solid var(--red-100)}.alert-success{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-100)}.alert-brand{background:var(--brand-50);color:var(--brand-800);border:1px solid var(--brand-100)}.badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:700;letter-spacing:.02em}.badge-brand{background:var(--brand-100);color:var(--brand-800)}.badge-blue{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100)}.badge-green{background:var(--green-50);color:var(--green-700)}.badge-amber{background:var(--amber-50);color:var(--amber-700)}.badge-red{background:var(--red-50);color:var(--red-700)}.chips-wrap{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-block;white-space:nowrap;padding:.4rem 1.25rem;border-radius:var(--radius-full);border:1px solid var(--ink-200);background:rgba(255,255,255,.9);font-size:.85rem;font-weight:600;color:var(--ink-700);transition:background .2s ease,border-color .2s ease,transform .2s ease}.chip:hover{background:#fff;border-color:var(--ink-300);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.chip.active{background:var(--ink-900);color:#fff;border-color:var(--ink-900)}[data-theme=dark] .chip{background:rgba(38,38,38,.6);color:var(--ink-800);border-color:rgba(255,255,255,.1)}[data-theme=dark] .chip:hover{background:rgba(50,50,50,.9)}[data-theme=dark] .thumb-badge{box-shadow:0 4px 10px rgba(0,0,0,.6)}.avatar-lg{width:64px;height:64px;font-size:1.5rem}#toast-container{position:fixed;bottom:2rem;left:2rem;z-index:9999;display:flex;flex-direction:column;gap:1rem;pointer-events:none}.toast{background:#fff;border-right:4px solid var(--brand-500);box-shadow:0 10px 30px -5px rgba(0,0,0,.15);padding:1rem 1.5rem;border-radius:var(--radius-md);color:var(--ink-900);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.75rem;animation:toastSlideIn .3s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto;max-width:350px;line-height:1.4}.toast.error{border-right-color:#ef4444}.toast svg{flex-shrink:0}.toast.toast-fade-out{animation:toastFadeOut .3s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50px)}}[data-theme=dark] .toast{background:var(--ink-100);color:var(--ink-900);border:1px solid var(--ink-200);border-right:4px solid var(--brand-500);box-shadow:0 10px 30px -5px rgba(0,0,0,.6)}[data-theme=dark] .toast.error{border-right-color:#ef4444}[data-theme=dark] .btn-danger{background:#dc2626}[data-theme=dark] .btn-danger:hover{background:#ef4444}.navbar{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.4);box-shadow:0 1px 2px rgba(0,0,0,.02)}[data-theme=dark] .navbar{background:rgba(18,18,18,.85);border-color:rgba(255,255,255,.05)}.navbar-inner{display:flex;height:5rem;align-items:center;justify-content:space-between;gap:1rem}.announce-bar{position:sticky;top:0;z-index:40;background:linear-gradient(120deg,rgba(245,197,24,.2),rgba(250,204,21,.1));border-bottom:1px solid rgba(245,197,24,.28)}[data-theme=dark] .announce-bar{background:linear-gradient(120deg,rgba(245,197,24,.13),rgba(245,197,24,.04));border-bottom-color:rgba(245,197,24,.18)}.announce-inner{margin-inline:auto;width:100%;max-width:95%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.25rem;padding:1.85rem 3.5rem}.announce-text{font-size:1.15rem;font-weight:800;line-height:1.8;color:var(--ink-800)}.announce-close{position:absolute;top:50%;left:1rem;transform:translateY(-50%);display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:var(--radius-full);color:var(--ink-500);background:transparent;border:none;cursor:pointer;transition:background .2s ease,color .2s ease}.announce-close:hover{background:rgba(0,0,0,.07);color:var(--ink-800)}[data-theme=dark] .announce-close:hover{background:rgba(255,255,255,.1)}.announce-btn{flex-shrink:0;white-space:nowrap;padding:.6rem 1.6rem;font-size:.95rem;font-weight:700;color:var(--on-brand);background:var(--brand-600);border-radius:var(--radius-full);box-shadow:0 4px 14px rgba(245,197,24,.35);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.announce-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 8px 20px rgba(245,197,24,.45)}@media (max-width:640px){.announce-inner{padding:1.35rem 2.75rem;gap:.85rem}.announce-text{font-size:1.02rem}.announce-close{left:.5rem}}.brand{display:flex;align-items:center;gap:.75rem}.brand-mark,.mark{display:grid;place-items:center;height:2.75rem;width:2.75rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,#222,#000);color:var(--brand-500);box-shadow:0 4px 10px rgba(0,0,0,.1);flex-shrink:0}.brand-mark,.brand-name,.mark{font-size:1.25rem;font-weight:800}.brand-name{letter-spacing:-.02em}.nav-links{display:none;align-items:center;gap:2rem;font-size:.95rem;font-weight:600;color:var(--ink-600)}.nav-links a:hover{color:var(--brand-600)}@media (min-width:768px){.nav-links{display:flex}}.nav-actions{display:flex;align-items:center;gap:1rem;min-width:0}.nav-actions>.btn,.nav-actions>a{flex-shrink:0}.nav-user{font-size:.9rem;font-weight:600;color:var(--ink-600);min-width:0;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:560px){.nav-user{display:none}.nav-actions{gap:.5rem}}.footer{margin-top:auto;border-top:1px solid rgba(0,0,0,.05);padding-block:4rem;background:rgba(255,255,255,.9)}.footer-inner{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}@media (min-width:768px){.footer-inner{flex-direction:row;align-items:center}}.footer .brand-name{font-size:1.5rem;font-weight:800}.footer-links{display:flex;gap:3rem;font-weight:600;font-size:.95rem;color:var(--ink-700)}.footer-links a:hover{color:var(--brand-600)}.footer-copy{margin-top:3rem;font-size:.85rem;color:var(--ink-500);font-weight:500;border-top:1px solid rgba(0,0,0,.05);padding-top:1.5rem}body.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh / var(--app-zoom));background:var(--ink-50);background-image:radial-gradient(circle at 10% 20%,rgba(245,197,24,.2),transparent 40%),radial-gradient(circle at 90% 80%,rgba(29,78,216,.15),transparent 40%);padding:1rem}.auth-grid{display:flex;width:100%;max-width:64rem;min-height:40rem;background:rgba(255,255,255,.65);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.8);border-radius:2rem;box-shadow:0 30px 60px -15px rgba(0,0,0,.1),inset 0 0 0 1px rgba(255,255,255,.5);overflow:hidden;animation:floatIn .8s cubic-bezier(.16,1,.3,1) forwards}[data-theme=dark] .auth-grid{background:rgba(26,26,26,.7);border-color:rgba(255,255,255,.08);box-shadow:0 30px 60px -15px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.05)}@keyframes floatIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-brand{display:none;flex:1;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(0,0,0,.98));color:#fff;padding:4rem;position:relative}@media (min-width:1024px){.auth-brand{display:flex}}.auth-brand:after{content:"";position:absolute;bottom:-20%;right:-20%;width:70%;height:70%;background:radial-gradient(circle,rgba(245,197,24,.12) 0,transparent 60%);border-radius:50%}.auth-brand h2{font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.auth-brand p{color:rgba(255,255,255,.65);font-weight:500}.copy{font-size:.875rem;color:rgba(255,255,255,.45);font-weight:500}.auth-form-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:transparent}.auth-form{width:100%;max-width:24rem}.auth-form h1{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;color:var(--ink-900)}.auth-form .lead{margin-top:.5rem;font-size:1.05rem;color:var(--ink-600);margin-bottom:2.5rem}.auth-foot{margin-top:2rem;text-align:center;font-size:.95rem;font-weight:500;color:var(--ink-600)}.auth-foot a{color:var(--brand-700);font-weight:700}.auth-foot a:hover{color:var(--brand-800);text-decoration:underline}.auth-form .input{background:rgba(255,255,255,.8);border:1px solid var(--ink-200);min-height:3.5rem;font-size:1rem;transition:all .3s ease}.auth-form .input:focus{background:#fff;border-color:var(--brand-400);box-shadow:0 0 0 4px rgba(245,197,24,.15),0 4px 10px rgba(0,0,0,.05);transform:translateY(-1px)}[data-theme=dark] .auth-form .input{background:rgba(38,38,38,.7);color:var(--ink-900)}[data-theme=dark] .auth-form .input:focus{background:rgba(38,38,38,.95);border-color:var(--brand-500)}.auth-form .label{font-size:.95rem;font-weight:700;color:var(--ink-800)}.auth-form .btn-primary{height:3.25rem;font-size:1.1rem;margin-top:.5rem}.auth-tabs{display:flex;gap:0;margin-bottom:2rem;border-radius:var(--radius-xl);overflow:hidden;background:var(--ink-100);padding:.25rem}.auth-tab{flex:1;padding:.6rem 1rem;border-radius:calc(var(--radius-xl) - .2rem);font-weight:700;font-size:.9rem;color:var(--ink-500);transition:all .2s ease;text-align:center;appearance:none;-webkit-appearance:none;background:transparent}.auth-tab.active{background:#fff;color:var(--ink-900);box-shadow:var(--shadow-sm)}[data-theme=dark] .auth-tabs{background:var(--ink-200)}[data-theme=dark] .auth-tab.active{background:var(--ink-300);color:var(--ink-900)}.auth-panel{display:none}.auth-panel.active{display:block;animation:panelFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.signup-step{display:none}.signup-step.active{display:block;animation:panelFadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.signup-step>div{margin-bottom:1.25rem}.signup-step>div:last-child{margin-bottom:0}.signup-step>button{margin-top:1.5rem}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none}#govCombo{position:relative}#govCombo .input{padding-left:2.2rem}#govArrow{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--ink-500);padding:.2rem;line-height:1}#govMenu{display:none;position:absolute;bottom:calc(100% + 6px);right:0;left:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid var(--ink-200);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.15);padding:.35rem;z-index:60;scrollbar-width:thin;scrollbar-color:var(--ink-300) transparent}[data-theme=dark] #govMenu{background:var(--ink-100);border-color:var(--ink-300)}#govMenu::-webkit-scrollbar{width:6px}#govMenu::-webkit-scrollbar-track{background:transparent;margin:10px 0}#govMenu::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:99px}#govMenu::-webkit-scrollbar-thumb:hover{background:var(--ink-400)}.gov-opt{padding:.5rem .8rem;cursor:pointer;font-size:.92rem;border-radius:8px;color:var(--ink-800)}.gov-opt:hover{background:var(--ink-100)}[data-theme=dark] .gov-opt:hover{background:var(--ink-200)}.gov-empty{padding:.5rem .8rem;color:var(--ink-500);font-size:.88rem}.hero{position:relative;overflow:hidden;padding-block:6rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.4)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% -20%,rgba(245,197,24,.15),transparent 60%)}.hero-pill{display:inline-block;margin-bottom:1.5rem;border-radius:var(--radius-full);background:rgba(255,255,255,.8);border:1px solid rgba(245,197,24,.3);color:var(--brand-800);padding:.35rem 1rem;font-size:.85rem;font-weight:700;box-shadow:0 2px 10px rgba(245,197,24,.1);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero h1{margin-inline:auto;max-width:50rem;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.4;background:linear-gradient(to right,var(--ink-900),var(--ink-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@media (min-width:640px){.hero h1{font-size:3.5rem}}.hero p{margin:1.5rem auto 0;max-width:38rem;font-size:1.15rem;color:var(--ink-500);font-weight:500}.hero-cta{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}@media (min-width:640px){.hero-cta{flex-direction:row}}.section{padding-block:4rem;scroll-margin-top:6rem}.section-head{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.section-head{flex-direction:row;align-items:flex-end;justify-content:space-between}}.section-head h2{font-size:2rem;font-weight:800;letter-spacing:-.02em}.section-head .sub{font-size:1rem;color:var(--ink-500);font-weight:500}.search-form{position:relative;width:100%;max-width:24rem}.search-form .input{padding-inline-start:1.5rem;padding-inline-end:6rem;border-radius:var(--radius-full);background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-sm);height:3.5rem;transition:all .3s ease}.search-form .input:focus{background:#fff;border-color:var(--brand-400);box-shadow:0 0 0 4px rgba(245,197,24,.15),var(--shadow-md);transform:translateY(-1px)}[data-theme=dark] .search-form .input{background:rgba(38,38,38,.8)}.search-btn{position:absolute;inset-inline-end:.5rem;top:50%;transform:translateY(-50%);background:var(--brand-500);color:var(--ink-900);border-radius:var(--radius-full);padding:0 1.5rem;height:2.5rem;font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.1)}.search-btn:hover{background:var(--brand-400);box-shadow:0 4px 10px rgba(245,197,24,.3)}.grid{display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.grid-4{grid-template-columns:repeat(4,1fr)}}.course-card{overflow:hidden;padding:0;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.07);border-color:var(--ink-200)}.thumb{position:relative;aspect-ratio:16/10;width:100%;overflow:hidden;background:var(--ink-100)}.thumb img{height:100%;width:100%;object-fit:cover;transition:transform .5s ease}.course-card:hover .thumb img{transform:scale(1.04)}.thumb-fallback{display:grid;place-items:center;height:100%;width:100%;background:linear-gradient(135deg,var(--brand-300),var(--brand-500));color:#fff;font-size:2.5rem;font-weight:800}.course-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.course-tags{display:flex;flex-wrap:wrap;gap:.4rem}.course-title{font-size:1.05rem;font-weight:700;line-height:1.45;color:var(--ink-800);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-desc{font-size:.88rem;color:var(--ink-500);flex:1}.course-meta{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--ink-100);display:flex;align-items:center;justify-content:space-between}.course-price{font-size:1.1rem;font-weight:700;color:var(--ink-900)}.view-link{font-size:.88rem;font-weight:600;color:var(--brand-600)}.course-card:hover .view-link{color:var(--brand-700)}.carousel-wrapper{position:relative}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;background:var(--brand-500);color:var(--ink-900);border:3px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.15);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.carousel-btn:hover{background:var(--brand-400);transform:translateY(-50%) scale(1.1)}.carousel-btn.prev-btn{right:-22px}.carousel-btn.next-btn{left:-22px}.marquee-container{width:100%;overflow-x:auto;scroll-behavior:smooth;position:relative;padding-block:1rem;-ms-overflow-style:none;scrollbar-width:none}.marquee-container::-webkit-scrollbar{display:none}.marquee-track{display:flex;gap:2rem;width:max-content}.marquee-item{width:240px;flex-shrink:0}.dash{display:flex;background:var(--ink-50)}.dash,.sidebar{min-height:calc(100vh / var(--app-zoom))}.sidebar{display:none;width:16rem;flex:none;background:#fff;border-inline-end:1px solid var(--ink-200);box-shadow:4px 0 20px rgba(0,0,0,.02)}[data-theme=dark] .sidebar{background:#121212;border-color:rgba(255,255,255,.05)}@media (min-width:768.02px){.sidebar{display:block;position:sticky;top:0;align-self:flex-start;height:calc(100vh / var(--app-zoom));overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.sidebar.hidden-desktop{width:0;opacity:0;border:none;padding:0}}@media (max-width:768px){.sidebar{display:block;position:fixed;top:0;right:0;bottom:0;z-index:50;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.sidebar.show-mobile{transform:translateX(0);box-shadow:-4px 0 30px rgba(0,0,0,.3)}}.sidebar-inner{padding:1.5rem 1rem;width:16rem;display:flex;flex-direction:column;height:calc(100vh / var(--app-zoom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.sidebar-title{padding:0 .75rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-400)}.sidebar-nav{display:flex;flex-direction:column;gap:.15rem}.sidebar-nav a{display:flex;align-items:center;gap:.8rem;border-radius:var(--radius-lg);padding:.75rem .9rem;font-size:.92rem;font-weight:600;color:var(--ink-600);transition:background .2s ease,color .2s ease}.sidebar-nav a svg{width:19px;height:19px;color:var(--ink-400);transition:color .2s ease}.sidebar-nav a:hover{background:var(--ink-100);color:var(--ink-900)}.sidebar-nav a:hover svg{color:var(--ink-600)}[data-theme=dark] .sidebar-nav a:hover{color:#fff;background:rgba(255,255,255,.05)}.sidebar-nav a.active{background:rgba(245,197,24,.12);color:var(--brand-800);font-weight:700;border-inline-end:3px solid var(--brand-500)}.sidebar-nav a.active svg{color:var(--brand-600)}@media (max-width:1000px){.parent-activity-grid{grid-template-columns:1fr!important}}.chat-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ink-300) transparent}.chat-scroll::-webkit-scrollbar{width:6px}.chat-scroll::-webkit-scrollbar-track{background:transparent;margin:8px 0}.chat-scroll::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:99px}.chat-scroll::-webkit-scrollbar-thumb:hover{background:var(--ink-400)}.chat-composer{--chat-row-h:2.75rem}@media (max-width:768px){.chat-composer{--chat-row-h:calc(1.5 * (16px / var(--app-zoom)) + 1.2rem)}}.chat-composer .chat-input{min-height:var(--chat-row-h)}.chat-composer .chat-send{height:var(--chat-row-h);flex-shrink:0}.chat-input{scrollbar-width:none;-ms-overflow-style:none}.chat-input::-webkit-scrollbar{width:0;height:0;display:none}.lesson-form-page form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 1.5rem;align-items:start}.lesson-form-page form>.flex,.lesson-form-page form>.input-group:nth-child(2){grid-column:1/-1}.lesson-form-page form>.flex{margin-top:.5rem}@media (max-width:800px){.lesson-form-page form{grid-template-columns:1fr}}.questions-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:1.5rem;align-items:start}.q-card-head{display:flex;align-items:center;gap:.6rem;padding-bottom:.85rem;margin-bottom:1.25rem;border-bottom:1px solid var(--ink-200)}.q-card-head h2{font-size:1.05rem;font-weight:800;color:var(--ink-900);margin:0}.q-form-col{position:sticky;top:1rem}@media (max-width:1100px){.questions-page-grid{grid-template-columns:1fr}.q-form-col{position:static}}.chat-menu{min-width:150px;padding:.35rem;display:flex;flex-direction:column;gap:.1rem;box-shadow:0 16px 34px -10px rgba(0,0,0,.3)}.chat-menu button{display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;color:var(--ink-700);text-align:start;transition:background .15s ease,color .15s ease}.chat-menu button:hover{background:var(--ink-100);color:var(--ink-900)}.chat-menu button.danger{color:var(--red-600)}.chat-menu button.danger:hover{background:var(--red-50)}.chat-fab{position:fixed;inset-inline-end:1.75rem;bottom:1.75rem;z-index:60;width:3.5rem;height:3.5rem;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--brand-600);color:var(--on-brand);box-shadow:0 10px 25px -5px rgba(245,197,24,.5),0 4px 10px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}.chat-fab:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 32px -6px rgba(245,197,24,.6)}.chat-fab.has-unread{animation:bell-blink 1.4s ease-in-out infinite}.chat-fab-dot{position:absolute;top:-2px;inset-inline-start:-2px;min-width:20px;height:20px;padding:0 5px;display:flex;align-items:center;justify-content:center;border-radius:99px;background:var(--red-500);color:#fff;font-size:.7rem;font-weight:800;line-height:1;border:2px solid var(--ink-50)}@media (max-width:640px){.chat-fab{inset-inline-end:1rem;bottom:1rem;width:3.1rem;height:3.1rem}}@media (prefers-reduced-motion:reduce){.chat-fab.has-unread{animation:none}}.topbar-icon-btn.btn-sm{width:2.5rem;padding-inline:0}.btn.bell-alert,[data-theme=dark] .btn.bell-alert{color:var(--red-500);animation:bell-swing 1.6s ease-in-out infinite}.btn.bell-alert:hover,[data-theme=dark] .btn.bell-alert:hover{color:var(--red-600)}.bell-dot{position:absolute;top:2px;inset-inline-end:2px;min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;border-radius:99px;background:var(--red-500);color:#fff;font-size:.65rem;font-weight:700;line-height:1;animation:bell-blink 1.2s ease-in-out infinite}@keyframes bell-blink{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(239,68,68,.55)}50%{opacity:.55;box-shadow:0 0 0 6px rgba(239,68,68,0)}}@keyframes bell-swing{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-11deg)}80%{transform:rotate(9deg)}90%{transform:rotate(-5deg)}}@media (prefers-reduced-motion:reduce){.bell-alert,.bell-dot{animation:none}}.sidebar-badge{margin-inline-start:auto;min-width:1.35rem;height:1.35rem;padding:0 .35rem;display:inline-grid;place-items:center;border-radius:var(--radius-full);background:var(--red-500);color:#fff;font-size:.72rem;font-weight:800;line-height:1}.sidebar-badge-soft{background:var(--brand-500);color:var(--on-brand)}[data-theme=dark] .sidebar-nav a.active{color:var(--brand-400);background:rgba(245,197,24,.1)}#dashLogout{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:700}.dash-body{flex:1;display:flex;flex-direction:column;min-width:0}.dash-topbar{height:5rem;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--ink-200);padding-inline:2.5rem;position:relative;z-index:30;flex-shrink:0}.dash+.app-footer{margin-top:0}[data-theme=dark] .dash-topbar{background:rgba(18,18,18,.8);border-color:rgba(255,255,255,.05)}.dash-content{padding:2.5rem;max-width:100%;margin:0 auto;width:100%}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}.page-head h1{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.page-head .desc{color:var(--ink-500);font-weight:500;margin-top:.5rem;font-size:1.05rem}.block-title{font-size:1.35rem;font-weight:700;color:var(--ink-900);margin-bottom:1.25rem}.stat-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2.5rem}.stat{padding:1.75rem;text-align:center;border-radius:var(--radius-2xl);background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 20px -6px rgba(0,0,0,.03);transition:transform .3s ease,box-shadow .3s ease}.stat:hover{transform:translateY(-3px);box-shadow:0 10px 30px -8px rgba(0,0,0,.06)}[data-theme=dark] .stat{background:rgba(35,35,35,.6);border-color:rgba(255,255,255,.05)}.stat .label{font-size:.95rem;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.5px}.stat .value{margin-top:.75rem;font-size:2.75rem;font-weight:800;letter-spacing:-.04em;color:var(--brand-600);text-shadow:0 2px 15px rgba(245,197,24,.15)}.table-wrap{background:#fff;border-radius:var(--radius-2xl);box-shadow:0 4px 24px -6px rgba(0,0,0,.03);overflow-x:auto;overflow-y:hidden;border:1px solid rgba(0,0,0,.04);-webkit-overflow-scrolling:touch}[data-theme=dark] .table-wrap{background:#1a1a1a;border-color:rgba(255,255,255,.05);box-shadow:0 4px 24px -6px rgba(0,0,0,.3)}table.tbl{width:100%;border-collapse:separate;border-spacing:0;text-align:center}table.tbl thead tr{background:var(--ink-100)}table.tbl th{padding:1rem 1.5rem;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-600);border-bottom:2px solid var(--ink-200)}table.tbl td{padding:1rem 1.5rem;border-bottom:1px solid var(--ink-100);font-size:.95rem;color:var(--ink-700);font-weight:500;transition:background .15s ease}table.tbl tbody tr:nth-child(2n) td{background:var(--ink-50)}table.tbl tbody tr:last-child td{border-bottom:none}table.tbl tbody tr:hover td{background:var(--brand-50)}[data-theme=dark] table.tbl tbody tr:nth-child(2n) td{background:rgba(255,255,255,.015)}[data-theme=dark] table.tbl tbody tr:hover td{background:rgba(245,197,24,.06)}[data-theme=dark] table.tbl td,[data-theme=dark] table.tbl th{border-color:rgba(255,255,255,.05)}[data-theme=dark] table.tbl thead tr{background:rgba(255,255,255,.03)}table.tbl td,table.tbl th{text-align:center!important;vertical-align:middle}table.tbl td .flex,table.tbl td div[style*="display: flex"],table.tbl td div[style*="display:flex"]{justify-content:center}.ov-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;padding:2rem 2.25rem;margin-bottom:2rem;position:relative;overflow:hidden;background:radial-gradient(120% 140% at 100% 0,rgba(245,197,24,.18) 0,transparent 55%),linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7))}[data-theme=dark] .ov-hero{background:radial-gradient(120% 140% at 100% 0,rgba(245,197,24,.16) 0,transparent 55%),linear-gradient(135deg,rgba(30,30,30,.85),rgba(20,20,20,.7))}.ov-hero:after{content:"";position:absolute;inset-inline-start:-40px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(245,197,24,.12),transparent 70%);pointer-events:none}.ov-hero-greet{font-size:.95rem;font-weight:700;color:var(--brand-700);margin-bottom:.35rem}[data-theme=dark] .ov-hero-greet{color:var(--brand-400)}.ov-hero-text h1{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;line-height:1.25}.ov-hero-desc{color:var(--ink-500);font-weight:500;margin-top:.5rem;max-width:46ch}.ov-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;position:relative;z-index:1}.ov-hero-actions .btn svg{width:18px;height:18px}.ov-stat-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2.5rem}.ov-stat{display:flex;align-items:center;gap:1.1rem;padding:1.4rem 1.5rem}.ov-stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.ov-stat-icon{flex:none;width:3.25rem;height:3.25rem;border-radius:var(--radius-xl);display:grid;place-items:center}.ov-stat-icon svg{width:26px;height:26px}.ov-stat-value{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ink-900)}.ov-stat-label{font-size:.9rem;font-weight:600;color:var(--ink-500);margin-top:.35rem}.ov-section-head{margin:2.5rem 0 1.25rem}.ov-section-head h2{font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.ov-section-head p{color:var(--ink-500);font-weight:500;margin-top:.25rem;font-size:.95rem}.ov-cols{display:grid;gap:1.25rem;grid-template-columns:1.6fr 1fr;margin-bottom:2.5rem}.ov-panel{padding:1.5rem 1.75rem}.ov-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.ov-panel-head h3{font-size:1.15rem;font-weight:700;color:var(--ink-900)}.ov-panel-head p{font-size:.8rem;color:var(--ink-500);font-weight:500;margin-top:.2rem}.ov-more{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;color:var(--brand-700);white-space:nowrap}.ov-more svg{width:15px;height:15px}.ov-more:hover{color:var(--brand-600)}[data-theme=dark] .ov-more{color:var(--brand-400)}.ov-empty{color:var(--ink-400);font-weight:500;text-align:center;padding:2.5rem 1rem}.ov-activity{display:flex;flex-direction:column}.ov-act-row{display:flex;align-items:center;gap:.9rem;padding:.85rem 0;border-bottom:1px solid var(--ink-100)}.ov-act-row:last-child{border-bottom:none}[data-theme=dark] .ov-act-row{border-color:rgba(255,255,255,.05)}.ov-act-avatar{flex:none;width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,var(--brand-300),var(--brand-500));color:var(--on-brand)}.ov-act-main{flex:1;min-width:0}.ov-act-title{font-weight:600;color:var(--ink-800);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-act-sub{font-size:.8rem;color:var(--ink-500);margin-top:.15rem}.ov-act-amount{flex:none;font-weight:800;color:var(--green-600);font-size:.95rem}.ov-ranks{display:flex;flex-direction:column;gap:.35rem}.ov-rank-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .6rem;border-radius:var(--radius-lg);transition:background .2s ease}.ov-rank-row:hover{background:var(--ink-50)}[data-theme=dark] .ov-rank-row:hover{background:rgba(255,255,255,.03)}.ov-rank-badge{flex:none;width:1.9rem;height:1.9rem;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.9rem;background:var(--ink-100);color:var(--ink-600)}.ov-rank-badge.rank-1{background:linear-gradient(135deg,#fde047,#f5c518);color:#713f12}.ov-rank-badge.rank-2{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#334155}.ov-rank-badge.rank-3{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412}.ov-rank-title{flex:1;min-width:0;font-weight:600;color:var(--ink-800);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-rank-count{flex:none;font-size:.82rem;font-weight:700;color:var(--ink-500)}.ov-pills{display:flex;flex-wrap:wrap;gap:.75rem}.ov-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;border-radius:var(--radius-full);background:rgba(255,255,255,.85);border:1px solid var(--ink-200);font-weight:600;color:var(--ink-700);font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .ov-pill{background:rgba(30,30,30,.7);border-color:rgba(255,255,255,.08)}.ov-pill:hover{border-color:var(--brand-500);color:var(--ink-900);transform:translateY(-2px);box-shadow:var(--shadow-sm)}[data-theme=dark] .ov-pill:hover{color:#fff}.ov-pill-icon{display:grid;place-items:center;color:var(--brand-600)}.ov-pill-icon svg{width:18px;height:18px}.ov-pill-go{display:grid;place-items:center;color:var(--ink-400);transition:transform .2s ease}.ov-pill-go svg{width:15px;height:15px}.ov-pill:hover .ov-pill-go{transform:translateX(-3px);color:var(--brand-600)}.tone-amber{background:rgba(245,197,24,.14);color:var(--brand-700)}.tone-blue{background:var(--blue-100);color:var(--blue-700)}.tone-green{background:var(--green-100);color:var(--green-700)}.tone-violet{background:#ede9fe;color:#6d28d9}.tone-teal{background:#ccfbf1;color:#0f766e}.tone-slate{background:var(--ink-100);color:var(--ink-600)}[data-theme=dark] .tone-amber{background:rgba(245,197,24,.18);color:var(--brand-400)}[data-theme=dark] .tone-blue{background:rgba(29,78,216,.18);color:#93c5fd}[data-theme=dark] .tone-green{background:rgba(21,128,61,.18);color:#86efac}[data-theme=dark] .tone-violet{background:rgba(109,40,217,.22);color:#c4b5fd}[data-theme=dark] .tone-teal{background:rgba(15,118,110,.22);color:#5eead4}[data-theme=dark] .tone-slate{background:rgba(255,255,255,.06);color:var(--ink-600)}[data-theme=dark] .ov-card-go{background:rgba(255,255,255,.05)}.fin-summary{display:grid;gap:.85rem;margin-bottom:1.25rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.fin-sum-card{background:#fff;border:1px solid var(--ink-200);border-radius:var(--radius-xl);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.35rem}[data-theme=dark] .fin-sum-card{background:#1a1a1a;border-color:rgba(255,255,255,.06)}.fin-sum-card span{font-size:.8rem;font-weight:600;color:var(--ink-500)}.fin-sum-card b{font-size:1.4rem;font-weight:800;color:var(--ink-900);letter-spacing:-.02em}.fin-sum-card.highlight{background:linear-gradient(135deg,rgba(245,197,24,.16),rgba(245,197,24,.04));border-color:rgba(245,197,24,.45)}.fin-sum-card.highlight b{color:var(--brand-700)}[data-theme=dark] .fin-sum-card.highlight b{color:var(--brand-400)}.arch-list{display:flex;flex-direction:column;gap:.75rem}.arch-row{display:flex;align-items:center;gap:1.25rem;width:100%;text-align:inherit;padding:1rem 1.25rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--ink-200);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .arch-row{background:#1a1a1a;border-color:rgba(255,255,255,.06)}.arch-row:hover{border-color:var(--brand-500);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.arch-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.arch-row-name{font-weight:700;color:var(--ink-900);font-size:1rem}.arch-row-meta{font-size:.8rem;color:var(--ink-500);font-weight:500}.arch-fig{display:none;flex-direction:column;text-align:center;gap:.15rem}.arch-fig b{font-size:1.05rem;font-weight:800}.arch-fig small{font-size:.7rem;color:var(--ink-500);font-weight:600}.arch-row-go{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;color:var(--ink-400);background:var(--ink-50);transition:all .2s ease}[data-theme=dark] .arch-row-go{background:rgba(255,255,255,.05)}.arch-row:hover .arch-row-go{background:var(--brand-600);color:var(--on-brand)}@media (min-width:600px){.arch-fig{display:flex}}@media (max-width:900px){.ov-cols{grid-template-columns:1fr}}@media (max-width:640px){.ov-hero{padding:1.5rem}.ov-hero-text h1{font-size:1.5rem}.ov-hero-actions{width:100%}.ov-hero-actions .btn{flex:1}.ov-hbar-label{width:40%}}.student-overview{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}@media (min-width:900px){.student-overview.has-filter{grid-template-columns:240px minmax(0,1fr)}}.student-overview-courses{min-width:0}.student-overview-courses .grid-3{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:1.25rem}.list-filter-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}@media (max-width:640px){.list-filter-row>*{flex:1 1 100%;min-width:0}}@media (max-width:768px){.table-wrap table.tbl{min-width:min(44rem,max-content)}.table-wrap.stacked table.tbl{min-width:0}.table-wrap.stacked table.tbl thead{display:none}.table-wrap.stacked table.tbl,.table-wrap.stacked table.tbl tbody,.table-wrap.stacked table.tbl td,.table-wrap.stacked table.tbl tr{display:block;width:100%}.table-wrap.stacked table.tbl tr{padding:.5rem 0;border-bottom:1px solid var(--ink-200)}.table-wrap.stacked table.tbl tr:last-child{border-bottom:none}.table-wrap.stacked table.tbl tbody tr:nth-child(2n) td{background:transparent}.table-wrap.stacked table.tbl td{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:start;border-bottom:none;padding:.45rem 1rem}.table-wrap.stacked table.tbl td:before{content:attr(data-label);flex-shrink:0;font-size:.75rem;font-weight:800;letter-spacing:.04em;color:var(--ink-500)}.table-wrap.stacked table.tbl td:not([data-label]):before{display:none}.table-wrap.stacked table.tbl td[data-label="إجراءات"]{flex-direction:column;align-items:stretch;gap:.5rem}.table-wrap.stacked table.tbl td:first-child{justify-content:flex-start;text-align:start;padding-top:.75rem;font-size:1rem}.table-wrap.stacked table.tbl td:first-child:before{display:none}}@media (max-width:1024px){.dash-content{padding:1.5rem 1rem;max-width:100%}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.page-head h1{font-size:1.75rem}}@media (max-width:768px){html{font-size:14px}.dash-topbar{padding-inline:1rem}.table-wrap{border-radius:var(--radius-lg)}table.tbl td,table.tbl th{padding:.75rem 1rem;font-size:.9rem}.ov-hero{padding:1.5rem 1rem;justify-content:center;flex-direction:column}.ov-hero,.ov-hero-text{text-align:center}.ov-hero-desc{margin-inline:auto;max-width:100%}.ov-stat{padding:1rem;gap:.75rem}.ov-stat-value{font-size:1.75rem}.page-head{flex-direction:column;align-items:flex-start}}@media (max-width:480px){html{font-size:13px}.ov-stat-grid,.stat-grid{grid-template-columns:1fr}.ov-hero-actions{flex-direction:column;width:100%}.ov-hero-actions .btn{width:100%;margin-bottom:.5rem}.page-head h1{font-size:1.5rem}table.tbl td,table.tbl th{padding:.5rem .75rem;font-size:.85rem}}.detail-grid{display:grid;gap:3rem;grid-template-columns:1fr}@media (min-width:1024px){.detail-grid{grid-template-columns:2fr 1fr}}.crumb{font-weight:600;font-size:.9rem;margin-bottom:1.5rem;color:var(--ink-500)}.crumb a{color:var(--ink-900)}.crumb .cur{color:var(--brand-600);font-weight:700}.detail-title{font-size:2.5rem;margin-top:.5rem;margin-bottom:1rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}.detail-lead{font-size:1.15rem;color:var(--ink-600);line-height:1.6;margin-bottom:1.5rem}.detail-meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--ink-500);font-weight:500;font-size:.95rem}.subhead{font-size:1.5rem;font-weight:800;color:var(--ink-900);margin-bottom:1rem}.curriculum .row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ink-100)}.curriculum .row:last-child{border-bottom:none}.lesson-left{display:flex;align-items:center;gap:1.5rem}.lesson-num{font-size:1.5rem;font-weight:800;color:var(--ink-300)}.lesson-info .t{font-weight:700;color:var(--ink-900);font-size:1.05rem}.lesson-info .s{font-weight:500;color:var(--ink-500);font-size:.85rem;margin-top:.25rem}.locked-link{font-weight:600;color:var(--ink-400);display:flex;align-items:center;gap:.5rem;font-size:.9rem}.sticky{position:sticky;top:6rem}.buy-price{font-size:2.5rem;font-weight:800;color:var(--ink-900);line-height:1;margin-bottom:1.5rem}.buy-price .per{font-size:1rem;color:var(--ink-500);font-weight:500}.buy-note{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-100);padding:.75rem 1rem;border-radius:var(--radius-xl);font-weight:600;text-align:center;margin-bottom:1rem}.feature-list{display:flex;flex-direction:column;gap:.75rem;color:var(--ink-700)}.feature-list li{display:flex;align-items:center;gap:.5rem}.feature-list svg{color:var(--brand-500)}.player{aspect-ratio:16/9;background:#000;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:2rem}.player video{width:100%;height:100%;outline:none}.lesson-h1{font-size:2rem;font-weight:800;margin-bottom:.5rem}.lesson-sub{font-weight:600;color:var(--ink-500)}.playlist-head{padding:1.5rem;border-bottom:1px solid var(--ink-100);background:rgba(255,255,255,.5)}[data-theme=dark] .playlist-head{background:rgba(26,26,26,.6)}.playlist-head .t{font-weight:800;font-size:1.15rem;color:var(--ink-900)}.playlist-head .s{font-weight:500;color:var(--ink-500);font-size:.9rem;margin-top:.25rem}.playlist{list-style:none;padding:0;margin:0}.playlist li{border-bottom:1px solid var(--ink-100)}.playlist li:last-child{border-bottom:none}.playlist a{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background .2s}.playlist a:hover{background:rgba(255,255,255,.5)}[data-theme=dark] .playlist a:hover{background:rgba(38,38,38,.5)}.playlist a.active{background:var(--brand-50);font-weight:700;border-inline-end:4px solid var(--brand-500)}[data-theme=dark] .playlist a.active{background:rgba(245,197,24,.1)}.pl-num{font-weight:800;color:var(--ink-300);width:1.5rem}.pl-title{color:var(--ink-800);flex:1}.pl-dur{font-weight:600;font-size:.8rem;color:var(--ink-500)}.locked-screen{aspect-ratio:16/9;text-align:center;background:linear-gradient(135deg,var(--ink-800),var(--ink-950));border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin-bottom:2rem}.lock-circle,.locked-screen{display:flex;align-items:center;justify-content:center;color:#fff}.lock-circle{width:4rem;height:4rem;background:rgba(255,255,255,.1);border-radius:50%;margin:0 auto 1.5rem;backdrop-filter:blur(8px)}.locked-screen h2{font-size:1.75rem;font-weight:800}.locked-screen p{color:var(--ink-300);font-weight:500;font-size:1.05rem;margin-top:.5rem}.locked-actions{max-width:20rem;margin-inline:auto}@media (max-width:768px){.detail-grid{gap:1.75rem}.detail-title{font-size:1.6rem}.detail-lead{font-size:1rem;margin-bottom:1rem}.detail-meta{gap:.5rem 1rem;font-size:.85rem}.subhead{font-size:1.2rem}.curriculum .row{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.lesson-left{gap:.85rem}.lesson-num{font-size:1.15rem}.lesson-info .t{font-size:.95rem}.sticky{position:static}.buy-price{font-size:2rem}.lesson-h1{font-size:1.4rem}.playlist-head{padding:1rem}.playlist a{padding:.85rem 1rem;gap:.75rem}.locked-screen h2{font-size:1.3rem}.locked-screen p{font-size:.95rem}}.tp-banner{position:relative;background:linear-gradient(120deg,rgba(245,197,24,.22),rgba(250,204,21,.08));border-bottom:1px solid rgba(245,197,24,.25);padding-block:3rem 0;margin-bottom:14.5rem}[data-theme=dark] .tp-banner{background:linear-gradient(120deg,rgba(245,197,24,.14),rgba(245,197,24,.04));border-bottom-color:rgba(245,197,24,.18)}.tp-banner-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem;min-height:300px}.tp-text{flex:1;min-width:0;padding-block:1.5rem 4.5rem}.tp-name{font-size:clamp(1.9rem,4vw,3.1rem);font-weight:800;line-height:1.25;color:var(--ink-900);margin:0}.tp-role{font-size:clamp(1rem,1.6vw,1.35rem);font-weight:600;color:var(--ink-500);margin:1.25rem 0 0}.tp-pills{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.25rem}.tp-pill{padding:.6rem 1.4rem;font-size:1rem;font-weight:700;color:var(--brand-600);background:var(--ink-900);border-radius:var(--radius-full);box-shadow:0 6px 16px rgba(0,0,0,.18)}[data-theme=dark] .tp-pill{background:rgba(0,0,0,.55);color:var(--brand-700)}.tp-photo{flex-shrink:0;width:380px;margin-bottom:-13.5rem;padding:.6rem;background:rgba(255,255,255,.7);border:1px solid rgba(245,197,24,.3);border-radius:var(--radius-xl);box-shadow:0 20px 45px rgba(0,0,0,.16)}[data-theme=dark] .tp-photo{background:rgba(255,255,255,.07);border-color:rgba(245,197,24,.2)}.tp-photo-frame{aspect-ratio:4/5;border-radius:var(--radius-lg);overflow:hidden;background:var(--ink-100)}.tp-photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.tp-photo-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--ink-700),var(--ink-900));color:var(--brand-600);font-size:6rem;font-weight:800}.tp-back{position:absolute;top:1.25rem;left:max(1.5rem,2.5%);display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700;color:var(--ink-700);background:rgba(255,255,255,.92);border:1px solid var(--ink-200);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:background .2s,color .2s,transform .2s}.tp-back:hover{background:#fff;color:var(--brand-700);transform:translateX(-3px)}[data-theme=dark] .tp-back{background:rgba(255,255,255,.08);color:var(--ink-800);border-color:var(--ink-300)}[data-theme=dark] .tp-back:hover{background:rgba(255,255,255,.14)}.tp-back svg{flex-shrink:0}.tp-bio{font-size:1.02rem;line-height:1.95;color:var(--ink-600);margin:1.75rem 0 0;max-width:62ch}.tp-bio.empty{color:var(--ink-400)}.tp-courses-head{position:relative;z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;flex-wrap:wrap;margin-bottom:2rem}.tp-courses-head h2{font-size:2rem;font-weight:800;color:var(--ink-900);margin:0 0 .25rem}.tp-courses-head h2 span{color:var(--brand-600)}.tp-courses-head .sub{color:var(--ink-500);font-weight:500;font-size:1rem;margin:0}.tp-filter{width:100%;max-width:260px;display:flex}@media (max-width:1100px){.tp-photo{width:320px;margin-bottom:-11rem}.tp-banner{margin-bottom:12rem}}@media (max-width:900px){.tp-banner{padding-block:4.5rem 0;margin-bottom:5rem}.tp-banner-inner{flex-direction:column;align-items:center;text-align:center;gap:1.75rem;min-height:0}.tp-text{padding-bottom:0}.tp-pills{justify-content:center}.tp-photo{width:min(260px,70vw);margin-bottom:-4rem}.tp-filter{max-width:none}.tp-courses-head h2{font-size:1.6rem}}.notes-layout{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:1.5rem;align-items:start}.notes-compose{position:sticky;top:1rem}@media (max-width:900px){.notes-layout{grid-template-columns:1fr}.notes-compose{position:static}}.note-swatch{width:2.1rem;height:2.1rem;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.note-swatch.active,.note-swatch:hover{transform:scale(1.1)}.note-swatch.active{border-color:var(--ink-900)}.notes-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem}.note{position:relative;display:flex;flex-direction:column;min-height:260px;padding:1.1rem 1.25rem 1rem;border-radius:4px 4px 12px 12px;box-shadow:0 6px 16px rgba(0,0,0,.12);color:#33301f;transform:rotate(-.6deg);transition:transform .18s ease,box-shadow .18s ease}.note:nth-child(2n){transform:rotate(.7deg)}.note:hover{transform:rotate(0) translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.18);z-index:2}.note:before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotate(-2deg);width:72px;height:18px;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.06);border-radius:2px}.note-body{flex:1;white-space:pre-wrap;word-break:break-word;line-height:1.95;font-weight:600;font-size:1.05rem;margin-top:.75rem}.note.is-done{opacity:.62}.note.is-done .note-body{text-decoration:line-through}.note-actions{display:flex;justify-content:flex-end;gap:.4rem;padding-bottom:.6rem;border-bottom:1px dashed rgba(0,0,0,.12)}.note-actions button{width:2.1rem;height:2.1rem;display:grid;place-items:center;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.7);border-radius:50%;cursor:pointer;font-size:.95rem;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.note-actions button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.15)}.note-actions button:active{transform:translateY(0)}.note-foot{justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-top:1rem;padding-top:.7rem;border-top:1px dashed rgba(0,0,0,.15);font-size:.78rem}.note-check,.note-foot{display:flex;align-items:center}.note-check{gap:.4rem;cursor:pointer;font-weight:700}.note-check input{width:1rem;height:1rem;cursor:pointer}.note-foot time{opacity:.65}.note-yellow{background:#fef3a8}.note-green{background:#cdf0c6}.note-blue{background:#c9e4fb}.note-pink{background:#fbd0dd}.note-purple{background:#e3d3fa}[data-theme=dark] .note{filter:brightness(.82) saturate(.9)}.custom-dropdown-wrapper{position:relative;flex:1;min-width:0}.catalog-dd-btn{width:100%;text-align:right;display:flex;justify-content:space-between;align-items:center;cursor:pointer;height:3.5rem;white-space:nowrap;overflow:hidden}.catalog-dd-list{position:absolute;top:calc(100% + 6px);right:0;left:0;background:#fff;border:1px solid var(--ink-200);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.15);max-height:250px;overflow-y:auto;list-style:none;padding:.35rem;margin:0;display:none;z-index:50;scrollbar-width:thin;scrollbar-color:var(--ink-300) transparent}[data-theme=dark] .catalog-dd-list{background:var(--ink-100);border-color:var(--ink-300)}.catalog-dd-list::-webkit-scrollbar{width:6px}.catalog-dd-list::-webkit-scrollbar-track{background:transparent;margin:10px 0}.catalog-dd-list::-webkit-scrollbar-thumb{background:var(--ink-300);border-radius:99px}.catalog-dd-list::-webkit-scrollbar-thumb:hover{background:var(--ink-400)}.catalog-dd-list li{padding:.6rem .9rem;cursor:pointer;border-radius:8px;font-size:.95rem;font-weight:600;color:var(--ink-800);transition:background .15s}.catalog-dd-list li:hover{background:var(--ink-100)}[data-theme=dark] .catalog-dd-list li:hover{background:var(--ink-200)}#teachers .section-head{position:relative;z-index:5}