:root{--primary-color:#0e9f8a;--primary-dark:#0a6d60;--text-color:#222;--text-light:#6b7280;--background-color:#fff;--border-color:#e5e7eb;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--mtc-primary:#0b9487;--mtc-primary-dark:#08776d;--mtc-accent:#cfff2e;--mtc-black:#111;--mtc-text:#1a1a1a;--mtc-muted:#66706d;--mtc-background:#f7f8f7;--mtc-white:#fff;--mtc-border:#e3e7e5}*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background-color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none}.page-content{padding-top:80px}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--brand-primary:#0b9f8a;--brand-primary-hover:#08806f;--brand-primary-muted:#0b9f8a1a;--danger-color:#ef4444;--danger-hover:#dc2626;--overlay-bg:#0f172a66;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-md:8px;--radius-lg:12px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark]{--bg-primary:#222;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--brand-primary:#14b8a6;--brand-primary-hover:#0d9488;--brand-primary-muted:#14b8a626;--overlay-bg:#0009;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 20px 25px -5px #00000080}.navbar{border-bottom:1px solid var(--border-color);z-index:1000;background-color:rgba(var(--bg-primary), .95);-webkit-backdrop-filter:blur(12px);width:100%;height:72px;transition:background-color var(--transition), border-color var(--transition);position:sticky;top:0;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}.navbar__container{justify-content:space-between;align-items:center;max-width:1560px;height:100%;margin:0 auto;padding:0 32px;display:flex}.navbar__logo{transition:opacity var(--transition);flex-shrink:0;align-items:center;display:flex}.navbar__logo:hover{opacity:.9}.navbar__logo img{width:auto;height:56px;display:block}.navbar__links{align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.navbar__link{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition);align-items:center;gap:12px;padding:8px 12px;text-decoration:none;display:flex}:is(.navbar__link:has(.navbar__admin-icon),.drawer__link:has(.drawer__admin-icon)){box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:4px 8px!important}.navbar__link:has(.navbar__admin-icon) .navbar__link-content{flex-direction:column;display:flex}.navbar__link:has(.navbar__admin-icon) .navbar__link-title{letter-spacing:-.01em;color:#0f766e;font-size:1.15rem;font-weight:800;line-height:1.2}.navbar__link:has(.navbar__admin-icon) .navbar__link-subtitle{color:#64748b;letter-spacing:.2px;text-transform:uppercase;font-size:.75rem;font-weight:500}.navbar__link:has(.navbar__admin-icon):hover .navbar__link-title{color:#115e59}.navbar__admin-icon{color:#0f766e;align-items:center;display:flex}html[data-theme=dark] .navbar__link:has(.navbar__admin-icon) .navbar__link-title{color:#2dd4bf}html[data-theme=dark] .navbar__link:has(.navbar__admin-icon) .navbar__link-subtitle{color:#94a3b8}html[data-theme=dark] .navbar__admin-icon{color:#2dd4bf}.navbar__link:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.navbar__link.active{color:var(--brand-primary);background-color:var(--brand-primary-muted)}.navbar__admin-badge{color:#0d9488;background:#0d948814;border:1px solid #0d94882e;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.navbar__status-dot{background-color:#0d9488;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot;box-shadow:0 0 0 3px #0d948833}@keyframes pulseDot{0%{box-shadow:0 0 #0d948866}70%{box-shadow:0 0 0 6px #0d948800}to{box-shadow:0 0 #0d948800}}html[data-theme=dark] .navbar__admin-badge{color:#2dd4bf;background:#14b8a61a;border-color:#14b8a640}html[data-theme=dark] .navbar__status-dot{background-color:#2dd4bf;box-shadow:0 0 0 3px #14b8a640}.navbar__actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.navbar__user-actions,.navbar__auth-actions{align-items:center;gap:12px;display:flex}.navbar__icon-btn{width:44px;height:44px;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.navbar__icon-btn:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.navbar__btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.navbar__btn--primary{background-color:var(--brand-primary);color:#fff;box-shadow:var(--shadow-sm);border:1px solid #0000}.navbar__btn--primary:hover{background-color:var(--brand-primary-hover);transform:translateY(-1px)}.navbar__btn--outline{color:var(--brand-primary);border:1px solid var(--border-color);background-color:#0000}.navbar__btn--outline:hover{background-color:var(--bg-secondary);border-color:var(--brand-primary)}.navbar__btn--ghost{color:var(--text-primary);background-color:#0000;border:1px solid #0000}.navbar__btn--ghost:hover{background-color:var(--bg-secondary)}.navbar__menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;margin-right:-8px;padding:8px;display:none}.navbar__drawer{background-color:var(--bg-primary);z-index:1100;width:min(340px,85vw);height:100dvh;transition:right .3s cubic-bezier(.16, 1, .3, 1), background-color var(--transition);flex-direction:column;display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 25px #0000001a}.navbar__drawer.active{right:0}.navbar__drawer-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;height:82px;padding:0 24px;display:flex}.navbar__drawer-header img{height:48px}.navbar__drawer-links{flex-direction:column;flex:1;gap:6px;min-height:0;margin:0;padding:16px;list-style:none;display:flex;overflow-y:auto}.drawer__link{border-radius:var(--radius-md);min-height:48px;color:var(--text-secondary);transition:all var(--transition);align-items:center;gap:12px;padding:12px 16px;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.drawer__link:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.drawer__link.active{color:var(--brand-primary);background-color:var(--brand-primary-muted)}.drawer__admin-icon{display:flex}.navbar__drawer-actions{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,20px));border-top:1px solid var(--border-color);background-color:var(--bg-primary);flex-direction:column;flex-shrink:0;gap:12px;display:flex}.drawer__action-btn{border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--text-primary);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:0 16px;font-size:.95rem;font-weight:600;display:flex}.drawer__action-btn:hover{background-color:var(--bg-secondary)}.drawer__action-icon{color:var(--text-secondary)}.drawer__btn{border-radius:var(--radius-md);cursor:pointer;width:100%;min-height:48px;transition:all var(--transition);justify-content:center;align-items:center;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.drawer__btn--primary{background-color:var(--brand-primary);color:#fff;border:none}.drawer__btn--primary:hover{background-color:var(--brand-primary-hover)}.drawer__btn--ghost{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.drawer__btn--ghost:hover{background-color:var(--bg-secondary)}.drawer__btn--logout{color:var(--danger-color);border:1px solid var(--border-color);background-color:#0000}.drawer__btn--logout:hover{border-color:var(--danger-color);background-color:#ef44441a}.drawer__auth-group{flex-direction:column;gap:8px;display:flex}.navbar__overlay,.logout-modal-overlay{background-color:var(--overlay-bg);z-index:1050;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:.2s ease-out fadeIn;position:fixed;inset:0}.logout-modal-overlay{z-index:2000;justify-content:center;align-items:center;padding:20px;display:flex}.logout-modal{background-color:var(--bg-primary);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:32px 24px;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn}.logout-modal__icon{background-color:var(--bg-secondary);width:56px;height:56px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.logout-modal h2{color:var(--text-primary);margin:0 0 8px;font-size:1.25rem;font-weight:600}.logout-modal p{color:var(--text-secondary);margin:0 0 24px;font-size:.9375rem;line-height:1.5}.logout-modal__actions{gap:12px;display:flex}.modal__btn{border-radius:var(--radius-md);cursor:pointer;min-height:44px;transition:all var(--transition);flex:1;font-size:.9375rem;font-weight:600}.modal__btn--cancel{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.modal__btn--cancel:hover{background-color:var(--bg-secondary)}.modal__btn--confirm{background-color:var(--danger-color);color:#fff;border:none}.modal__btn--confirm:hover{background-color:var(--danger-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=992px){.navbar__links,.navbar__actions{display:none}.navbar__menu-btn{display:flex}}:root{--footer-bg:#fff;--footer-border-main:#e8eeee;--footer-border-light:#edf0f0;--footer-border-dashed:#e2e8e7;--text-heading:#1f2328;--text-body:#667085;--text-muted:#98a2b3;--brand-primary:#0ca592;--badge-bg:#e9f8f5;--icon-bg:#eefaf8}[data-theme=dark]{--footer-bg:#18181b;--footer-border-main:#ffffff1a;--footer-border-light:#ffffff0d;--footer-border-dashed:#ffffff26;--text-heading:#f4f4f5;--text-body:#a1a1aa;--text-muted:#71717a;--brand-primary:#14b8a6;--badge-bg:#14b8a626;--icon-bg:#14b8a61a}.footer{background:var(--footer-bg);border-top:1px solid var(--footer-border-main);transition:background-color .3s,border-color .3s;position:relative;overflow:hidden}.footer__container{width:min(1200px,100% - 48px);margin:0 auto}.footer__main{grid-template-columns:2fr 1fr 1.2fr 1.3fr;gap:50px;padding:80px 0 65px;display:grid}.footer__brand{max-width:350px}.footer__logo{align-items:center;margin-bottom:22px;text-decoration:none;display:inline-flex}.footer__logo img{width:150px;height:auto;transition:filter .3s;display:block}.footer__description{color:var(--text-body);max-width:330px;margin:0;font-size:14px;line-height:1.8;transition:color .3s}.footer__authorized{background:var(--badge-bg);color:var(--brand-primary);border-radius:999px;align-items:center;margin-top:22px;padding:8px 14px;font-size:12px;font-weight:600;transition:background-color .3s,color .3s;display:inline-flex}.footer__column h3{color:var(--text-heading);margin:7px 0 22px;font-size:14px;font-weight:700;transition:color .3s}.footer__links{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.footer__links a{color:var(--text-body);font-size:14px;text-decoration:none;transition:color .25s,transform .25s;position:relative}.footer__links a:after{content:"";background:var(--brand-primary);width:0;height:1px;transition:width .25s;position:absolute;bottom:-4px;left:0}.footer__links a:hover{color:var(--brand-primary);transform:translate(3px)}.footer__links a:hover:after{width:100%}.footer__contact{flex-direction:column;display:flex}.footer__contact>a,.footer__contact-item{color:var(--text-body);align-items:center;gap:11px;margin-bottom:15px;font-size:14px;line-height:1.5;text-decoration:none;display:flex}.footer__contact>a{transition:color .25s}.footer__contact>a:hover{color:var(--brand-primary)}.footer__contact-icon{background:var(--icon-bg);width:34px;height:34px;color:var(--brand-primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .3s,color .3s;display:flex}.footer__hours{border-top:1px dashed var(--footer-border-dashed);margin-top:10px;padding-top:15px;transition:border-color .3s}.footer__hours-title{color:var(--text-heading);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:700;transition:color .3s;display:flex}.footer__hours-icon{color:var(--brand-primary)}.footer__hours p{color:var(--text-body);margin:0 0 4px;font-size:12px;line-height:1.5;transition:color .3s}.footer__status-badge{background:var(--badge-bg);color:var(--brand-primary);border-radius:6px;margin-top:8px;padding:4px 10px;font-size:11px;font-weight:600;transition:background-color .3s,color .3s;display:inline-block}.footer__bottom{border-top:1px solid var(--footer-border-light);justify-content:space-between;align-items:center;gap:30px;min-height:76px;transition:border-color .3s;display:flex}.footer__bottom p{color:var(--text-muted);margin:0;font-size:13px;transition:color .3s}.footer__bottom-right{align-items:center;gap:28px;display:flex}.footer__socials{align-items:center;gap:8px;display:flex}.footer__socials a{border:1px solid var(--footer-border-dashed);width:34px;height:34px;color:var(--text-body);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .25s;display:flex}.footer__socials a:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;transform:translateY(-2px)}.footer__powered{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;transition:color .3s;display:flex}.footer__powered-arrow{color:var(--brand-primary);font-size:15px;line-height:1}@media (width<=950px){.footer__main{grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer__contact{grid-column:span 3}}@media (width<=650px){.footer__container{width:min(100% - 32px,500px)}.footer__main{grid-template-columns:1fr 1fr;gap:40px 25px;padding:55px 0 45px}.footer__brand{grid-column:span 2;max-width:100%}.footer__contact{grid-column:span 2}.footer__bottom{flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:22px 0}.footer__bottom-right{justify-content:space-between;gap:15px;width:100%}}@media (width<=420px){.footer__main{grid-template-columns:1fr}.footer__brand,.footer__contact{grid-column:auto}.footer__bottom-right{flex-direction:column;align-items:flex-start}}.home-intro-section{background-color:#fff;flex-direction:column;justify-content:center;min-height:calc(100vh - 80px);padding:10px 0;display:flex;position:relative;overflow:hidden}.home-intro-section__grid-bg{z-index:0;background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 70%,#000 20%,#0000 70%);mask-image:radial-gradient(circle at 70%,#000 20%,#0000 70%)}.home-intro-section__container{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:.5%;width:95%;max-width:none;margin:0 auto;padding:0 24px;display:grid;position:relative}.home-intro-section__credential{border-radius:var(--radius-pill,50px);cursor:default;background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:12px;margin-bottom:35px;padding:8px 16px 8px 8px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000005}.home-intro-section__credential:after{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:50%;height:100%;transition:all;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.home-intro-section__credential:hover{border-color:var(--primary-color);background:#fff;transform:translateY(-4px)scale(1.02);box-shadow:0 12px 25px #00000014}.home-intro-section__credential:hover:after{transition:all .8s ease-in-out;left:200%}.credential__icon-wrapper{background:var(--primary-color);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;display:flex;position:relative}.home-intro-section__credential:hover .credential__icon-wrapper{box-shadow:0 0 15px var(--primary-color);transform:scale(1.15)rotate(15deg)}.credential__custom-icon{object-fit:contain;filter:brightness(0)invert();width:18px;height:18px}.credential__text{flex-direction:column;justify-content:center;display:flex}.credential__label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);margin-bottom:3px;font-size:10px;font-weight:700;line-height:1}.credential__title{color:var(--text-color);font-size:13px;font-weight:700;line-height:1}.home-intro-section__content{flex-direction:column;align-items:flex-start;display:flex}.home-intro-section__title{color:var(--text-color);letter-spacing:-1px;margin:0 0 30px;font-size:clamp(34px,3.8vw,48px);font-weight:800;line-height:1.15}.text-highlight{color:var(--primary-color);display:inline-block;position:relative}.home-intro-section__description{max-width:580px;color:var(--text-light);margin:0 0 24px;font-size:16px;font-weight:400;line-height:1.6}.home-intro-section__benefit{border-left:4px solid var(--primary-color);background:#f8fafc;border-radius:0 8px 8px 0;align-items:flex-start;gap:16px;max-width:600px;margin-bottom:25px;padding:14px 16px;display:flex}.benefit__icon{color:var(--primary-color);margin-top:2px}.benefit__content strong{color:var(--text-color);margin-bottom:4px;font-size:15px;display:block}.benefit__content p{color:var(--text-light);margin:0;font-size:14px;line-height:1.5}.home-intro-section__actions{flex-wrap:wrap;gap:16px;display:flex}.home-intro-section__btn{border-radius:var(--radius-md,8px);cursor:pointer;justify-content:center;align-items:center;height:52px;padding:0 28px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.home-intro-section__btn--primary{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color);box-shadow:0 4px 14px #0000001a}.btn-icon-right{margin-left:8px;transition:transform .3s}.home-intro-section__btn--primary:hover{background-color:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #10b98140}.home-intro-section__btn--primary:hover .btn-icon-right{transform:translate(4px)}.home-intro-section__btn--secondary{color:var(--text-color);background:0 0;border:1px solid #cbd5e1}.home-intro-section__btn--secondary:hover{color:var(--primary-dark);background:#f1f5f9;border-color:#94a3b8;transform:translateY(-2px);box-shadow:0 8px 20px #10b98140}.home-intro-section__right-column{flex-direction:column;align-items:center;gap:32px;width:100%;display:flex}.home-intro-section__visual{perspective:1000px;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.visual__image-wrapper{z-index:2;width:100%;max-width:500px;transition:transform .6s cubic-bezier(.25,.8,.25,1);position:relative}.home-intro-section__visual:hover .visual__image-wrapper{transform:translateY(-12px)scale(1.02)}.visual__hero-image{object-fit:cover;z-index:2;border-radius:20px;width:100%;height:auto;transition:box-shadow .6s;position:relative;box-shadow:0 24px 48px #0000001f}.visual__hero-image--dark{display:none}.home-intro-section__visual:hover .visual__hero-image{box-shadow:0 40px 70px #0003}.visual__backdrop-shape{border:2px solid var(--primary-color);opacity:.2;z-index:1;border-radius:20px;width:80%;height:90%;transition:all .7s cubic-bezier(.25,.8,.25,1);position:absolute;top:-20px;right:-20px}.home-intro-section__visual:hover .visual__backdrop-shape{opacity:.4;top:-5px;right:-35px;transform:rotate(3deg)scale(.98)}.visual__glow{background:radial-gradient(circle, var(--primary-color) 0%, transparent 60%);opacity:.08;filter:blur(40px);z-index:0;width:100%;height:100%;transition:all .8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-intro-section__visual:hover .visual__glow{opacity:.18;transform:translate(-50%,-50%)scale(1.3)}.visual__floating-card{z-index:3;-webkit-backdrop-filter:blur(12px);white-space:nowrap;background:#fffffff2;border:1px solid #ffffff80;border-radius:12px;align-items:center;gap:12px;padding:14px 20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,border-color .4s;display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 32px #0000001a}.visual__floating-card:before{content:"";z-index:1;background:linear-gradient(90deg,#fff0 0%,#fffc 50%,#fff0 100%);width:50%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.visual__floating-card:hover:before{animation:.8s forwards shineSweep}@keyframes shineSweep{to{left:200%}}.visual__floating-card--top{animation:6s ease-in-out infinite premiumFloat;top:30px;left:-50px}.visual__floating-card--bottom{animation:6s ease-in-out 2s infinite premiumFloat;bottom:40px;right:-40px}.visual__floating-card:hover{border-color:var(--primary-color);z-index:10;animation-play-state:paused;transform:translateY(-8px)scale(1.05);box-shadow:0 20px 40px #00000026}.floating-card__icon-box{width:36px;height:36px;color:var(--primary-color);background:#f0fdf4;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex}.visual__floating-card:hover .floating-card__icon-box{transform:rotate(10deg)scale(1.1)}.floating-card__text{flex-direction:column;display:flex}.floating-card__text strong{color:var(--text-color);font-size:14px;font-weight:700}.floating-card__text span{color:var(--text-light);font-size:12px;font-weight:500}@keyframes premiumFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home-intro-section__stats{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;width:100%;max-width:500px;padding:16px 28px;transition:transform .4s,box-shadow .4s;display:flex;box-shadow:0 10px 30px #0000000a}.home-intro-section__stats:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000014}.stat-item{text-align:center;cursor:default;flex-direction:column;align-items:center;gap:8px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.stat-item:hover{transform:translateY(-6px)}.stat-item__icon{width:38px;height:38px;color:var(--primary-color);background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.stat-item:hover .stat-item__icon{background:var(--primary-color);color:#fff;transform:scale(1.1)rotate(5deg);box-shadow:0 8px 16px #10b98140}.stat-item__data h3{color:var(--text-color);margin:0;font-size:22px;font-weight:800;line-height:1;transition:color .3s}.stat-item:hover .stat-item__data h3{color:var(--primary-color)}.stat-item__data p{color:var(--text-light);margin:4px 0 0;font-size:12px;font-weight:500}.stat-divider{background-color:#e2e8f0;width:1px;height:40px;transition:opacity .3s}.home-intro-section__stats:hover .stat-divider{opacity:.5}.home-intro-reveal{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUpReveal;transform:translateY(20px)}@keyframes fadeUpReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-intro-reveal--1{animation-delay:.1s}.home-intro-reveal--2{animation-delay:.2s}.home-intro-reveal--3{animation-delay:.3s}.home-intro-reveal--4{animation-delay:.4s}.home-intro-reveal--5{animation-delay:.5s}.home-intro-reveal--6{animation-delay:.6s}.home-intro-reveal--7{animation-delay:.8s}@media (width<=1024px){.home-intro-section__container{grid-template-columns:1fr;gap:60px}.home-intro-section__content{text-align:center;align-items:center}.home-intro-section__benefit{text-align:left}.home-intro-section__actions{justify-content:center}.visual__floating-card--top{left:-10px}.visual__floating-card--bottom{right:-10px}}@media (width<=768px){.home-intro-section{padding:40px 0}.home-intro-section__title{font-size:30px}.home-intro-section__description{font-size:15px}.home-intro-section__actions{flex-direction:column;width:100%;max-width:400px}.home-intro-section__btn{width:100%}.visual__floating-card,.visual__backdrop-shape{display:none}.home-intro-section__stats{flex-direction:column;gap:24px;padding:24px}.stat-divider{display:none}}html[data-theme=dark] .home-intro-section{color:#fff;background-color:#17171a}html[data-theme=dark] .home-intro-section__grid-bg{background-image:linear-gradient(90deg,#ffffff06 1px,#0000 1px),linear-gradient(#ffffff06 1px,#0000 1px)}html[data-theme=dark] .home-intro-section__credential{background:#1f1f23;border-color:#303036;box-shadow:0 2px 10px #00000040}html[data-theme=dark] .home-intro-section__credential:hover{background:#27272b;border-color:#0b9f8a;box-shadow:0 12px 25px #00000059}html[data-theme=dark] .credential__label{color:#a1a1aa}html[data-theme=dark] .credential__title,html[data-theme=dark] .home-intro-section__title{color:#fff}html[data-theme=dark] .home-intro-section__description{color:#a1a1aa}html[data-theme=dark] .text-highlight{color:#0b9f8a}html[data-theme=dark] .home-intro-section__benefit{background:#1f1f23;border-left-color:#0b9f8a}html[data-theme=dark] .benefit__icon{color:#0b9f8a}html[data-theme=dark] .benefit__content strong{color:#fff}html[data-theme=dark] .benefit__content p{color:#a1a1aa}html[data-theme=dark] .home-intro-section__btn--primary{color:#fff;background:#0b9f8a;border-color:#0b9f8a;box-shadow:0 4px 14px #0b9f8a2e}html[data-theme=dark] .home-intro-section__btn--primary:hover{color:#fff;background:#08806f;border-color:#08806f;box-shadow:0 8px 20px #0b9f8a40}html[data-theme=dark] .home-intro-section__btn--secondary{color:#fff;background:0 0;border-color:#414149}html[data-theme=dark] .home-intro-section__btn--secondary:hover{color:#0b9f8a;background:#27272b;border-color:#0b9f8a;box-shadow:0 8px 20px #0b9f8a2e}html[data-theme=dark] .visual__backdrop-shape{border-color:#0b9f8a}html[data-theme=dark] .visual__glow{opacity:.08;background:radial-gradient(circle,#0b9f8a 0%,#0000 60%)}html[data-theme=dark] .home-intro-section__visual:hover .visual__glow{opacity:.16}html[data-theme=dark] .visual__hero-image{box-shadow:0 24px 48px #00000073}html[data-theme=dark] .home-intro-section__visual:hover .visual__hero-image{box-shadow:0 40px 70px #0009}html[data-theme=dark] .visual__floating-card{background:#1f1f23f5;border-color:#414149;box-shadow:0 12px 32px #0006}html[data-theme=dark] .visual__floating-card:before{background:linear-gradient(90deg,#fff0 0%,#ffffff26 50%,#fff0 100%)}html[data-theme=dark] .visual__floating-card:hover{border-color:#0b9f8a;box-shadow:0 20px 40px #0000008c}html[data-theme=dark] .floating-card__icon-box{color:#0b9f8a;background:#063b2f}html[data-theme=dark] .floating-card__text strong{color:#fff}html[data-theme=dark] .floating-card__text span{color:#a1a1aa}html[data-theme=dark] .home-intro-section__stats{background:#1f1f23;border-color:#303036;box-shadow:0 10px 30px #00000059}html[data-theme=dark] .home-intro-section__stats:hover{box-shadow:0 20px 40px #00000080}html[data-theme=dark] .stat-item__icon{color:#0b9f8a;background:#27272b}html[data-theme=dark] .stat-item:hover .stat-item__icon{color:#fff;background:#0b9f8a;box-shadow:0 8px 16px #0b9f8a40}html[data-theme=dark] .stat-item__data h3{color:#fff}html[data-theme=dark] .stat-item:hover .stat-item__data h3{color:#0b9f8a}html[data-theme=dark] .stat-item__data p{color:#a1a1aa}html[data-theme=dark] .stat-divider{background-color:#3f3f46}html[data-theme=dark] .visual__hero-image--light{display:none}html[data-theme=dark] .visual__hero-image--dark{display:block}@media (width<=768px){html[data-theme=dark] .home-intro-section{background-color:#17171a}html[data-theme=dark] .home-intro-section__stats{background:#1f1f23;border-color:#303036}}.statistics{background:#f8fafc;margin-top:50px;padding:70px 24px}.statistics__container{max-width:1200px;margin:0 auto}.statistics__header{text-align:center;max-width:700px;margin:0 auto 70px}.statistics__badge{color:var(--primary-color);background:#10b9811f;border-radius:999px;align-items:center;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex}.statistics__header h2{color:var(--text-color);margin:18px 0;font-size:40px;font-weight:800;line-height:1.2}.statistics__header p{color:var(--text-light);font-size:17px;line-height:1.8}.statistics__grid{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.statistics__card{text-align:center;opacity:0;background:#fff;border:1px solid #eef2f7;border-radius:24px;padding:38px 28px;transition:all .35s;transform:translateY(50px);box-shadow:0 12px 35px #0f172a0d}@keyframes statCardUp{0%{opacity:0;transform:translateY(45px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.statistics.show .statistics__card{animation:.8s forwards statCardUp}.statistics.show .statistics__card:first-child{animation-delay:.2s}.statistics.show .statistics__card:nth-child(2){animation-delay:.4s}.statistics.show .statistics__card:nth-child(3){animation-delay:.6s}.statistics.show .statistics__card:nth-child(4){animation-delay:.8s}.statistics__card:hover{transform:translateY(-8px)scale(1.05);box-shadow:0 24px 55px #10b98126}.statistics__icon{width:72px;height:72px;color:var(--primary-color);background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;transition:all .35s;display:flex}.statistics__card:hover .statistics__icon{background:var(--primary-color);color:#fff;transform:rotate(-8deg)scale(1.05)}.statistics__card h3{color:var(--primary-dark);margin:0;font-size:42px;font-weight:800;line-height:1}.statistics__card h3:first-of-type{letter-spacing:-1px}.statistics__card p{color:var(--text-light);margin-top:14px;font-size:15px;line-height:1.6}@media (width<=992px){.statistics{padding:80px 20px}.statistics__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.statistics__header h2{font-size:32px}.statistics__header p{font-size:16px}.statistics__grid{grid-template-columns:1fr}}.statistics__card--autodesk{background:linear-gradient(135deg,#10b98114,#10b9812e);border:1px solid #10b98140}.statistics__card--autodesk .statistics__icon{background:var(--primary-color);color:#fff}.statistics__official{color:var(--primary-color);letter-spacing:1px;background:#fff;border-radius:999px;margin-bottom:18px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.statistics__card--autodesk h3{color:var(--text-color);font-size:26px;line-height:1.3}.statistics__card--autodesk p{color:var(--primary-dark);font-size:15px;font-weight:600}html[data-theme=dark] .statistics{background:#17171a}html[data-theme=dark] .statistics__header h2{color:#fff}html[data-theme=dark] .statistics__header p{color:#a1a1aa}html[data-theme=dark] .statistics__badge{color:#0b9f8a;background:#0b9f8a24}html[data-theme=dark] .statistics__card{background:#1f1f23;border-color:#303036;box-shadow:0 12px 35px #0000004d}html[data-theme=dark] .statistics__card:hover{box-shadow:0 24px 55px #0b9f8a26}html[data-theme=dark] .statistics__icon{color:#0b9f8a;background:#0b9f8a24}html[data-theme=dark] .statistics__card:hover .statistics__icon{color:#fff;background:#0b9f8a}html[data-theme=dark] .statistics__card h3{color:#0b9f8a}html[data-theme=dark] .statistics__card p{color:#a1a1aa}html[data-theme=dark] .statistics__card--autodesk{background:linear-gradient(135deg,#0b9f8a1a,#0b9f8a33);border-color:#0b9f8a4d}html[data-theme=dark] .statistics__card--autodesk .statistics__icon{color:#fff;background:#0b9f8a}html[data-theme=dark] .statistics__official{color:#0b9f8a;background:#27272b}html[data-theme=dark] .statistics__card--autodesk h3{color:#fff}html[data-theme=dark] .statistics__card--autodesk p{color:#0b9f8a}.categories{background:#fff;padding:100px 24px;overflow:hidden}.categories__container{max-width:1250px;margin:0 auto}.categories__header{text-align:center;max-width:720px;margin:0 auto 70px}.categories__badge{color:var(--primary-color);background:#10b9811f;border-radius:999px;align-items:center;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex}.categories__header h2{color:var(--text-color);margin:18px 0;font-size:40px;font-weight:800}.categories__header p{color:var(--text-light);font-size:17px;line-height:1.8}.categories__grid{perspective:1600px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:36px;display:grid}.categories__grid .category-card{z-index:1;position:relative}.categories__grid:hover .category-card:not(.is-active){filter:brightness(.88);transform:scale(.96)}.categories__grid .category-card.is-active{z-index:20}@media (width<=992px){.categories__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.categories{padding:80px 20px}.categories__header h2{font-size:32px}.categories__grid{grid-template-columns:1fr}}.category-skeleton{background:#edf2f7;border-radius:28px;height:430px;position:relative;overflow:hidden}.category-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.2s infinite skeletonLoading;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeletonLoading{to{transform:translate(100%)}}html[data-theme=dark] .categories{background:#17171a}html[data-theme=dark] .categories__header h2{color:#fff}html[data-theme=dark] .categories__header p{color:#a1a1aa}html[data-theme=dark] .categories__badge{color:#0b9f8a;background:#0b9f8a24}html[data-theme=dark] .categories__grid:hover .category-card:not(.is-active){filter:brightness(.82)}html[data-theme=dark] .category-skeleton{background:#27272b}html[data-theme=dark] .category-skeleton:after{background:linear-gradient(90deg,#0000,#ffffff14,#0000)}.category-card{cursor:pointer;opacity:0;height:400px;transform-style:preserve-3d;isolation:isolate;background:#111;border-radius:28px;transition:transform .55s cubic-bezier(.22,.61,.36,1),box-shadow .55s,filter .55s;position:relative;overflow:hidden;transform:translateY(60px)scale(.94);box-shadow:0 18px 40px #0000001f}.categories.show .category-card{animation:.8s forwards categoryReveal}@keyframes categoryReveal{0%{opacity:0;transform:translateY(60px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.category-card__stack{z-index:-2;position:absolute;inset:0}.category-card__layer{border-radius:28px;transition:all .55s;position:absolute;inset:0}.category-card__layer:first-child{background:#2d2d2d;transform:translate(-8px,8px)}.category-card__layer:nth-child(2){background:#1a1a1a;transform:translate(-16px,16px)}.category-card__image{object-fit:cover;width:100%;height:100%;transition:transform .8s,filter .6s;position:absolute;inset:0}.category-card__overlay{background:linear-gradient(#0000 0%,#0000002e 35%,#00000094 66%,#000000eb 100%);align-items:flex-end;padding:34px;transition:all .55s;display:flex;position:absolute;inset:0}.category-card__content{color:#fff;width:100%;transition:all .45s}.category-card__content h3{margin:0;font-size:34px;font-weight:700;line-height:1.1}.category-card__content p{color:#ffffffdb;margin-top:14px;line-height:1.8}.category-card__footer{justify-content:space-between;align-items:center;margin-top:30px;display:flex}.category-card__link{letter-spacing:.4px;font-weight:700;transition:all .4s}.category-card__button{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:none;border-radius:50%;place-items:center;width:58px;height:58px;transition:all .4s;display:grid}.category-card__circle{width:34px;height:34px}.category-card__circle circle{fill:none;stroke:#cfff2e;stroke-width:2px}.category-card__circle path{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.category-card__border{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.category-card__border rect{fill:none;stroke:#cfff2e;stroke-width:.5px;opacity:0}.category-card.is-active{z-index:20;transform:translateY(-12px)scale(1.03);box-shadow:0 45px 90px #00000047}.category-card.is-active .category-card__overlay{background:linear-gradient(#0000 0%,#00000014 28%,#0000006b 62%,#000000c7 100%)}.category-card.is-active .category-card__content{transform:translateY(-8px)}.category-card.is-active .category-card__link{transform:translate(8px)}.category-card.is-active .category-card__button{background:#cfff2e}.category-card.is-active .category-card__circle path{stroke:#111}.category-card.is-active .category-card__layer:first-child{transform:translate(-12px,10px)rotate(-2deg)}.category-card.is-active .category-card__layer:nth-child(2){transform:translate(-24px,20px)rotate(-5deg)}.category-card.is-inactive{filter:brightness(.9)}.category-card{perspective:1600px}.category-card.is-active{transform:perspective(1600px)translateY(-14px)rotateY(-5deg)scale(1.03)}.category-card.is-active .category-card__image{transform:scale(1.1)rotate(.8deg)}.category-card__border rect{stroke-dasharray:420;stroke-dashoffset:420px;opacity:1;transition:stroke-dashoffset .9s cubic-bezier(.22,.61,.36,1)}.category-card.is-active .category-card__border rect{stroke-dashoffset:0}.category-card__circle circle{stroke-dasharray:102;stroke-dashoffset:102px;transition:stroke-dashoffset .7s}.category-card.is-active .category-card__circle circle{stroke-dashoffset:0}.category-card__circle path{transform-origin:50%;transition:transform .45s,stroke .35s}.category-card.is-active .category-card__circle path{transform:translate(2px)}.category-card__button{transform:scale(.9)}.category-card.is-active .category-card__button{transform:scale(1);box-shadow:0 0 25px #d8ff3d73}.category-card.is-active .category-card__image{filter:brightness(1.05)}.category-card__content h3{transition:transform .45s,letter-spacing .45s}.category-card.is-active .category-card__content h3{letter-spacing:.3px;transform:translateY(-2px)}.category-card__content p{transition:transform .45s,opacity .45s}.category-card.is-active .category-card__content p{transform:translateY(-3px)}.category-card__link{position:relative}.category-card__link:after{content:"";background:#d8ff3d;width:0;height:2px;transition:all .45s;position:absolute;bottom:-6px;left:0}.category-card.is-active .category-card__link:after{width:100%}.category-card:before{content:"";opacity:0;z-index:-3;background:radial-gradient(circle at top,#d8ff3d2e,#0000 60%);border-radius:30px;transition:all .5s;position:absolute;inset:-2px}.category-card.is-active:before{opacity:1}.category-card.is-active{box-shadow:0 30px 80px #00000059,0 0 35px #d8ff3d2e}@media (width<=992px){.category-card{height:390px}}@media (width<=768px){.category-card{height:340px}.category-card__content h3{font-size:28px}}@media (width<=576px){.category-card{height:320px}.category-card__overlay{padding:24px}.category-card__content h3{font-size:24px}}.featured-courses{background:#fafafa;padding:120px 24px}.featured-courses__container{max-width:1200px;margin:auto}.featured-courses__header{text-align:center;max-width:700px;margin:auto auto 70px}.featured-courses__badge{color:var(--primary-color);background:#10b9811f;border-radius:999px;padding:8px 18px;font-weight:600;display:inline-flex}.featured-courses__header h2{margin:18px 0;font-size:40px}.featured-courses__header p{color:var(--text-light);line-height:1.8}.featured-courses__grid{grid-template-columns:repeat(2,minmax(430px,1fr));gap:35px;display:grid}@media (width<=992px){.featured-courses__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.featured-courses__grid{grid-template-columns:1fr}}html[data-theme=dark] .featured-courses{background:#17171a}html[data-theme=dark] .featured-courses__header h2{color:#fff}html[data-theme=dark] .featured-courses__header p{color:#a1a1aa}html[data-theme=dark] .featured-courses__badge{color:#0b9f8a;background:#0b9f8a24}.mcc-course-card{cursor:pointer;isolation:isolate;transform-origin:0;height:300px;transform-style:preserve-3d;background:#111;border-radius:28px;transition:transform .6s cubic-bezier(.22,.61,.36,1),box-shadow .6s;position:relative;overflow:hidden;box-shadow:0 18px 40px #0000001f}.mcc-course-card__stack{z-index:-2;position:absolute;inset:0}.mcc-course-card__layer{border-radius:28px;transition:all .6s;position:absolute;inset:0}.mcc-course-card__layer:first-child{background:#303030;transform:translate(-8px,8px)}.mcc-course-card__layer:nth-child(2){background:#1d1d1d;transform:translate(-16px,16px)}.mcc-course-card__image{object-fit:cover;z-index:0;width:100%;height:100%;transition:transform .9s,filter .6s;position:absolute;inset:0}.mcc-course-card__overlay{color:#fff;z-index:10;background:linear-gradient(#0000 0%,#0000001f 32%,#00000073 65%,#000000d1 100%);flex-direction:column;justify-content:flex-end;padding:34px;transition:all .5s;display:flex;position:absolute;inset:0}.mcc-course-card__content{transition:all .45s}.mcc-course-card__category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;width:max-content;margin-bottom:24px;padding:7px 16px;font-size:13px;display:inline-flex}.mcc-course-card__title{align-items:center;gap:14px;margin-bottom:18px;display:flex}.mcc-course-card__title h3{margin:0;font-size:25px;font-weight:700;line-height:1.1;transition:all .45s}.mcc-course-card__icon{object-fit:contain;flex-shrink:0;width:42px;height:42px}.mcc-course-card p{color:#ffffffdb;margin:18px 0 34px;line-height:1.7;transition:all .45s}.mcc-course-card__footer{justify-content:space-between;align-items:center;display:flex}.mcc-course-card__duration{color:#fff;font-weight:600}.mcc-course-card__button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;place-items:center;width:60px;height:60px;transition:all .45s;display:grid}.mcc-course-card__circle{width:34px;height:34px}.mcc-course-card__circle circle{fill:none;stroke:#cfff2e;stroke-width:2px;stroke-dasharray:102;stroke-dashoffset:102px;transition:all .7s}.mcc-course-card__circle path{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:all .45s}.mcc-course-card__border{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0}.mcc-course-card__border rect{fill:none;stroke:#cfff2e;stroke-width:.5px;stroke-dasharray:420;stroke-dashoffset:420px;transition:all .8s}.mcc-course-card:after{content:"";opacity:0;background:linear-gradient(#ffffff2e,#0000,#ffffff14);width:5px;height:100%;transition:all .45s;position:absolute;top:0;right:0}.mcc-course-card:hover{transform:perspective(1800px)rotateY(-16deg)rotateX(2deg)translateY(-10px);box-shadow:0 55px 100px #00000059,-18px 22px 40px #0000002e,0 0 35px #cfff2e29}.mcc-course-card:hover .mcc-course-card__layer:first-child{transform:translate(-18px,14px)rotate(-5deg)}.mcc-course-card:hover .mcc-course-card__layer:nth-child(2){transform:translate(-34px,26px)rotate(-9deg)}.mcc-course-card:hover .mcc-course-card__image{filter:brightness(1.05);transform:scale(1.12)}.mcc-course-card:hover .mcc-course-card__overlay{background:linear-gradient(#0000,#0000000d,#0000005c,#000000b8)}.mcc-course-card:hover .mcc-course-card__content{transform:translateY(-10px)}.mcc-course-card:hover .mcc-course-card__title h3{letter-spacing:.3px}.mcc-course-card:hover p{transform:translateY(-3px)}.mcc-course-card:hover .mcc-course-card__button{background:#cfff2e;transform:scale(1.08);box-shadow:0 0 25px #cfff2e73}.mcc-course-card:hover .mcc-course-card__circle circle{stroke-dashoffset:0}.mcc-course-card:hover .mcc-course-card__circle path{stroke:#111;transform:translate(2px)}.mcc-course-card:hover .mcc-course-card__border rect{stroke-dashoffset:0}.mcc-course-card:hover:after{opacity:1}@media (width<=992px){.mcc-course-card{height:400px}}@media (width<=768px){.mcc-course-card{height:350px}.mcc-course-card__title h3{font-size:28px}}@media (width<=576px){.mcc-course-card{height:320px}.mcc-course-card__overlay{padding:24px}.mcc-course-card__title h3{font-size:24px}}.mcc-course-card--compact{border-radius:24px;height:270px}.mcc-course-card--compact .mcc-course-card__overlay{padding:26px}.mcc-course-card--compact .mcc-course-card__category{margin-bottom:16px;padding:6px 13px;font-size:12px}.mcc-course-card--compact .mcc-course-card__title h3{font-size:21px}.mcc-course-card--compact .mcc-course-card__title{gap:11px;margin-bottom:14px}.mcc-course-card--compact .mcc-course-card__icon{width:34px;height:34px}.mcc-course-card--compact .mcc-course-card__button{width:50px;height:50px}.mcc-course-card--compact .mcc-course-card__circle{width:29px;height:29px}.mcc-course-card--compact .mcc-course-card__duration{font-size:14px}.admin-home-container{max-width:1560px;margin:0 auto;padding:0 32px 80px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:color .3s}.admin-dashboard-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0d948814 0%,#0f766e05 100%);border:1px solid #0d948826;border-radius:16px;margin-top:28px;margin-bottom:40px;padding:36px 40px;position:relative;box-shadow:0 4px 20px -2px #00000005}.admin-dashboard-hero__inner{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.admin-dashboard-hero__badge{color:#0d9488;letter-spacing:.3px;text-transform:uppercase;background:#0d94881f;border:1px solid #0d948833;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-flex}.admin-dashboard-hero__text{flex-direction:column;gap:6px;display:flex}.admin-dashboard-hero__title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:800}.admin-dashboard-hero__subtitle{color:#475569;margin:0;font-size:1.05rem;font-weight:500}.admin-control-center{margin-bottom:48px}.admin-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.admin-action-card{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffffd9;border:1px solid #e2e8f0d9;border-radius:16px;align-items:flex-start;gap:18px;padding:28px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -2px #00000005}.admin-action-card:hover{background:#fffffffa;border-color:#0d9488;transform:translateY(-4px);box-shadow:0 16px 32px -6px #0d948826,0 4px 6px -2px #0000000a}.admin-action-card__icon-wrapper{color:#0d9488;background:#0d94881a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s,background-color .25s,color .25s;display:flex}.admin-action-card:hover .admin-action-card__icon-wrapper{color:#fff;background:#0d9488;transform:scale(1.06)}.admin-action-card__content{flex:1;min-width:0}.admin-action-card__content h3{color:#0f172a;letter-spacing:-.01em;margin:0 0 6px;font-size:1.15rem;font-weight:700}.admin-action-card__content p{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.admin-action-card__arrow{color:#94a3b8;justify-content:center;align-self:center;align-items:center;transition:transform .25s,color .25s;display:flex}.admin-action-card:hover .admin-action-card__arrow{color:#0d9488;transform:translate(5px)}.admin-content-divider{background:#e2e8f0;height:1px;margin:48px 0}html[data-theme=dark] .admin-home-container{color:#f8fafc}html[data-theme=dark] .admin-dashboard-hero{background:linear-gradient(135deg,#0d948829 0%,#0a252280 100%);border-color:#14b8a640;box-shadow:0 4px 24px -2px #0006}html[data-theme=dark] .admin-dashboard-hero__badge{color:#2dd4bf;background:#14b8a633;border-color:#14b8a659}html[data-theme=dark] .admin-dashboard-hero__title{color:#fff}html[data-theme=dark] .admin-dashboard-hero__subtitle{color:#94a3b8}html[data-theme=dark] .admin-action-card{background:linear-gradient(145deg,#0f211fe6 0%,#0f172af2 100%);border-color:#14b8a62e;box-shadow:0 8px 20px -4px #00000073}html[data-theme=dark] .admin-action-card:hover{background:linear-gradient(145deg,#142c29fa 0%,#0f172afc 100%);border-color:#2dd4bf;box-shadow:0 16px 36px -6px #0d94884d}html[data-theme=dark] .admin-action-card__icon-wrapper{color:#2dd4bf;background:#14b8a62e}html[data-theme=dark] .admin-action-card:hover .admin-action-card__icon-wrapper{color:#061e1b;background:#14b8a6}html[data-theme=dark] .admin-action-card__content h3{color:#f8fafc}html[data-theme=dark] .admin-action-card__content p{color:#94a3b8}html[data-theme=dark] .admin-action-card:hover .admin-action-card__arrow{color:#2dd4bf}html[data-theme=dark] .admin-content-divider{background:#14b8a626}@media (width<=1150px){.admin-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.admin-home-container{padding:0 20px 50px}.admin-dashboard-hero{margin-top:20px;margin-bottom:30px;padding:28px 24px}.admin-dashboard-hero__title{font-size:2rem}.admin-cards-grid{grid-template-columns:1fr;gap:16px}}.contact-page{background:#f5f7fb;justify-content:center;align-items:flex-start;min-height:100vh;padding:120px 20px 60px;display:flex}.contact-card{border-top:6px solid var(--primary-color);background:#fff;border-radius:18px;width:100%;max-width:1000px;overflow:hidden;box-shadow:0 10px 30px #00000014}.contact-header{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;padding:50px 40px}.contact-header h1{color:#fff;margin-bottom:16px;font-size:48px;font-weight:700}.contact-header p{color:#ffffffe6;font-size:20px;line-height:1.6}.contact-form{padding:40px}.form-row{gap:25px;margin-bottom:25px;display:flex}.form-group{flex-direction:column;flex:1;margin-bottom:25px;display:flex}.form-group label{color:var(--text-color);margin-bottom:8px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none;padding:14px 16px;font-family:inherit;font-size:16px;transition:all .3s}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;width:100%}.success-message,.error-message{word-break:break-word}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0e9f8a26}.send-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:15px 30px;font-size:16px;font-weight:600;transition:all .3s}.send-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.success-message{color:#155724;text-align:center;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin:20px 0;padding:15px;font-weight:600}.error-message{color:#721c24;text-align:center;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;margin:20px 0;padding:15px;font-weight:600}.field-error{color:red;margin-top:4px;font-size:14px}@media (width<=768px){.contact-page{padding:100px 15px 40px}.contact-card{max-width:100%}.contact-header{padding:35px 25px}.contact-header h1{font-size:36px}.contact-header p{font-size:18px}.contact-form{padding:30px 25px}.form-row{flex-direction:column;gap:0;margin-bottom:0}.send-btn{width:100%}}@media (width<=480px){.contact-page{padding:90px 10px 30px}.contact-card{border-radius:12px}.contact-header{padding:25px 20px}.contact-header h1{margin-bottom:10px;font-size:28px}.contact-header p{font-size:15px;line-height:1.5}.contact-form{padding:20px}.form-group{margin-bottom:18px}.form-group input,.form-group select,.form-group textarea{padding:12px;font-size:14px}.send-btn{width:100%;padding:14px;font-size:15px}.success-message,.error-message{padding:12px;font-size:14px}.field-error{font-size:12px}}:root{--contact-bg:#f8fafc;--contact-surface:#fff;--contact-surface-alt:#f1f5f9;--contact-text-main:#0f172a;--contact-text-secondary:#334155;--contact-text-muted:#64748b;--contact-primary:#0d9488;--contact-primary-hover:#0f766e;--contact-primary-focus:#0d948833;--contact-border:#e2e8f0;--contact-border-hover:#cbd5e1;--contact-input-bg:#fff;--contact-error-text:#b91c1c;--contact-error-bg:#fef2f2;--contact-error-border:#fca5a5;--contact-success-text:#047857;--contact-success-bg:#ecfdf5;--contact-success-border:#6ee7b7;--contact-shadow-lg:0 10px 25px -5px #0000000d, 0 8px 10px -6px #00000003}[data-theme=dark]{--contact-bg:#18181b;--contact-surface:#27272a;--contact-surface-alt:#3f3f46;--contact-text-main:#f4f4f5;--contact-text-secondary:#d4d4d8;--contact-text-muted:#a1a1aa;--contact-primary:#14b8a6;--contact-primary-hover:#2dd4bf;--contact-primary-focus:#2dd4bf33;--contact-border:#3f3f46;--contact-border-hover:#52525b;--contact-input-bg:#18181b;--contact-error-text:#f87171;--contact-error-bg:#dc26261a;--contact-error-border:#f871714d;--contact-success-text:#34d399;--contact-success-bg:#0596691a;--contact-success-border:#34d3994d;--contact-shadow-lg:0 10px 25px -5px #0006, 0 8px 10px -6px #0003}.contact-page{background-color:var(--contact-bg);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s;display:flex}.contact-wrapper{background-color:var(--contact-surface);width:100%;max-width:1100px;box-shadow:var(--contact-shadow-lg);border-radius:20px;grid-template-columns:1fr 1.2fr;transition:background-color .3s,box-shadow .3s;display:grid;overflow:hidden}.contact-info-section{background-color:var(--contact-surface-alt);flex-direction:column;padding:50px;transition:background-color .3s;display:flex}.contact-info-header{margin-bottom:50px}.contact-info-header h2{color:var(--contact-text-main);letter-spacing:-.03em;margin:0 0 16px;font-size:2.2rem;font-weight:700;transition:color .3s}.contact-info-header p{color:var(--contact-text-secondary);margin:0;font-size:1.05rem;line-height:1.6;transition:color .3s}.contact-methods{flex-direction:column;gap:35px;display:flex}.contact-method-item{align-items:flex-start;gap:20px;display:flex}.method-icon{background-color:var(--contact-surface);width:48px;height:48px;color:var(--contact-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .3s,color .3s;display:flex;box-shadow:0 2px 5px #0000000d}[data-theme=dark] .method-icon{box-shadow:0 2px 5px #0003}.method-icon svg{width:24px;height:24px}.method-details h3{color:var(--contact-text-main);margin:0 0 6px;font-size:1.05rem;font-weight:600;transition:color .3s}.method-details p{color:var(--contact-text-muted);margin:0;font-size:.95rem;line-height:1.5;transition:color .3s}.contact-form-section{flex-direction:column;justify-content:center;padding:5px 50px;display:flex}.contact-form{flex-direction:column;gap:24px;display:flex}.form-row .form-group{flex:1}.form-group input,.form-group textarea{border:1px solid var(--contact-border);background-color:var(--contact-input-bg);width:100%;color:var(--contact-text-main);box-sizing:border-box;border-radius:10px;outline:none;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.form-group textarea{resize:vertical;min-height:140px;line-height:1.5}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--contact-text-muted);opacity:.6}.form-group input:hover:not(:focus),.form-group textarea:hover:not(:focus){border-color:var(--contact-border-hover)}.form-group input:focus,.form-group textarea:focus{border-color:var(--contact-primary);box-shadow:0 0 0 4px var(--contact-primary-focus)}.form-group input.input-error,.form-group textarea.input-error{border-color:var(--contact-error-border)}.form-group input.input-error:focus,.form-group textarea.input-error:focus{box-shadow:0 0 0 4px var(--contact-error-bg)}.field-error{color:var(--contact-error-text);margin-top:4px;font-size:.85rem;font-weight:500;animation:.3s fadeIn}.status-message{border-radius:10px;align-items:center;gap:12px;padding:16px;font-size:.95rem;font-weight:500;transition:all .3s;animation:.3s fadeIn;display:flex}.status-message svg{flex-shrink:0;width:20px;height:20px}.status-success{background-color:var(--contact-success-bg);color:var(--contact-success-text);border:1px solid var(--contact-success-border)}.status-error{background-color:var(--contact-error-bg);color:var(--contact-error-text);border:1px solid var(--contact-error-border)}.send-btn{background-color:var(--contact-primary);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 12px var(--contact-primary-focus);border:none;border-radius:10px;margin-top:8px;padding:16px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.send-btn:hover{background-color:var(--contact-primary-hover);box-shadow:0 6px 16px var(--contact-primary-focus);transform:translateY(-2px)}.send-btn:active{box-shadow:0 2px 8px var(--contact-primary-focus);transform:translateY(0)}@media (width<=900px){.contact-wrapper{grid-template-columns:1fr}.contact-info-section,.contact-form-section{padding:40px 30px}}@media (width<=600px){.contact-page{padding:20px 15px}.form-row{flex-direction:column;gap:24px}.contact-info-header h2{font-size:1.8rem}.contact-info-section,.contact-form-section{padding:30px 20px}}html[data-theme=dark] .contact-form input:-webkit-autofill{caret-color:var(--contact-text-main);border-color:var(--contact-border);-webkit-box-shadow:0 0 0 30px var(--contact-input-bg) inset!important;-webkit-text-fill-color:var(--contact-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .contact-form input:-webkit-autofill:hover{caret-color:var(--contact-text-main);border-color:var(--contact-border);-webkit-box-shadow:0 0 0 30px var(--contact-input-bg) inset!important;-webkit-text-fill-color:var(--contact-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .contact-form input:-webkit-autofill:focus{caret-color:var(--contact-text-main);border-color:var(--contact-border);-webkit-box-shadow:0 0 0 30px var(--contact-input-bg) inset!important;-webkit-text-fill-color:var(--contact-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .contact-form input:-webkit-autofill:active{caret-color:var(--contact-text-main);border-color:var(--contact-border);-webkit-box-shadow:0 0 0 30px var(--contact-input-bg) inset!important;-webkit-text-fill-color:var(--contact-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .contact-form textarea:-webkit-autofill{caret-color:var(--contact-text-main);border-color:var(--contact-border);-webkit-box-shadow:0 0 0 30px var(--contact-input-bg) inset!important;-webkit-text-fill-color:var(--contact-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .contact-form textarea:-webkit-autofill:hover{caret-color:var(--contact-text-main);border-color:var(--contact-border);-webkit-box-shadow:0 0 0 30px var(--contact-input-bg) inset!important;-webkit-text-fill-color:var(--contact-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .contact-form textarea:-webkit-autofill:focus{caret-color:var(--contact-text-main);border-color:var(--contact-border);-webkit-box-shadow:0 0 0 30px var(--contact-input-bg) inset!important;-webkit-text-fill-color:var(--contact-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .contact-form textarea:-webkit-autofill:active{caret-color:var(--contact-text-main);border-color:var(--contact-border);-webkit-box-shadow:0 0 0 30px var(--contact-input-bg) inset!important;-webkit-text-fill-color:var(--contact-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}:root{--catalog-bg:#f7f7f5;--catalog-text-main:#111;--catalog-text-muted:#666;--catalog-hero-bg:linear-gradient(135deg, #0f172a 0%, #115e59 100%);--catalog-hero-text:#fff;--catalog-hero-text-muted:#cbd5e1;--catalog-card-bg:#fff;--catalog-border:#00000014;--catalog-shadow:#0000000f;--catalog-brand:#0a9f8f;--catalog-brand-hover:#078f80;--catalog-brand-light:#0a9f8f14;--catalog-skeleton-bg:linear-gradient(90deg, #f4f4f2 25%, #eaeae6 50%, #f4f4f2 75%)}[data-theme=dark]{--catalog-bg:#18181b;--catalog-text-main:#f8fafc;--catalog-text-muted:#9ca3af;--catalog-hero-bg:linear-gradient(135deg, #09090b 0%, #064e3b 100%);--catalog-hero-text:#fff;--catalog-hero-text-muted:#9ca3af;--catalog-card-bg:#1f1f23;--catalog-border:#ffffff1a;--catalog-shadow:#0000004d;--catalog-brand:#0ca592;--catalog-brand-hover:#098f7e;--catalog-brand-light:#0ca59226;--catalog-skeleton-bg:linear-gradient(90deg, #2a2a2e 25%, #3f3f46 50%, #2a2a2e 75%)}.course-catalog-page{background:var(--catalog-bg);min-height:100vh;color:var(--catalog-text-main);-webkit-font-smoothing:antialiased;font-family:inherit;transition:background-color .3s,color .3s}.course-catalog-page__container{width:min(1200px,100% - 48px);margin:0 auto}.course-catalog-page__hero{background:var(--catalog-hero-bg);color:var(--catalog-hero-text);text-align:center;padding:125px 0 85px;transition:background .3s}.course-catalog-page__badge{color:#5eead4;text-transform:uppercase;letter-spacing:.3px;background:#14b8a633;border:1px solid #2dd4bf4d;border-radius:999px;align-items:center;margin-bottom:22px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.course-catalog-page__hero h1{letter-spacing:-2px;margin:0;font-size:clamp(42px,6vw,68px);font-weight:800;line-height:1}.course-catalog-page__hero p{max-width:650px;color:var(--catalog-hero-text-muted);margin:25px auto 0;font-size:17px;line-height:1.7;transition:color .3s}.course-catalog-page__content{padding:70px 0 110px}.course-catalog-page__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.course-catalog-page__state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.course-catalog-page__state h3{color:var(--catalog-text-main);margin:0;font-size:28px;transition:color .3s}.course-catalog-page__state p{color:var(--catalog-text-muted);margin-top:12px;transition:color .3s}.course-catalog-skeleton-card{background:var(--catalog-card-bg);border:1px solid var(--catalog-border);height:290px;box-shadow:0 20px 40px var(--catalog-shadow);border-radius:24px;transition:background-color .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.course-catalog-skeleton-card__content{position:absolute;bottom:30px;left:30px;right:30px}.course-catalog-skeleton{background:var(--catalog-skeleton-bg);background-size:200% 100%;border-radius:8px;animation:1.5s infinite course-catalog-skeleton-loading;display:block}.course-catalog-skeleton--category{border-radius:999px;width:90px;height:26px;margin-bottom:18px}.course-catalog-skeleton--title{width:75%;height:28px;margin-bottom:10px}.course-catalog-skeleton--title-short{width:48%}.course-catalog-skeleton-card__footer{justify-content:space-between;align-items:center;margin-top:25px;display:flex}.course-catalog-skeleton--duration{width:100px;height:18px}.course-catalog-skeleton--button{border-radius:50%;width:52px;height:52px}@keyframes course-catalog-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.course-catalog-page__categories{width:100%;margin-bottom:45px}.course-catalog-page__categories-list{background:var(--catalog-card-bg);border:1px solid var(--catalog-border);box-shadow:0 20px 40px var(--catalog-shadow);scroll-behavior:smooth;scrollbar-width:none;border-radius:16px;align-items:center;gap:4px;width:fit-content;max-width:100%;margin:0 auto;padding:5px;transition:background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow-x:auto}.course-catalog-page__categories-list::-webkit-scrollbar{display:none}.course-catalog-page__filter-nav{z-index:10;background:var(--catalog-card-bg);opacity:0;visibility:hidden;pointer-events:none;align-self:stretch;align-items:center;padding:0 10px;transition:opacity .3s,visibility .3s,background-color .3s;display:flex;position:sticky}.course-catalog-page__filter-nav.is-visible{opacity:1;visibility:visible;pointer-events:auto}.course-catalog-page__filter-nav--left{box-shadow:12px 0 15px -5px var(--catalog-card-bg);left:-5px}.course-catalog-page__filter-nav--right{box-shadow:-12px 0 15px -5px var(--catalog-card-bg);right:-5px}.course-catalog-page__filter-btn{border:1px solid var(--catalog-border);background:var(--catalog-bg);width:32px;height:32px;color:var(--catalog-text-main);cursor:pointer;box-shadow:0 2px 6px var(--catalog-shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.course-catalog-page__filter-btn:hover{background:var(--catalog-brand-light);color:var(--catalog-brand);border-color:var(--catalog-brand);transform:scale(1.05)}.course-catalog-page__filter-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #0a9f8f40}.course-catalog-page__filter-btn svg{width:16px;height:16px}.course-catalog-page__category{color:var(--catalog-text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:11px;outline:none;flex-shrink:0;min-height:44px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:background .3s,color .3s,box-shadow .3s,transform .3s;position:relative}.course-catalog-page__category:hover:not(.course-catalog-page__category--active){background:var(--catalog-brand-light);color:var(--catalog-brand)}.course-catalog-page__category--active{background:var(--catalog-brand);color:#fff;box-shadow:0 10px 20px #0a9f8f40}.course-catalog-page__category--active:hover{background:var(--catalog-brand-hover);color:#fff}.course-catalog-page__category:focus-visible{box-shadow:0 0 0 3px #0a9f8f33}@media (width<=1000px){.course-catalog-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.course-catalog-page__hero{padding:105px 0 70px}.course-catalog-page__content{padding:55px 0 80px}.course-catalog-page__grid{grid-template-columns:1fr;gap:26px}.course-catalog-page__categories{margin-bottom:35px}.course-catalog-page__categories-list{-webkit-overflow-scrolling:touch;border-radius:14px;width:100%;margin:0;padding:4px}.course-catalog-page__filter-nav{padding:0 5px}.course-catalog-page__category{min-height:42px;padding:11px 19px;font-size:13px}}@media (width<=576px){.course-catalog-page__categories-list{width:auto;margin:0 15px}.course-catalog-page__filter-nav{padding:0 2px}.course-catalog-page__category{min-height:40px;padding:10px 17px;font-size:13px}}:root{--login-bg:#f5f7fb;--login-text:#111827;--login-text-muted:#6b7280;--login-input-bg:#fff;--login-border:#d1d5db;--login-primary:#0ca592;--login-primary-hover:#098f7e;--login-error:#dc2626;--login-success:#059669;--login-focus:#0ca59226}[data-theme=dark]{--login-bg:#18181b;--login-text:#f4f4f5;--login-text-muted:#a1a1aa;--login-input-bg:#27272a;--login-border:#3f3f46;--login-primary:#0ca592;--login-primary-hover:#0f9f8c;--login-error:#f87171;--login-success:#34d399;--login-focus:#2dd4bf26}.login{box-sizing:border-box;background:var(--login-bg);width:100%;min-height:calc(100vh - 85px);color:var(--login-text);justify-content:center;align-items:center;padding:40px 20px;transition:background-color .3s,color .3s;display:flex}.login-form{flex-direction:column;align-items:center;gap:20px;width:350px;max-width:100%;display:flex}.login-logo{width:150px;margin-bottom:10px}.login-form h1{color:var(--login-text);margin:0 0 5px;font-size:32px;font-weight:700;transition:color .3s}.login input{border:1px solid var(--login-border);background:var(--login-input-bg);width:100%;color:var(--login-text);box-sizing:border-box;border-radius:10px;outline:none;padding:13px 16px;font-family:inherit;font-size:16px;transition:border-color .25s,box-shadow .25s,background-color .25s,color .25s}.login input::placeholder{color:var(--login-text-muted);opacity:.8}.login input:focus{border-color:var(--login-primary);box-shadow:0 0 0 3px var(--login-focus)}.password-input-container{width:100%;position:relative}.password-input-container input{padding-right:48px}.login .password-input-container .toggle-password-btn{width:32px;height:32px;color:var(--login-text-muted);cursor:pointer;box-shadow:none;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0;transition:color .2s,background-color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login .password-input-container .toggle-password-btn:hover{color:var(--login-text);background:#8080801a;transform:translateY(-50%)}.login .password-input-container .toggle-password-btn:focus-visible{outline:2px solid var(--login-primary);outline-offset:2px}.toggle-password-btn svg{width:20px;height:20px}.login-btn{background:var(--login-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px 16px;font-family:inherit;font-size:17px;font-weight:600;transition:background-color .25s,transform .2s,opacity .2s}.login-btn:hover:not(:disabled){background:var(--login-primary-hover);transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.65}.success-message{text-align:center;width:100%;color:var(--login-success);margin:0;font-size:14px;font-weight:600}.login-error-container{flex-direction:column;align-items:center;gap:6px;width:100%;margin-top:-5px;display:flex}.error-message{text-align:center;width:100%;color:var(--login-error);margin:0;font-size:14px;font-weight:500}.verify-email-btn{color:var(--login-primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:600;text-decoration:underline}.verify-email-btn:hover{color:var(--login-primary-hover)}.signup-text{text-align:center;width:100%;color:var(--login-text-muted);margin:0;font-size:15px}.signup-text a{color:var(--login-primary);font-weight:600;text-decoration:none;transition:color .2s}.signup-text a:hover{color:var(--login-primary-hover);text-decoration:underline}.forgot-password{margin-top:-8px}.forgot-password a{color:var(--login-text-muted);font-weight:400}.forgot-password a:hover{color:var(--login-primary)}html[data-theme=dark] .login input:-webkit-autofill{caret-color:var(--login-text);border-color:var(--login-border);-webkit-box-shadow:0 0 0 30px var(--login-input-bg) inset!important;-webkit-text-fill-color:var(--login-text)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .login input:-webkit-autofill:hover{caret-color:var(--login-text);border-color:var(--login-border);-webkit-box-shadow:0 0 0 30px var(--login-input-bg) inset!important;-webkit-text-fill-color:var(--login-text)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .login input:-webkit-autofill:focus{caret-color:var(--login-text);border-color:var(--login-border);-webkit-box-shadow:0 0 0 30px var(--login-input-bg) inset!important;-webkit-text-fill-color:var(--login-text)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .login input:-webkit-autofill:active{caret-color:var(--login-text);border-color:var(--login-border);-webkit-box-shadow:0 0 0 30px var(--login-input-bg) inset!important;-webkit-text-fill-color:var(--login-text)!important;transition:background-color 5000s ease-in-out,box-shadow!important}@media (width<=480px){.login{padding:30px 20px}.login-form{width:100%;max-width:350px}.login-logo{width:130px}.login-form h1{font-size:28px}.signup-text{font-size:13px}}input::-ms-reveal{display:none}input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.register{box-sizing:border-box;background:#f5f7fb;justify-content:center;min-height:100vh;padding-top:13px;padding-bottom:40px;display:flex}.register__card{text-align:center;background:#fff;border-radius:20px;width:450px;margin:auto;padding:40px;box-shadow:0 15px 40px #00000014}.register__logo{width:150px;margin-bottom:20px}.register__title{margin:0;font-size:34px;font-weight:700}.register__subtitle{color:#6b7280;margin-top:10px}.register__form{flex-direction:column;gap:18px;margin-top:35px;display:flex}.register__form input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:8px 10px;font-size:16px;transition:all .3s}.register__form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b98126}.register__form button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:10px;padding:15px;font-size:17px;font-weight:600;transition:all .3s}.register__form button:hover{background:var(--primary-dark);transform:translateY(-2px)}.register__login-text{text-align:center;color:#6b7280;margin-top:25px;font-size:15px}.register__login-link{color:var(--primary-color);font-weight:600;text-decoration:none}.register__login-link:hover{text-decoration:underline}.register__password-wrapper{align-items:center;width:100%;display:flex;position:relative}.register__password-wrapper input{padding-right:40px}.register__password-toggle{cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;right:10px;background:0 0!important;border:none!important;margin:0!important;padding:0!important;transform:none!important}.register__password-toggle:hover{opacity:.7;background:0 0!important;transform:none!important}.register__field{flex-direction:column;gap:6px;width:100%;display:flex}.register__field-error{color:#dc2626;text-align:left;padding-left:4px;font-size:13px}.register__error{color:#dc2626;margin-top:15px;font-size:14px;font-weight:600}.register__success{color:#16a34a;margin-top:15px;font-size:14px;font-weight:600}html[data-theme=dark] .register{background:#17171a}html[data-theme=dark] .register__card{background:#1f1f23;box-shadow:0 15px 40px #0000004d}html[data-theme=dark] .register__title{color:#fff}html[data-theme=dark] .register__subtitle{color:#a1a1aa}html[data-theme=dark] .register__form input{color:#fff;background:#27272b;border-color:#303036}html[data-theme=dark] .register__form input::placeholder{color:#71717a}html[data-theme=dark] .register__form input:focus{border-color:#0b9f8a;box-shadow:0 0 0 3px #0b9f8a26}html[data-theme=dark] .register__form button{color:#fff;background:#0b9f8a}html[data-theme=dark] .register__form button:hover{background:#087f70}html[data-theme=dark] .register__login-text{color:#a1a1aa}html[data-theme=dark] .register__login-link{color:#0b9f8a}html[data-theme=dark] .register__password-toggle{color:#a1a1aa}html[data-theme=dark] .register__password-toggle:hover{color:#fff}html[data-theme=dark] .register__field-error,html[data-theme=dark] .register__error{color:#f87171}html[data-theme=dark] .register__success{color:#4ade80}html[data-theme=dark] .register__form input:-webkit-autofill{caret-color:#fff;border-color:#303036;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out,box-shadow!important;-webkit-box-shadow:inset 0 0 0 30px #27272b!important}html[data-theme=dark] .register__form input:-webkit-autofill:hover{caret-color:#fff;border-color:#303036;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out,box-shadow!important;-webkit-box-shadow:inset 0 0 0 30px #27272b!important}html[data-theme=dark] .register__form input:-webkit-autofill:focus{caret-color:#fff;border-color:#303036;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out,box-shadow!important;-webkit-box-shadow:inset 0 0 0 30px #27272b!important}html[data-theme=dark] .register__form input:-webkit-autofill:active{caret-color:#fff;border-color:#303036;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out,box-shadow!important;-webkit-box-shadow:inset 0 0 0 30px #27272b!important}:root{--profile-card-bg:#fff;--profile-border:#e2e8f0;--profile-text-main:#1e293b;--profile-text-muted:#64748b;--profile-tag-bg:#f1f5f9;--profile-tag-text:#475569;--profile-item-bg:#f8fafc;--profile-item-border:#f1f5f9;--profile-input-bg:#f8fafc;--profile-input-border:#cbd5e1;--profile-join-btn-bg:#0f172a;--profile-pdf-bg:#525659;--profile-error-text:#ef4444;--profile-error-bg:#fef2f2;--profile-error-border:#fecaca;--profile-success-text:#059669;--profile-success-bg:#d1fae5;--profile-success-border:#a7f3d0;--profile-pending-text:#d97706;--profile-pending-bg:#fef3c7;--brand-primary:#14b8a6;--brand-secondary:#0891b2;--profile-admin-avatar:#7c3aed;--profile-warning-icon:#f59e0b}[data-theme=dark]{--profile-card-bg:#1f1f23;--profile-border:#3f3f46;--profile-text-main:#f8fafc;--profile-text-muted:#9ca3af;--profile-tag-bg:#303036;--profile-tag-text:#d1d5db;--profile-item-bg:#2a2a2e;--profile-item-border:#3f3f46;--profile-input-bg:#2a2a2e;--profile-input-border:#3f3f46;--profile-join-btn-bg:#0ca592;--profile-pdf-bg:#2a2a2e;--profile-error-text:#f87171;--profile-error-bg:#dc262626;--profile-error-border:#dc26264d;--profile-success-text:#34d399;--profile-success-bg:#05966926;--profile-success-border:#0596694d;--profile-pending-text:#fbbf24;--profile-pending-bg:#d9770626;--brand-primary:#0ca592;--brand-secondary:#0ca592;--profile-admin-avatar:#9333ea;--profile-warning-icon:#fbbf24}.profile-page input:focus{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px #0ca59226!important}html[data-theme=dark] .profile-page input:-webkit-autofill{caret-color:var(--profile-text-main);border-color:var(--profile-input-border);-webkit-box-shadow:0 0 0 30px var(--profile-input-bg) inset!important;-webkit-text-fill-color:var(--profile-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .profile-page input:-webkit-autofill:hover{caret-color:var(--profile-text-main);border-color:var(--profile-input-border);-webkit-box-shadow:0 0 0 30px var(--profile-input-bg) inset!important;-webkit-text-fill-color:var(--profile-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .profile-page input:-webkit-autofill:focus{caret-color:var(--profile-text-main);border-color:var(--profile-input-border);-webkit-box-shadow:0 0 0 30px var(--profile-input-bg) inset!important;-webkit-text-fill-color:var(--profile-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .profile-page input:-webkit-autofill:active{caret-color:var(--profile-text-main);border-color:var(--profile-input-border);-webkit-box-shadow:0 0 0 30px var(--profile-input-bg) inset!important;-webkit-text-fill-color:var(--profile-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}.course-details-page{background:var(--course-details-bg-main);min-height:100vh;color:var(--course-details-text-primary);-webkit-font-smoothing:antialiased;--course-details-bg-main:#f7f7f5;--course-details-bg-dark:#0d0f12;--course-details-bg-card:#fff;--course-details-text-primary:#111;--course-details-text-secondary:#666;--course-details-text-muted:#8c8c8c;--course-details-accent-lime:#cfff2e;--course-details-accent-lime-hover:#b8e620;--course-details-accent-teal:#0a9f8f;--course-details-accent-teal-hover:#078f80;--course-details-border-light:#00000014;--course-details-border-dark:#ffffff1f;--course-details-shadow-card:0 20px 40px #0000000f;--course-details-radius-lg:24px;--course-details-radius-md:16px;--course-details-radius-sm:12px;font-family:inherit;transition:background-color .3s,color .3s}[data-theme=dark] .course-details-page{--course-details-bg-main:#18181b;--course-details-bg-card:#1f1f23;--course-details-text-primary:#f8fafc;--course-details-text-secondary:#9ca3af;--course-details-text-muted:#71717a;--course-details-border-light:#ffffff1a;--course-details-shadow-card:0 20px 40px #0000004d}.course-details-page__container{width:min(1200px,100% - 48px);margin:0 auto}.course-details-page__hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#115e59 100%);padding:100px 0 90px;transition:background .3s;position:relative;overflow:hidden}[data-theme=dark] .course-details-page__hero{background:linear-gradient(135deg,#09090b 0%,#064e3b 100%)}.course-details-page__hero-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#14b8a626 0%,#14b8a600 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-100px;right:-100px}.course-details-page__hero .course-details-page__container{z-index:2;position:relative}.course-details-page__hero-content{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.course-details-page__categories{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.course-details-page__category{color:#5eead4;letter-spacing:.3px;text-transform:uppercase;background:#14b8a633;border:1px solid #2dd4bf4d;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.course-details-page__title{align-items:flex-start;gap:20px;display:flex}.course-details-page__icon{object-fit:contain;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;width:56px;height:56px;padding:8px}.course-details-page__title h1{letter-spacing:-1.5px;color:#fff;margin:0;font-size:clamp(36px,4.5vw,56px);font-weight:800;line-height:1.1}.course-details-page__short-description{color:#cbd5e1;max-width:620px;margin:24px 0 0;font-size:17px;line-height:1.7}.course-details-page__meta{-webkit-backdrop-filter:blur(12px);border-radius:var(--course-details-radius-md);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:32px;width:fit-content;margin-top:36px;padding:20px 32px;display:inline-flex}.course-details-page__meta-item{align-items:center;gap:12px;display:flex}.course-details-page__meta-icon{color:#5eead4;justify-content:center;align-items:center;display:flex}.course-details-page__meta-item div{flex-direction:column;display:flex}.course-details-page__meta-value{color:#fff;font-size:20px;font-weight:700;line-height:1.2}.course-details-page__meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.course-details-page__meta-divider{background:#ffffff26;width:1px;height:40px}.course-details-page__image-wrapper{width:100%;position:relative}.course-details-page__image-frame{aspect-ratio:16/11;border-radius:var(--course-details-radius-lg);z-index:2;background:#1a1a1a;border:1px solid #ffffff1a;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)translateY(-10px);box-shadow:0 25px 50px -12px #00000080}.course-details-page__image-frame:hover{transform:perspective(1000px)rotateY(0)translateY(-15px)}.course-details-page__image{object-fit:cover;width:100%;height:100%;display:block}.course-details-page__content{padding:90px 0 120px}.course-details-page__content-grid{grid-template-columns:1fr 380px;align-items:start;gap:60px;display:grid}.course-details-page__section-badge{color:var(--course-details-accent-teal);background:#0a9f8f14;border:1px solid #0a9f8f33;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.course-details-page__description h2{letter-spacing:-1px;color:var(--course-details-text-primary);margin:18px 0 20px;font-size:36px;font-weight:800;line-height:1.2;transition:color .3s}.course-details-page__body-text p{color:var(--course-details-text-secondary);margin:0;font-size:17px;line-height:1.85;transition:color .3s}.course-details-page__highlights{flex-direction:column;gap:16px;margin-top:36px;display:flex}.course-details-page__highlight-item{color:var(--course-details-text-primary);align-items:center;gap:12px;font-size:16px;font-weight:500;transition:color .3s;display:flex}.course-details-page__highlight-icon{color:var(--course-details-accent-teal);flex-shrink:0}.course-details-page__sidebar{position:sticky;top:40px}.course-details-page__card{border-radius:var(--course-details-radius-lg);background:var(--course-details-bg-card);border:1px solid var(--course-details-border-light);box-shadow:var(--course-details-shadow-card);margin-top:60px;padding:36px 32px;transition:background-color .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.course-details-page__card-tag{color:var(--course-details-accent-teal);text-transform:uppercase;letter-spacing:1px;border-bottom-left-radius:var(--course-details-radius-md);background:#0a9f8f1a;padding:6px 16px;font-size:11px;font-weight:700;position:absolute;top:0;right:0}.course-details-page__card-label{color:var(--course-details-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;transition:color .3s;display:block}.course-details-page__price{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.course-details-page__price strong{letter-spacing:-1px;color:var(--course-details-text-primary);font-size:42px;font-weight:800;line-height:1;text-decoration:line-through;text-decoration-thickness:3px;transition:color .3s}.course-details-page__price span{color:var(--course-details-text-secondary);font-size:15px;font-weight:600;transition:color .3s}.course-details-page__discount-note{color:var(--course-details-text-secondary);border-bottom:1px solid var(--course-details-border-light);margin:0 0 28px;padding-bottom:20px;font-size:14px;line-height:1.5;transition:color .3s,border-color .3s}.course-details-page__actions{flex-direction:column;gap:12px;display:flex}.course-details-page__content-button{border-radius:var(--course-details-radius-sm);border:1px solid var(--course-details-border-light);width:100%;min-height:50px;color:var(--course-details-text-primary);background:#f4f4f2;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}[data-theme=dark] .course-details-page__content-button{background:#27272a}.course-details-page__content-button:hover{background:#eaeae6;border-color:#00000026;transform:translateY(-2px)}[data-theme=dark] .course-details-page__content-button:hover{background:#3f3f46;border-color:#fff3}.course-details-page__register-button{border-radius:var(--course-details-radius-sm);background:var(--course-details-accent-teal);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:100%;min-height:54px;font-size:15px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 10px 20px #0a9f8f40}.course-details-page__register-button:hover{background:var(--course-details-accent-teal-hover);transform:translateY(-2px);box-shadow:0 15px 30px #0a9f8f59}.course-details-page__back-button{border:1px solid var(--course-details-border-light);border-radius:var(--course-details-radius-sm);width:100%;min-height:50px;color:var(--course-details-text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.course-details-page__back-button:hover{color:var(--course-details-text-primary);background:#00000008;border-color:#00000026}[data-theme=dark] .course-details-page__back-button:hover{background:#ffffff0d}.course-details-page__state{justify-content:center;align-items:center;min-height:75vh;padding:40px;display:flex}.course-details-page__state-card{background:var(--course-details-bg-card);border-radius:var(--course-details-radius-lg);box-shadow:var(--course-details-shadow-card);text-align:center;border:1px solid var(--course-details-border-light);width:100%;max-width:480px;padding:50px 40px;transition:background-color .3s,border-color .3s,box-shadow .3s}.course-details-page__state-icon{width:70px;height:70px;color:var(--course-details-accent-teal);background:#0a9f8f1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.course-details-page__state-card h1{color:var(--course-details-text-primary);margin:0 0 10px;font-size:26px;font-weight:800;transition:color .3s}.course-details-page__state-card p{color:var(--course-details-text-secondary);margin:0 0 24px;font-size:15px;line-height:1.6;transition:color .3s}.course-details-page__state-button{border-radius:var(--course-details-radius-sm);background:var(--course-details-accent-teal);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:700;transition:background .2s;display:inline-flex}.course-details-page__state-button:hover{background:var(--course-details-accent-teal-hover)}.course-details-page__loading{max-width:700px}.course-details-page__skeleton-item{background:linear-gradient(90deg,#f4f4f2 25%,#eaeae6 50%,#f4f4f2 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite course-details-page__loading-animation;display:block}[data-theme=dark] .course-details-page__skeleton-item{background:linear-gradient(90deg,#2a2a2e 25%,#3f3f46 50%,#2a2a2e 75%)}.course-details-page__skeleton-small{width:140px;height:28px;margin-bottom:24px}.course-details-page__skeleton-large{width:85%;height:60px;margin-bottom:20px}.course-details-page__skeleton-text{width:70%;height:16px;margin-bottom:12px}.course-details-page__skeleton-text--short{width:45%}@keyframes course-details-page__loading-animation{0%{background-position:200% 0}to{background-position:-200% 0}}.course-details-page__related{padding:0 0 120px}.course-details-page__related-header{margin-bottom:40px}.course-details-page__related-header h2{letter-spacing:-.5px;color:var(--course-details-text-primary);margin:16px 0 10px;font-size:32px;font-weight:800;transition:color .3s}.course-details-page__related-header p{color:var(--course-details-text-secondary);margin:0;font-size:16px;transition:color .3s}.course-details-page__related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.course-details-page__related-card{cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1)}.course-details-page__related-card:hover{transform:translateY(-6px)}.course-details-page__content-card{background-color:var(--course-details-bg-card);border:1px solid var(--course-details-border-light);border-radius:12px;flex-direction:column;gap:16px;margin-bottom:24px;padding:16px;transition:background-color .3s,border-color .3s;display:flex;box-shadow:0 2px 4px #00000005}.course-details-page__content-header{align-items:center;gap:14px;display:flex}.course-details-page__content-icon-wrapper{color:#ef4444;background-color:#fef2f2;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}[data-theme=dark] .course-details-page__content-icon-wrapper{background-color:#ef444426}.course-details-page__content-text{flex-direction:column;display:flex}.course-details-page__content-title{color:var(--course-details-text-primary);font-size:1rem;font-weight:700;transition:color .3s}.course-details-page__content-desc{color:var(--course-details-text-secondary);margin-top:2px;font-size:.85rem;transition:color .3s}.course-details-page__content-actions{align-items:center;gap:10px;display:flex}.course-details-page__btn-view{background-color:var(--course-details-bg-card);border:1px solid var(--course-details-border-light);color:var(--course-details-text-primary);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.course-details-page__btn-view:hover{border-color:var(--course-details-text-muted);background-color:#0000000a;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}[data-theme=dark] .course-details-page__btn-view:hover{background-color:#ffffff0d}.course-details-page__btn-external{background-color:var(--course-details-bg-card);border:1px solid var(--course-details-border-light);color:var(--course-details-text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex}.course-details-page__btn-external:hover{color:var(--course-details-text-primary);background-color:#0000000a}[data-theme=dark] .course-details-page__btn-external:hover{background-color:#ffffff0d}.course-details-page__pdf-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:#0f172ad9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.course-details-page__pdf-modal{background-color:var(--course-details-bg-card);border-radius:12px;flex-direction:column;width:100%;max-width:1000px;height:90vh;transition:background-color .3s;animation:.25s ease-out forwards pdfModalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0006}@keyframes pdfModalFadeIn{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.course-details-page__pdf-modal-header{background-color:var(--course-details-bg-main);border-bottom:1px solid var(--course-details-border-light);justify-content:space-between;align-items:center;padding:16px 24px;transition:background-color .3s,border-color .3s;display:flex}.course-details-page__pdf-modal-title{color:var(--course-details-text-primary);align-items:center;gap:12px;display:flex}.course-details-page__pdf-modal-title h3{margin:0;font-size:1.15rem;font-weight:700}.course-details-page__pdf-modal-tools{align-items:center;gap:16px;display:flex}.course-details-page__pdf-btn-outline{color:var(--course-details-text-secondary);border:1px solid var(--course-details-border-light);background:var(--course-details-bg-card);border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.course-details-page__pdf-btn-outline:hover{color:var(--course-details-text-primary);background-color:#0000000a}[data-theme=dark] .course-details-page__pdf-btn-outline:hover{background-color:#ffffff0d}.course-details-page__pdf-btn-close{color:var(--course-details-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.course-details-page__pdf-btn-close:hover{color:#ef4444;background-color:#00000014}[data-theme=dark] .course-details-page__pdf-btn-close:hover{background-color:#ffffff1a}.course-details-page__pdf-modal-body{background-color:#27272a;flex:1;width:100%;height:100%}.course-details-page__pdf-iframe{border:none;width:100%;height:100%;display:block}@media (width<=768px){.course-details-page__pdf-modal-overlay{padding:12px}.course-details-page__pdf-modal{height:calc(100vh - 24px)}.course-details-page__pdf-modal-header{padding:12px 16px}.hide-on-mobile{display:none}}@media (width<=1024px){.course-details-page__hero-content{grid-template-columns:1fr;gap:40px}.course-details-page__content-grid{grid-template-columns:1fr;gap:50px}.course-details-page__sidebar{max-width:600px;margin:0 auto;position:static}.course-details-page__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.course-details-page__container{width:calc(100% - 32px)}.course-details-page__hero{padding:80px 0 60px}.course-details-page__title h1{font-size:32px}.course-details-page__meta{flex-direction:column;align-items:flex-start;gap:16px;width:100%}.course-details-page__meta-divider{width:100%;height:1px}.course-details-page__content{padding:60px 0 80px}.course-details-page__description h2{font-size:28px}.course-details-page__related-grid{grid-template-columns:1fr}}.course-registration{z-index:9999;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.course-registration__overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;animation:.25s course-registration-fade;position:absolute;inset:0}.course-registration__modal{z-index:1;background:var(--reg-modal-bg,#fff);width:min(620px,100%);max-height:calc(100vh - 48px);color:var(--reg-text-main,#111);border:1px solid var(--reg-border,transparent);border-radius:24px;transition:background-color .3s,color .3s,border-color .3s;animation:.3s course-registration-modal;position:relative;overflow-y:auto;box-shadow:0 30px 80px #00000040}.course-registration__header{border-bottom:1px solid var(--reg-border,#00000012);justify-content:space-between;align-items:flex-start;gap:20px;padding:30px 30px 24px;transition:border-color .3s;display:flex}.course-registration__header-info{min-width:0}.course-registration__eyebrow{color:var(--reg-brand,#0fa895);letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:12px;font-weight:700;display:inline-flex}.course-registration__header h2{color:var(--reg-text-main,#111);letter-spacing:-1px;margin:0;font-size:30px;line-height:1.1;transition:color .3s}.course-registration__header p{max-width:460px;color:var(--reg-text-muted,#707070);margin:10px 0 0;font-size:14px;line-height:1.6;transition:color .3s}.course-registration__close{border:1px solid var(--reg-border,#00000014);background:var(--reg-input-bg,#f7f7f5);width:40px;height:40px;color:var(--reg-text-main,#333);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .2s,color .2s,border-color .2s;display:flex}.course-registration__close:hover{background:var(--reg-hover-bg,#ededeb);transform:rotate(3deg)}.course-registration__form{padding:28px 30px 26px}.course-registration__course{border:1px solid var(--reg-course-border,#0fa8952e);background:var(--reg-course-bg,#0fa8950d);border-radius:14px;flex-direction:column;gap:4px;margin-bottom:24px;padding:15px 17px;transition:background-color .3s,border-color .3s;display:flex}.course-registration__course span{color:var(--reg-text-muted,#777);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.course-registration__course strong{color:var(--reg-text-main,#111);font-size:15px;transition:color .3s}.course-registration__field{flex-direction:column;gap:8px;margin-bottom:19px;display:flex}.course-registration__field label{color:var(--reg-text-main,#222);justify-content:space-between;align-items:center;font-size:13px;font-weight:650;transition:color .3s;display:flex}.course-registration__field label span{color:var(--reg-text-muted,#999);font-size:11px;font-weight:500}.course-registration__row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.course-registration__input-wrapper,.course-registration__textarea-wrapper{border:1px solid var(--reg-border,#dededb);background:var(--reg-input-bg,#fff);border-radius:12px;align-items:center;gap:11px;min-height:50px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background-color .3s;display:flex}.course-registration__textarea-wrapper{align-items:flex-start;padding-top:14px}.course-registration__input-wrapper svg,.course-registration__textarea-wrapper svg{color:var(--reg-text-muted,#999);flex-shrink:0}.course-registration__input-wrapper:focus-within,.course-registration__textarea-wrapper:focus-within{border-color:var(--reg-brand,#0fa895);box-shadow:0 0 0 4px var(--reg-focus-shadow,#0fa89514)}.course-registration__input-wrapper input{width:100%;height:48px;color:var(--reg-text-main,#111);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:14px}.course-registration__textarea-wrapper textarea{resize:vertical;width:100%;min-height:95px;color:var(--reg-text-main,#111);background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:14px;line-height:1.6}.course-registration__input-wrapper input::placeholder,.course-registration__textarea-wrapper textarea::placeholder{color:var(--reg-placeholder,#aaa)}.course-registration__error{border:1px solid var(--reg-error-border,#dc323226);background:var(--reg-error-bg,#dc32320f);color:var(--reg-error-text,#c73535);border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:13px}.course-registration__actions{grid-template-columns:auto 1fr;gap:12px;margin-top:6px;display:grid}.course-registration__cancel{border:1px solid var(--reg-border,#dededb);background:var(--reg-input-bg,#fff);min-height:52px;color:var(--reg-text-main,#333);cursor:pointer;border-radius:12px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.course-registration__cancel:hover{background:var(--reg-hover-bg,#f6f6f4);border-color:var(--reg-hover-border,#ccc)}.course-registration__submit{background:var(--reg-brand,#0fa895);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.course-registration__submit:hover{background:var(--reg-brand-hover,#0c9888);box-shadow:0 10px 25px var(--reg-submit-shadow,#0fa89533);transform:translateY(-1px)}.course-registration__submit:disabled,.course-registration__cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.course-registration__spinner{animation:.8s linear infinite course-registration-spin}.course-registration__privacy{color:var(--reg-text-muted,#999);text-align:center;margin:16px 0 0;font-size:11px;line-height:1.6}.course-registration__success{text-align:center;flex-direction:column;align-items:center;padding:45px 40px 40px;display:flex}.course-registration__success-icon{background:var(--reg-course-bg,#0fa8951a);width:72px;height:72px;color:var(--reg-brand,#0fa895);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.course-registration__success h3{color:var(--reg-text-main,#111);letter-spacing:-.5px;margin:0;font-size:26px;transition:color .3s}.course-registration__success p{max-width:420px;color:var(--reg-text-muted,#666);margin:12px 0 28px;font-size:14px;line-height:1.7;transition:color .3s}.course-registration__success p strong{color:var(--reg-text-main,#111)}.course-registration__done{background:var(--reg-brand,#0fa895);color:#fff;cursor:pointer;border:none;border-radius:12px;min-width:150px;min-height:48px;padding:0 25px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.course-registration__done:hover{box-shadow:0 10px 25px var(--reg-submit-shadow,#0fa89533);background:var(--reg-brand-hover,#0c9888);transform:translateY(-1px)}:root{--reg-modal-bg:#fff;--reg-text-main:#111;--reg-text-muted:#707070;--reg-border:#00000014;--reg-input-bg:#fff;--reg-placeholder:#aaa;--reg-brand:#0fa895;--reg-brand-hover:#0c9888;--reg-hover-bg:#f6f6f4;--reg-hover-border:#ccc;--reg-course-bg:#0fa8950d;--reg-course-border:#0fa8952e;--reg-focus-shadow:#0fa89514;--reg-submit-shadow:#0fa89533;--reg-error-bg:#dc32320f;--reg-error-border:#dc323226;--reg-error-text:#c73535}[data-theme=dark]{--reg-modal-bg:#1f1f23;--reg-text-main:#f8fafc;--reg-text-muted:#9ca3af;--reg-border:#ffffff1a;--reg-input-bg:#2a2a2e;--reg-placeholder:#71717a;--reg-brand:#0ca592;--reg-brand-hover:#098f7e;--reg-hover-bg:#27272a;--reg-hover-border:#3f3f46;--reg-course-bg:#0ca5921f;--reg-course-border:#0ca59240;--reg-focus-shadow:#0ca59233;--reg-submit-shadow:#0ca5924d;--reg-error-bg:#dc262626;--reg-error-border:#dc26264d;--reg-error-text:#f87171}html[data-theme=dark] .course-registration__input-wrapper input:-webkit-autofill{caret-color:var(--reg-text-main);border-color:var(--reg-border);-webkit-box-shadow:0 0 0 30px var(--reg-input-bg) inset!important;-webkit-text-fill-color:var(--reg-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .course-registration__input-wrapper input:-webkit-autofill:hover{caret-color:var(--reg-text-main);border-color:var(--reg-border);-webkit-box-shadow:0 0 0 30px var(--reg-input-bg) inset!important;-webkit-text-fill-color:var(--reg-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .course-registration__input-wrapper input:-webkit-autofill:focus{caret-color:var(--reg-text-main);border-color:var(--reg-border);-webkit-box-shadow:0 0 0 30px var(--reg-input-bg) inset!important;-webkit-text-fill-color:var(--reg-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .course-registration__input-wrapper input:-webkit-autofill:active{caret-color:var(--reg-text-main);border-color:var(--reg-border);-webkit-box-shadow:0 0 0 30px var(--reg-input-bg) inset!important;-webkit-text-fill-color:var(--reg-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .course-registration__textarea-wrapper textarea:-webkit-autofill{caret-color:var(--reg-text-main);border-color:var(--reg-border);-webkit-box-shadow:0 0 0 30px var(--reg-input-bg) inset!important;-webkit-text-fill-color:var(--reg-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .course-registration__textarea-wrapper textarea:-webkit-autofill:hover{caret-color:var(--reg-text-main);border-color:var(--reg-border);-webkit-box-shadow:0 0 0 30px var(--reg-input-bg) inset!important;-webkit-text-fill-color:var(--reg-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .course-registration__textarea-wrapper textarea:-webkit-autofill:focus{caret-color:var(--reg-text-main);border-color:var(--reg-border);-webkit-box-shadow:0 0 0 30px var(--reg-input-bg) inset!important;-webkit-text-fill-color:var(--reg-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}html[data-theme=dark] .course-registration__textarea-wrapper textarea:-webkit-autofill:active{caret-color:var(--reg-text-main);border-color:var(--reg-border);-webkit-box-shadow:0 0 0 30px var(--reg-input-bg) inset!important;-webkit-text-fill-color:var(--reg-text-main)!important;transition:background-color 5000s ease-in-out,box-shadow!important}@keyframes course-registration-fade{0%{opacity:0}to{opacity:1}}@keyframes course-registration-modal{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes course-registration-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=600px){.course-registration{padding:14px}.course-registration__modal{border-radius:20px;max-height:calc(100vh - 28px)}.course-registration__header{padding:24px 20px 20px}.course-registration__header h2{font-size:25px}.course-registration__form{padding:22px 20px}.course-registration__row{grid-template-columns:1fr;gap:0}.course-registration__actions{grid-template-columns:1fr}.course-registration__cancel{order:2}.course-registration__submit{order:1}.course-registration__success{padding:38px 25px 32px}}:root{--msg-bg:#f8fafc;--msg-card-bg:#fff;--msg-text-main:#0f172a;--msg-text-body:#1e293b;--msg-text-sub:#64748b;--msg-text-muted:#94a3b8;--msg-border:#e2e8f0;--msg-divider:#f1f5f9;--msg-input-bg:#fff;--msg-hover-bg:#f1f5f9;--msg-meta-bg:#f8fafc;--msg-modal-bg:#fff}[data-theme=dark]{--msg-bg:#18181b;--msg-card-bg:#1f1f23;--msg-text-main:#f8fafc;--msg-text-body:#f1f5f9;--msg-text-sub:#9ca3af;--msg-text-muted:#71717a;--msg-border:#3f3f46;--msg-divider:#27272a;--msg-input-bg:#2a2a2e;--msg-hover-bg:#27272a;--msg-meta-bg:#27272a;--msg-modal-bg:#1f1f23}.admin-messages-page{background-color:var(--msg-bg);box-sizing:border-box;min-height:100vh;padding:30px;transition:background-color .3s}.admin-messages-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.admin-messages-header-left{align-items:center;gap:20px;display:flex}.back-btn{background:var(--msg-card-bg);border:1px solid var(--msg-border);cursor:pointer;width:40px;height:40px;color:var(--msg-text-sub);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.back-btn:hover{background:var(--msg-hover-bg);color:var(--msg-text-main)}.admin-messages-header h1{color:var(--msg-text-main);margin:0 0 5px;font-size:24px;transition:color .3s}.admin-messages-header p{color:var(--msg-text-sub);margin:0;font-size:14px;transition:color .3s}.search-bar{background:var(--msg-card-bg);border:1px solid var(--msg-border);box-sizing:border-box;border-radius:8px;align-items:center;width:100%;max-width:350px;padding:10px 16px;transition:background-color .3s,border-color .3s;display:flex;box-shadow:0 1px 2px #0000000d}.search-icon{color:var(--msg-text-muted);flex-shrink:0;margin-right:10px}.search-bar input{width:100%;color:var(--msg-text-body);background:0 0;border:none;outline:none;font-size:14px;transition:color .3s}.admin-table-container{background:var(--msg-card-bg);border:1px solid var(--msg-border);-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;transition:background-color .3s,border-color .3s;overflow-x:auto;box-shadow:0 4px 6px -1px #0000000d}.admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:800px}.admin-table th{background-color:var(--msg-meta-bg);text-transform:uppercase;color:var(--msg-text-sub);border-bottom:1px solid var(--msg-border);padding:16px 20px;font-size:13px;font-weight:600;transition:background-color .3s,border-color .3s,color .3s}.admin-table td{border-bottom:1px solid var(--msg-border);color:var(--msg-text-body);vertical-align:middle;padding:16px 20px;font-size:14px;transition:border-color .3s,color .3s}.admin-table tbody tr:hover{background-color:var(--msg-hover-bg)}.sender-info{flex-direction:column;gap:4px;display:flex}.text-sm{font-size:12px}.flex-cell{align-items:center;gap:8px;display:flex}.truncate-text{white-space:nowrap;text-overflow:ellipsis;max-width:300px;overflow:hidden}.badge{text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.badge-danger{color:#f87171;background:#ef444426}.badge-warning{color:#fbbf24;background:#d9770626}.badge-info{color:#38bdf8;background:#0284c726}.badge-success{color:#4ade80;background:#16a34a26}.badge-secondary{background:var(--msg-hover-bg);color:var(--msg-text-sub)}.btn-view{border:1px solid var(--msg-border);background:var(--msg-card-bg);color:var(--msg-text-main);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-view:hover{background:var(--msg-text-main);color:var(--msg-card-bg);border-color:var(--msg-text-main)}.btn-delete-message{background:var(--msg-card-bg);color:#ef4444;cursor:pointer;border:1px solid #ef444466;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:34px;transition:all .2s;display:flex}.btn-delete-message:hover{color:#dc2626;background:#ef444426;border-color:#ef4444}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;box-sizing:border-box;background:#0f172abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.message-modal{background:var(--msg-modal-bg);border:1px solid var(--msg-border);box-sizing:border-box;border-radius:12px;width:100%;max-width:600px;max-height:90vh;transition:background-color .3s,border-color .3s;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d}.modal-header{border-bottom:1px solid var(--msg-border);justify-content:space-between;align-items:flex-start;padding:20px 24px;transition:border-color .3s;display:flex}.modal-header h2{color:var(--msg-text-main);margin:0;font-size:18px;line-height:1.4;transition:color .3s}.close-btn{color:var(--msg-text-sub);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px}.close-btn:hover{color:#ef4444}.modal-meta{background:var(--msg-meta-bg);border-bottom:1px solid var(--msg-border);flex-direction:column;gap:12px;padding:20px 24px;transition:background-color .3s,border-color .3s;display:flex}.meta-item{word-break:break-word;flex-wrap:wrap;align-items:flex-start;gap:8px;font-size:14px;display:flex}.meta-label{color:var(--msg-text-sub);flex-shrink:0;width:50px}.flex-group{gap:16px}.contact-link{color:#3b82f6;word-break:break-all;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:flex}.contact-link:hover{text-decoration:underline}.modal-body{color:var(--msg-text-body);white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;padding:24px;font-size:15px;line-height:1.7;transition:color .3s}.delete-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;box-sizing:border-box;background:#0f172ab3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.delete-confirm-modal{background:var(--msg-modal-bg);text-align:center;border:1px solid var(--msg-border);box-sizing:border-box;border-radius:14px;width:100%;max-width:450px;padding:28px 28px 26px;transition:background-color .3s,border-color .3s;animation:.2s ease-out deleteModalAppear;box-shadow:0 20px 25px -5px #0006}@keyframes deleteModalAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.delete-confirm-modal h2{color:var(--msg-text-main);margin:0 0 18px;font-size:23px;font-weight:700;transition:color .3s}.delete-confirm-text{max-width:360px;color:var(--msg-text-sub);overflow-wrap:break-word;margin:0 auto;font-size:16px;line-height:1.5;transition:color .3s}.delete-confirm-text strong{color:var(--msg-text-body);font-weight:700}.delete-warning{color:var(--msg-text-sub);margin:6px 0 26px;font-size:15px}.delete-modal-actions{gap:14px;width:100%;display:flex}.delete-cancel-btn{border:1px solid var(--msg-border);background:var(--msg-hover-bg);height:38px;color:var(--msg-text-body);cursor:pointer;border-radius:6px;flex:1;font-size:14px;font-weight:600;transition:all .2s}.delete-cancel-btn:hover{background:var(--msg-border)}.delete-confirm-btn{color:#fff;cursor:pointer;background:#ef4444;border:1px solid #ef4444;border-radius:6px;flex:1;height:38px;font-size:14px;font-weight:600;transition:all .2s}.delete-confirm-btn:hover{background:#dc2626;border-color:#dc2626}.registration-status{cursor:pointer;align-items:center;gap:10px;display:flex}.registration-status input{cursor:pointer;width:16px;height:16px}.status-badge{border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pending{color:#fb923c;background:#ea580c26;border:1px solid #ea580c4d}.status-contacted{color:#34d399;background:#04785726;border:1px solid #0478574d}@media (width<=768px){.admin-messages-page{padding:16px}.admin-messages-header{flex-direction:column;align-items:stretch;gap:16px}.admin-messages-header-left{align-items:center}.search-bar{max-width:100%}.admin-table th,.admin-table td{padding:12px 14px}}@media (width<=500px){.modal-header,.modal-meta,.modal-body{padding:16px}.delete-confirm-modal{padding:24px 20px}.delete-confirm-modal h2{font-size:20px}.delete-confirm-text{font-size:14px}.delete-modal-actions{flex-direction:column}.delete-cancel-btn,.delete-confirm-btn{width:100%}}.admin-categories{color:#1f2937;max-width:1280px;min-height:calc(100vh - 80px);margin:0 auto;padding:45px 40px 70px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-header{border-bottom:2px solid #f0f2f5;justify-content:space-between;align-items:center;width:100%;margin-bottom:32px;padding-bottom:16px;display:flex}.admin-header h1{color:#14213d;letter-spacing:-.5px;margin:0;font-size:2.2rem;font-weight:800;display:inline-block;position:relative}.admin-header h1:after{content:"";background-color:#0b9f8a;border-radius:4px;width:60px;height:4px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.admin-categories-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.admin-category-card{opacity:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;min-height:390px;transition:transform .25s,box-shadow .25s,border-color .25s;animation:.55s cubic-bezier(.16,1,.3,1) forwards fadeSlideUp;display:flex;overflow:hidden;box-shadow:0 2px 4px #00000008,0 8px 20px #0f172a0d}.admin-category-card:hover{border-color:#d5dce5;transform:translateY(-5px);box-shadow:0 6px 10px #0000000a,0 18px 35px #0f172a1a}.card-image-container{background:#f1f5f9;width:100%;height:190px;overflow:hidden}.category-image{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.admin-category-card:hover .category-image{transform:scale(1.05)}.card-header{padding:22px 24px 0}.card-header h2{color:#172033;letter-spacing:-.2px;margin:0 0 12px;font-size:1.35rem;font-weight:700}.status-badge{text-transform:uppercase;letter-spacing:.6px;border-radius:999px;align-items:center;width:fit-content;padding:6px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.status-published{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.status-draft{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.category-actions{gap:12px;margin-top:auto;padding:22px 24px 24px;display:flex}.btn{cursor:pointer;border-radius:9px;flex:1;height:44px;padding:0 16px;font-size:.92rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}.edit-button{color:#374151;background:#fff;border:1px solid #d6dce5}.edit-button:hover{color:#111827;background:#f8fafc;border-color:#9ca3af;transform:translateY(-1px)}.publish-button{color:#fff;background:#0b9f8a;border:1px solid #0b9f8a}.publish-button:hover{background:#087f70;border-color:#087f70;transform:translateY(-1px);box-shadow:0 6px 14px #0b9f8a38}.unpublish-button{color:#fff;background:#ef4444;border:1px solid #ef4444}.unpublish-button:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 6px 14px #ef444433}.loading-spinner{color:#64748b;justify-content:center;align-items:center;min-height:300px;font-size:1rem;display:flex}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1050px){.admin-categories-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.admin-categories{padding:30px 20px 50px}.admin-header{margin-bottom:25px}.admin-header h1{font-size:1.6rem}.admin-categories-list{grid-template-columns:1fr;gap:20px}.card-image-container{height:180px}}@media (width<=450px){.admin-categories{padding-left:15px;padding-right:15px}.category-actions{flex-direction:column}.btn{width:100%}}.create-category-button{color:#fff;cursor:pointer;background-color:#0b9f8a;border:none;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s}.create-category-button:hover{background-color:#08806f;transform:translateY(-2px);box-shadow:0 6px 15px #0b9f8a40}.modal-overlay{z-index:2000;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.delete-modal{background:#fff;border-radius:14px;width:420px;max-width:90%;padding:30px;animation:.2s ease-out modalAppear;box-shadow:0 20px 50px #0003}.delete-modal h2{color:#1a1f36;margin:0 0 15px;font-size:1.4rem}.delete-modal p{color:#4b5563;line-height:1.6}.delete-warning{font-size:.9rem;color:#ef4444!important}.modal-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.cancel-button,.confirm-delete-button{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.cancel-button{color:#374151;background:#fff;border:1px solid #d1d5db}.confirm-delete-button{color:#fff;background:#ef4444;border:1px solid #ef4444}@keyframes modalAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}html[data-theme=dark]{background-color:#17171a}html[data-theme=dark] body{color:#fff;background-color:#17171a}html[data-theme=dark] .admin-categories{color:#fff}html[data-theme=dark] .admin-header{border-bottom-color:#303036}html[data-theme=dark] .admin-header h1{color:#fff}html[data-theme=dark] .admin-category-card{background:#1f1f23;border-color:#303036;box-shadow:0 2px 4px #00000040,0 8px 20px #0000004d}html[data-theme=dark] .admin-category-card:hover{border-color:#414149;box-shadow:0 6px 10px #0000004d,0 18px 35px #0006}html[data-theme=dark] .card-image-container{background:#27272b}html[data-theme=dark] .card-header h2{color:#fff}html[data-theme=dark] .status-published{color:#6ee7b7;background:#063b2f;border-color:#087f70}html[data-theme=dark] .status-draft{color:#a1a1aa;background:#27272b;border-color:#3f3f46}html[data-theme=dark] .edit-button{color:#fff;background:#27272b;border-color:#414149}html[data-theme=dark] .edit-button:hover{color:#fff;background:#323238;border-color:#5a5a63}html[data-theme=dark] .publish-button{color:#fff;background:#0b9f8a;border-color:#0b9f8a}html[data-theme=dark] .publish-button:hover{background:#087f70;border-color:#087f70}html[data-theme=dark] .unpublish-button{color:#fff;background:#ef4444;border-color:#ef4444}html[data-theme=dark] .unpublish-button:hover{background:#dc2626;border-color:#dc2626}html[data-theme=dark] .create-category-button{color:#fff;background-color:#0b9f8a}html[data-theme=dark] .create-category-button:hover{background-color:#087f70}html[data-theme=dark] .loading-spinner{color:#a1a1aa}html[data-theme=dark] .modal-overlay{background:#000000b3}html[data-theme=dark] .delete-modal{background:#1f1f23;box-shadow:0 20px 50px #00000080}html[data-theme=dark] .delete-modal h2{color:#fff}html[data-theme=dark] .delete-modal p{color:#a1a1aa}html[data-theme=dark] .delete-modal strong{color:#fff}html[data-theme=dark] .delete-warning{color:#f87171!important}html[data-theme=dark] .cancel-button{color:#fff;background:#27272b;border-color:#414149}html[data-theme=dark] .cancel-button:hover{background:#323238}html[data-theme=dark] .confirm-delete-button{color:#fff;background:#ef4444;border-color:#ef4444}html[data-theme=dark] .confirm-delete-button:hover{background:#dc2626}:root{--card-bg:#fff;--border-color:#e5e7eb;--border-hover:#9ca3af;--input-bg:#fff;--input-bg-alt:#f9fafb;--input-bg-alt-hover:#f3f4f6;--input-border:#d1d5db;--btn-secondary-bg:#fff;--btn-secondary-hover:#f9fafb;--error-bg:#fef2f2;--error-border:#fecaca;--error-text:#dc2626;--card-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--modal-shadow:0 20px 50px #0003;--img-shadow:0 3px 8px #00000014;--primary-focus-ring:#14b8a626;--btn-primary-shadow:#14b8a633;--primary-color:var(--brand-primary,#14b8a6);--primary-dark:var(--brand-primary-hover,#0d9488)}[data-theme=dark]{--card-bg:#27272a;--border-color:#ffffff1a;--border-hover:#ffffff40;--input-bg:#18181b;--input-bg-alt:#18181b;--input-bg-alt-hover:#3f3f46;--input-border:#ffffff26;--btn-secondary-bg:transparent;--btn-secondary-hover:#ffffff14;--error-bg:#dc262626;--error-border:#dc26264d;--error-text:#f87171;--card-shadow:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003;--modal-shadow:0 20px 50px #0009;--img-shadow:0 3px 8px #0000004d;--primary-focus-ring:#2dd4bf33;--btn-primary-shadow:#2dd4bf40}.edit-category{max-width:900px;color:var(--text-primary);margin:0 auto;padding:120px 40px 50px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.edit-category-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:18px;transition:border-color .3s;display:flex}.edit-category-header h1{color:var(--text-primary);margin:0;font-size:1.8rem;font-weight:700;transition:color .3s}.edit-category-form{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:14px;padding:35px;transition:background-color .3s,border-color .3s,box-shadow .3s}.edit-category-form label{color:var(--text-primary);margin-top:20px;margin-bottom:8px;font-size:.95rem;font-weight:600;transition:color .3s;display:block}.edit-category-form label:first-child{margin-top:0}.edit-category-form input,.edit-category-form textarea{box-sizing:border-box;border:1px solid var(--input-border);background-color:var(--input-bg);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .3s,color .3s}.edit-category-form input::placeholder,.edit-category-form textarea::placeholder{color:var(--text-secondary);opacity:.7}.edit-category-form input{height:46px}.edit-category-form textarea{resize:vertical;min-height:140px;line-height:1.5}.edit-category-form input:focus,.edit-category-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-focus-ring)}.image-preview-container{flex-direction:column;align-items:flex-start;margin-top:12px;display:flex}.image-preview-container p{color:var(--text-secondary);margin:0 0 10px;font-size:.85rem;font-weight:600;transition:color .3s}.image-preview{object-fit:cover;border:1px solid var(--border-color);width:180px;height:120px;box-shadow:var(--img-shadow);border-radius:10px;transition:border-color .3s,box-shadow .3s}.edit-category-form input[type=file]{background-color:var(--input-bg-alt);cursor:pointer;height:auto;margin-top:14px;padding:10px}.edit-category-form input[type=file]:hover{background-color:var(--input-bg-alt-hover)}.edit-category-form input[type=file]::file-selector-button{background-color:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--input-border);cursor:pointer;border-radius:6px;margin-right:12px;padding:6px 12px;font-weight:500;transition:all .2s}.edit-category-form input[type=file]::file-selector-button:hover{background-color:var(--btn-secondary-hover);border-color:var(--border-hover)}.edit-error{background-color:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:.9rem;transition:all .3s}.edit-category-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:30px;padding-top:25px;transition:border-color .3s;display:flex}.save-button:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 5px 12px var(--btn-primary-shadow);transform:translateY(-1px)}.confirmation-overlay{background:var(--overlay-bg);z-index:2000;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.confirmation-box{background:var(--card-bg);border:1px solid var(--border-color);width:420px;max-width:100%;box-shadow:var(--modal-shadow);box-sizing:border-box;border-radius:14px;padding:30px;transition:background-color .3s,border-color .3s,box-shadow .3s;animation:.2s ease-out confirmationAppear}.confirmation-box h2{color:var(--text-primary);margin:0 0 12px;font-size:1.4rem;transition:color .3s}.confirmation-box p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6;transition:color .3s}.confirmation-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.confirmation-cancel{background-color:var(--btn-secondary-bg);border:1px solid var(--input-border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:11px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.confirmation-cancel:hover{background-color:var(--btn-secondary-hover);border-color:var(--border-hover)}.confirmation-save{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;cursor:pointer;border-radius:8px;padding:11px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.confirmation-save:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 5px 12px var(--btn-primary-shadow);transform:translateY(-1px)}.confirmation-save:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@keyframes confirmationAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.edit-category>p{text-align:center;color:var(--text-secondary);padding:50px;font-size:1.1rem;transition:color .3s}@media (width<=768px){.edit-category{padding:110px 20px 40px}.edit-category-header h1{font-size:1.5rem}.edit-category-form{padding:25px 20px}.image-preview{width:160px;height:110px}}@media (width<=500px){.edit-category{padding:105px 15px 30px}.edit-category-header{align-items:flex-start;gap:15px}.edit-category-header h1{font-size:1.35rem}.back-button{padding:8px 12px}.edit-category-form{padding:20px 16px}.edit-category-actions{flex-direction:column-reverse}.cancel-button,.save-button{width:100%}.image-preview{width:140px;height:95px}.confirmation-actions{flex-direction:column-reverse}.confirmation-cancel,.confirmation-save{width:100%}}:root{--cat-bg:transparent;--cat-card-bg:#fff;--cat-text-main:#333;--cat-text-heading:#1a1f36;--cat-text-label:#374151;--cat-text-sub:#475569;--cat-border:#d1d5db;--cat-divider:#f0f2f5;--cat-input-bg:#fff;--cat-file-bg:#f8fafc;--cat-preview-bg:#f8fafc;--cat-btn-bg:#fff;--cat-btn-text:#374151;--cat-btn-hover:#f3f4f6;--primary-color:#0fa88f;--primary-dark:#0c8772}[data-theme=dark]{--cat-card-bg:#1f1f23;--cat-text-main:#f8fafc;--cat-text-heading:#f8fafc;--cat-text-label:#f1f5f9;--cat-text-sub:#94a3b8;--cat-border:#3f3f46;--cat-divider:#27272a;--cat-input-bg:#2a2a2e;--cat-file-bg:#27272a;--cat-preview-bg:#27272a;--cat-btn-bg:#27272a;--cat-btn-text:#e4e4e7;--cat-btn-hover:#3f3f46}.create-category{max-width:900px;color:var(--cat-text-main);margin:0 auto;padding:120px 40px 50px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:color .3s}.create-category-header{border-bottom:2px solid var(--cat-divider);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:18px;transition:border-color .3s;display:flex}.create-category-header h1{color:var(--cat-text-heading);margin:0;font-size:1.8rem;font-weight:700;transition:color .3s}.back-button{background-color:var(--cat-btn-bg);border:1px solid var(--cat-border);color:var(--cat-btn-text);cursor:pointer;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s}.back-button:hover{background-color:var(--cat-btn-hover);border-color:#9ca3af;transform:translateY(-1px)}.create-category-form{background-color:var(--cat-card-bg);border:1px solid var(--cat-border);border-radius:14px;padding:35px;transition:background-color .3s,border-color .3s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.create-category-form label{color:var(--cat-text-label);margin-top:20px;margin-bottom:8px;font-size:.95rem;font-weight:600;transition:color .3s;display:block}.create-category-form label:first-child{margin-top:0}.create-category-form input[type=text],.create-category-form textarea{box-sizing:border-box;border:1px solid var(--cat-border);background-color:var(--cat-input-bg);width:100%;color:var(--cat-text-main);border-radius:8px;outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .3s,color .3s}.create-category-form input[type=text]{height:46px}.create-category-form textarea{resize:vertical;min-height:140px;line-height:1.5}.create-category-form input[type=text]:focus,.create-category-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0b9f8a33}[data-theme=dark] .create-category-form input[type=text]:-webkit-autofill{caret-color:var(--cat-text-main);-webkit-box-shadow:0 0 0 30px var(--cat-input-bg) inset!important;-webkit-text-fill-color:var(--cat-text-main)!important}[data-theme=dark] .create-category-form input[type=text]:-webkit-autofill:hover{caret-color:var(--cat-text-main);-webkit-box-shadow:0 0 0 30px var(--cat-input-bg) inset!important;-webkit-text-fill-color:var(--cat-text-main)!important}[data-theme=dark] .create-category-form input[type=text]:-webkit-autofill:focus{caret-color:var(--cat-text-main);-webkit-box-shadow:0 0 0 30px var(--cat-input-bg) inset!important;-webkit-text-fill-color:var(--cat-text-main)!important}.create-category-form input[type=file]{box-sizing:border-box;border:1px dashed var(--cat-border);background-color:var(--cat-file-bg);width:100%;color:var(--cat-text-sub);cursor:pointer;border-radius:8px;padding:10px;font-family:inherit;font-size:.9rem;transition:all .2s}.create-category-form input[type=file]:hover{border-color:var(--primary-color);background-color:#0fa88f14}.image-preview{background-color:var(--cat-preview-bg);border:1px solid var(--cat-border);border-radius:10px;width:fit-content;margin-top:15px;padding:15px;transition:background-color .3s,border-color .3s}.image-preview img{object-fit:cover;border-radius:8px;width:180px;height:120px;display:block}.create-error{color:#f87171;background-color:#dc262626;border:1px solid #dc26264d;border-radius:8px;margin-top:18px;padding:12px 14px;font-size:.9rem}.create-category-actions{border-top:1px solid var(--cat-divider);justify-content:flex-end;gap:12px;margin-top:30px;padding-top:25px;transition:border-color .3s;display:flex}.cancel-button{background-color:var(--cat-btn-bg);border:1px solid var(--cat-border);color:var(--cat-btn-text);cursor:pointer;border-radius:8px;padding:11px 22px;font-size:.9rem;font-weight:600;transition:all .2s}.cancel-button:hover{background-color:var(--cat-btn-hover);border-color:#9ca3af}.save-button{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;cursor:pointer;border-radius:8px;padding:11px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.save-button:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 5px 12px #10b98133}.save-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=768px){.create-category{padding:110px 20px 40px}.create-category-header h1{font-size:1.5rem}.create-category-form{padding:25px 20px}.image-preview img{width:160px;height:110px}}@media (width<=500px){.create-category{padding:105px 15px 30px}.create-category-header{align-items:flex-start;gap:15px}.create-category-header h1{font-size:1.35rem}.back-button{padding:8px 12px}.create-category-form{padding:20px 16px}.create-category-actions{flex-direction:column-reverse}.cancel-button,.save-button{width:100%}.image-preview{box-sizing:border-box;width:100%}.image-preview img{width:100%;max-width:220px;height:140px}}:root{--cat-bg:#f8fafb;--cat-card-bg:#fff;--cat-text-main:#111827;--cat-text-secondary:#555;--cat-text-muted:#666;--cat-border:#e1e5ea;--cat-divider:#f0f2f5;--cat-shadow:#0000000a;--cat-card-hover-shadow:#00000014;--cat-btn-bg:#fff;--cat-btn-border:#d1d5db;--cat-btn-text:#4b5563;--cat-btn-hover-bg:#f3f4f6;--cat-icon-bg:#f1f3f5;--cat-modal-bg:#fff;--primary-color:#0fa88f;--primary-dark:#0c8772}[data-theme=dark]{--cat-bg:#18181b;--cat-card-bg:#1f1f23;--cat-text-main:#f8fafc;--cat-text-secondary:#d1d5db;--cat-text-muted:#9ca3af;--cat-border:#3f3f46;--cat-divider:#27272a;--cat-shadow:#0003;--cat-card-hover-shadow:#0006;--cat-btn-bg:#27272a;--cat-btn-border:#3f3f46;--cat-btn-text:#e4e4e7;--cat-btn-hover-bg:#3f3f46;--cat-icon-bg:#2a2a2e;--cat-modal-bg:#1f1f23}.category-courses{box-sizing:border-box;background:var(--cat-bg);width:100%;min-height:calc(100vh - 90px);padding:40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s}.category-courses-header{border-bottom:2px solid var(--cat-divider);justify-content:center;align-items:center;min-height:80px;margin-bottom:40px;padding-bottom:25px;transition:border-color .3s;display:flex;position:relative}.category-courses-header h1{text-align:center;letter-spacing:-.5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;padding-bottom:15px;display:flex}.category-name,.category-label{color:var(--cat-text-main);text-transform:capitalize;font-size:3rem;font-weight:900;transition:color .3s}.category-courses-header h1:after{content:"";background-color:var(--primary-color,#0fa88f);border-radius:6px;width:70px;height:5px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.back-button{background-color:var(--cat-btn-bg);border:1px solid var(--cat-btn-border);color:var(--cat-btn-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;position:absolute;left:0}.back-button:hover{background-color:var(--cat-btn-hover-bg);color:var(--cat-text-main);border-color:#9ca3af;transform:translate(-4px)}.create-course-button{background-color:var(--primary-color,#0fa88f);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 22px;font-size:.95rem;font-weight:600;transition:all .2s;position:absolute;right:0;box-shadow:0 2px 4px #0fa88f1a}.create-course-button:hover{background-color:var(--primary-dark,#0c8772);transform:translateY(-2px);box-shadow:0 5px 12px #10b98140}.category-courses-list{flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:0 auto;display:flex}.course-card{box-sizing:border-box;background:var(--cat-card-bg);border:1px solid var(--cat-border);width:100%;min-height:190px;box-shadow:0 2px 8px var(--cat-shadow);border-radius:14px;align-items:center;gap:25px;padding:20px;transition:background-color .3s,border-color .3s,box-shadow .2s,transform .2s;display:flex}.course-card:hover{box-shadow:0 5px 18px var(--cat-card-hover-shadow);transform:translateY(-2px)}.course-image-container{background:var(--cat-icon-bg);cursor:pointer;border-radius:10px;flex-shrink:0;width:260px;height:155px;transition:opacity .2s,transform .2s;overflow:hidden}.course-image-container:hover{opacity:.92;transform:scale(1.02)}.course-image{object-fit:cover;width:100%;height:100%;display:block}.course-info{flex:1;min-width:0}.course-name-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.course-name-row h2{color:var(--cat-text-main);margin:0;font-size:22px;font-weight:700;transition:color .2s}.course-name-row h2:hover{color:var(--primary-color,#0fa88f)}.course-icon-container{background:var(--cat-icon-bg);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;margin:0;padding:0;transition:transform .2s,opacity .2s,background-color .3s;display:flex;overflow:hidden}.course-icon-container:hover{opacity:.9;transform:scale(1.08)}.course-icon{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.course-description{color:var(--cat-text-secondary);overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin:8px 0;transition:color .3s}.course-details{color:var(--cat-text-secondary);align-items:center;gap:20px;margin-bottom:14px;font-size:14px;transition:color .3s;display:flex}.course-status-row{align-items:center;gap:10px;display:flex}.course-status{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.course-status.published{color:#0fa88f;background:#e6f7f3}[data-theme=dark] .course-status.published{color:#2dd4bf;background:#0fa88f33}.course-status.not-published{color:#666;background:#f1f1f1}[data-theme=dark] .course-status.not-published{color:#a1a1aa;background:#27272a}.featured-badge{color:#c58b00;background:#fff4d6;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700}[data-theme=dark] .featured-badge{color:#fbbf24;background:#c58b0033}.course-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.course-actions button{cursor:pointer;background:var(--cat-card-bg);border-radius:7px;padding:9px 13px;font-size:13px;font-weight:600;transition:all .2s}.edit-course-button{background-color:var(--cat-btn-bg);border:1px solid var(--cat-border);color:var(--cat-text-secondary);box-shadow:0 1px 2px #0000000a}.edit-course-button:hover{background-color:var(--cat-btn-hover-bg);color:var(--cat-text-main);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 6px #0000000f}.feature-course-button{border:1px solid var(--primary-color,#0fa88f);color:var(--primary-color,#0fa88f)}.feature-course-button:hover{background:var(--primary-color,#0fa88f);color:#fff}.unfeature-course-button{color:#c58b00;border:1px solid #c58b00}.unfeature-course-button:hover{color:#fff;background:#c58b00}.publish-course-button{background-color:var(--cat-card-bg)!important;border:1px solid var(--primary-color,#0fa88f)!important;color:var(--primary-color,#0fa88f)!important}.publish-course-button:hover{background-color:var(--primary-color,#0fa88f)!important;color:#fff!important}.unpublish-course-button{cursor:pointer;border-radius:8px;padding:9px 13px;font-size:13px;font-weight:600;color:#fff!important;background-color:#f04444!important;border:1px solid #f04444!important}.unpublish-course-button:hover{transform:translateY(-2px);background-color:#d93636!important;border-color:#d93636!important}.delete-course-button{color:#f04444;border:1px solid #f04444}.delete-course-button:hover{color:#fff;background:#f04444}.no-courses{text-align:center;background:var(--cat-card-bg);border:1px solid var(--cat-border);border-radius:14px;padding:70px 20px;transition:background-color .3s,border-color .3s}.no-courses p{color:var(--cat-text-secondary);margin-bottom:20px;font-size:1rem;transition:color .3s}.no-courses button{color:#fff;cursor:pointer;background:#0fa88f;border:none;border-radius:8px;padding:11px 20px;font-weight:600}.category-courses-loading{min-height:70vh;color:var(--cat-text-muted);justify-content:center;align-items:center;font-size:18px;display:flex}.delete-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.delete-modal{background:var(--cat-modal-bg);text-align:center;border:1px solid var(--cat-border);border-radius:15px;width:420px;max-width:90%;padding:40px 35px;transition:background-color .3s,border-color .3s;animation:.25s deleteModalAppear;box-shadow:0 15px 40px #00000040}.delete-icon{color:#dc3545;background:#dc354526;border-radius:50%;justify-content:center;align-items:center;width:75px;height:75px;margin:0 auto 20px;font-size:42px;font-weight:700;display:flex}.delete-modal h2{color:var(--cat-text-main);margin:0 0 15px;font-size:28px;transition:color .3s}.delete-modal p{color:var(--cat-text-secondary);margin:0 0 10px;font-size:17px;transition:color .3s}.delete-modal strong{color:var(--cat-text-main)}.delete-warning{color:#f87171!important;margin-bottom:28px!important;font-size:14px!important}.delete-modal-actions{justify-content:center;gap:12px;display:flex}.delete-modal-actions button{cursor:pointer;border:none;border-radius:8px;min-width:130px;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s}.cancel-delete-button{background:var(--cat-btn-bg);border:1px solid var(--cat-btn-border);color:var(--cat-btn-text)}.cancel-delete-button:hover{background:var(--cat-btn-hover-bg)}.confirm-delete-button{color:#fff;background:#dc3545}.confirm-delete-button:hover{background:#c82333}.delete-modal-actions button:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.course-card{flex-wrap:wrap}.course-image-container{width:220px}.course-actions{border-top:1px solid var(--cat-divider);justify-content:flex-end;width:100%;padding-top:15px}}@media (width<=800px){.category-courses-header{text-align:center;flex-direction:column;align-items:stretch;gap:15px;height:auto}.back-button,.create-course-button{justify-content:center;width:100%;position:static}.category-courses-header h1{order:-1;margin-bottom:15px}.category-name,.category-label{font-size:2.2rem}}@media (width<=600px){.category-courses{padding:20px}.category-name,.category-label{font-size:1.8rem}.course-card{text-align:center;flex-direction:column;align-items:stretch}.course-image-container{width:100%;height:200px}.course-name-row,.course-details,.course-status-row{justify-content:center}.course-actions{flex-direction:column;width:100%}.course-actions button{width:100%}}:root{--create-bg:transparent;--create-card-bg:#fff;--create-text-main:#333;--create-text-heading:#1a1f36;--create-text-muted:#555;--create-text-label:#374151;--create-border:#d1d5db;--create-divider:#eef0f3;--create-input-bg:#fff;--create-list-bg:#fafafa;--create-hover-bg:#f0f7f6;--create-shadow:#0000000d;--create-btn-bg:#fff;--create-btn-border:#d1d5db;--create-btn-text:#374151;--create-btn-hover:#f3f4f6;--create-modal-bg:#fff;--create-modal-text:#172b4d;--primary-color:#0fa88f;--primary-dark:#0b8d79}[data-theme=dark]{--create-card-bg:#1f1f23;--create-text-main:#f8fafc;--create-text-heading:#f8fafc;--create-text-muted:#9ca3af;--create-text-label:#f1f5f9;--create-border:#3f3f46;--create-divider:#27272a;--create-input-bg:#2a2a2e;--create-list-bg:#27272a;--create-hover-bg:#0ca59226;--create-shadow:#0000004d;--create-btn-bg:#27272a;--create-btn-border:#3f3f46;--create-btn-text:#e4e4e7;--create-btn-hover:#3f3f46;--create-modal-bg:#1f1f23;--create-modal-text:#f8fafc}.create-course{max-width:900px;color:var(--create-text-main);margin:0 auto;padding:120px 40px 50px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:color .3s}.create-course-header{border-bottom:2px solid var(--create-divider);justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:18px;transition:border-color .3s;display:flex}.create-course-header h1{color:var(--create-text-heading);margin:0;font-size:1.8rem;font-weight:700;transition:color .3s}.create-course-form{background-color:var(--create-card-bg);border:1px solid var(--create-border);box-shadow:0 4px 6px -1px var(--create-shadow), 0 2px 4px -1px var(--create-shadow);border-radius:14px;padding:35px;transition:background-color .3s,border-color .3s,box-shadow .3s}.create-course-form label{color:var(--create-text-label);margin-top:20px;margin-bottom:8px;font-size:.95rem;font-weight:600;transition:color .3s;display:block}.create-course-form label:first-child{margin-top:0}.create-course-form input,.create-course-form textarea,.create-course-form select{box-sizing:border-box;border:1px solid var(--create-border);background-color:var(--create-input-bg);width:100%;color:var(--create-text-main);border-radius:8px;outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .3s,color .3s}.create-course-form input{height:46px}.create-course-form textarea{resize:vertical;min-height:140px;line-height:1.5}.create-course-form input:focus,.create-course-form textarea:focus,.create-course-form select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0b9f8a33}.create-course-form input[type=file]{cursor:pointer;height:auto;padding:10px}.course-image-preview{margin-top:15px}.course-image-preview img{object-fit:cover;border:1px solid var(--create-border);border-radius:10px;width:220px;height:140px}.course-checkboxes{gap:30px;margin-top:25px;display:flex}.course-checkbox{cursor:pointer;color:var(--create-text-main);align-items:center;gap:8px;margin:0!important;display:flex!important}.course-checkbox input{cursor:pointer;width:auto;height:auto}.course-form-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.categories-checkbox-list{border:1px solid var(--create-border);background:var(--create-list-bg);border-radius:10px;flex-direction:column;gap:14px;max-height:250px;padding:20px;transition:background-color .3s,border-color .3s;display:flex;overflow-y:auto}.category-checkbox{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:16px;transition:background-color .2s;display:flex}.category-checkbox:hover{background-color:var(--create-hover-bg)}.category-checkbox input{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.category-checkbox span{color:var(--create-text-main);font-size:16px}.category-checkbox small{color:var(--primary-color);margin-left:8px;font-weight:700}.required-category{cursor:not-allowed;background:#0fa88f14;border-radius:7px;padding:10px}.required-category input{cursor:not-allowed}.create-course-error{color:#f87171;background-color:#dc262626;border:1px solid #dc26264d;border-radius:8px;margin-top:18px;padding:12px 14px;font-size:.9rem}.create-course-actions{border-top:1px solid var(--create-divider);justify-content:flex-end;gap:12px;margin-top:30px;padding-top:25px;transition:border-color .3s;display:flex}.create-course .back-button,.create-course .cancel-button{background-color:var(--create-btn-bg);border:1px solid var(--create-btn-border);color:var(--create-btn-text);cursor:pointer;border-radius:8px;padding:11px 22px;font-size:.9rem;font-weight:600;transition:all .2s}.create-course .back-button:hover,.create-course .cancel-button:hover{background-color:var(--create-btn-hover);border-color:#9ca3af}.create-course .save-button{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;cursor:pointer;border-radius:8px;padding:11px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.create-course .save-button:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 5px 12px #10b98133}.create-course .save-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.success-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.success-box{background:var(--create-modal-bg);text-align:center;border:1px solid var(--create-border);border-radius:12px;width:380px;padding:35px 30px;transition:background-color .3s,border-color .3s;animation:.25s ease-out successAppear;box-shadow:0 10px 35px #00000040}.success-icon{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;margin:0 auto 15px;font-size:38px;font-weight:700;display:flex}.success-box h2{color:var(--create-modal-text);margin:10px 0;font-size:24px;transition:color .3s}.success-box p{color:var(--create-text-muted);margin:10px 0 25px;font-size:16px;transition:color .3s}.success-box button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:7px;width:120px;padding:11px 20px;font-size:15px;font-weight:700;transition:all .2s}.success-box button:hover{background:var(--primary-dark)}@keyframes successAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.create-course{padding:110px 20px 40px}.create-course-header h1{font-size:1.5rem}.create-course-form{padding:25px 20px}.course-form-row{grid-template-columns:1fr}}@media (width<=500px){.create-course{padding:105px 15px 30px}.create-course-header{align-items:flex-start;gap:15px}.create-course-header h1{font-size:1.35rem}.create-course-form{padding:20px 16px}.course-checkboxes{flex-direction:column;gap:15px}.create-course-actions{flex-direction:column-reverse}.create-course .cancel-button,.create-course .save-button{width:100%}}:root{--edit-bg:transparent;--edit-card-bg:#fff;--edit-text-main:#222;--edit-text-secondary:#333;--edit-text-muted:#555;--edit-border:#d5d5d5;--edit-input-bg:#fff;--edit-input-file-bg:#fafafa;--edit-divider:#eee;--edit-shadow:#00000014;--edit-btn-cancel-bg:#e5e5e5;--edit-btn-cancel-hover:#d5d5d5;--edit-btn-cancel-text:#333;--edit-btn-save-bg:#222;--edit-btn-save-hover:#000;--edit-modal-bg:#fff;--edit-modal-text:#1d3155;--primary-color:#12ad96;--primary-dark:#0d9985}[data-theme=dark]{--edit-card-bg:#1f1f23;--edit-text-main:#f8fafc;--edit-text-secondary:#f1f5f9;--edit-text-muted:#9ca3af;--edit-border:#3f3f46;--edit-input-bg:#2a2a2e;--edit-input-file-bg:#27272a;--edit-divider:#27272a;--edit-shadow:#0000004d;--edit-btn-cancel-bg:#27272a;--edit-btn-cancel-hover:#3f3f46;--edit-btn-cancel-text:#e4e4e7;--edit-btn-save-bg:#0ca592;--edit-btn-save-hover:#098f7e;--edit-modal-bg:#1f1f23;--edit-modal-text:#f8fafc}.edit-course{max-width:900px;margin:40px auto;padding:30px}.edit-course h1{color:var(--edit-text-main);margin-bottom:30px;font-size:32px;font-weight:700;transition:color .3s}.edit-course form{background:var(--edit-card-bg);box-shadow:0 2px 10px var(--edit-shadow);border-radius:12px;flex-direction:column;gap:22px;padding:30px;transition:background-color .3s,border-color .3s,box-shadow .3s;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group>label{color:var(--edit-text-secondary);font-size:15px;font-weight:600;transition:color .3s}.form-group input[type=text],.form-group input[type=number],.form-group textarea{border:1px solid var(--edit-border);background:var(--edit-input-bg);width:100%;color:var(--edit-text-main);box-sizing:border-box;border-radius:8px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,background-color .3s,color .3s}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group textarea:focus{border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:140px}.categories-checkbox-list{border:1px solid var(--edit-border);background:var(--edit-input-bg);box-sizing:border-box;border-radius:8px;flex-direction:column;gap:4px;max-height:180px;padding:10px;transition:background-color .3s,border-color .3s;display:flex;overflow-y:auto}.category-checkbox{cursor:pointer;color:var(--edit-text-secondary);align-items:center;gap:8px;margin:0;padding:7px;font-size:15px;transition:color .3s;flex-direction:row!important;font-weight:400!important;display:flex!important}.category-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;width:16px;height:16px;margin:0;padding:0}.category-checkbox span{cursor:pointer;-webkit-user-select:none;user-select:none}.category-checkbox:hover{background:#8080801a;border-radius:5px}.form-group input[type=file]{border:1px dashed var(--edit-border);background:var(--edit-input-file-bg);width:100%;color:var(--edit-text-secondary);cursor:pointer;box-sizing:border-box;border-radius:8px;padding:10px;transition:background-color .3s,border-color .3s}.form-group input[type=file]:hover{background:#8080801a}.form-group p{color:var(--edit-text-muted);margin:0 0 8px;font-size:14px;transition:color .3s}.current-image{object-fit:cover;border:1px solid var(--edit-border);border-radius:8px;width:220px;height:140px;margin-bottom:12px;display:block}.current-icon{object-fit:contain;border:1px solid var(--edit-border);box-sizing:border-box;background:var(--edit-input-bg);border-radius:8px;width:100px;height:100px;margin-bottom:12px;padding:8px;display:block}.checkbox-label{cursor:pointer;color:var(--edit-text-secondary);align-items:center;gap:10px;font-size:15px;transition:color .3s;flex-direction:row!important;font-weight:600!important;display:flex!important}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0}.checkbox-label span{cursor:pointer}.form-actions button{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.cancel-button{background:var(--edit-btn-cancel-bg);color:var(--edit-btn-cancel-text)}.cancel-button:hover{background:var(--edit-btn-cancel-hover)}.save-course-button,.form-actions button[type=submit]{background:var(--edit-btn-save-bg);color:#fff}.save-course-button:hover,.form-actions button[type=submit]:hover{background:var(--edit-btn-save-hover)}.save-course-button:disabled,.form-actions button:disabled{opacity:.6;cursor:not-allowed}.form-actions button[type=button]{background:var(--edit-btn-cancel-bg);color:var(--edit-btn-cancel-text)}.form-actions button[type=button]:hover{background:var(--edit-btn-cancel-hover)}.error-message{color:#f87171;background:#dc262626;border:1px solid #dc26264d;border-radius:8px;margin-bottom:20px;padding:12px 15px;font-size:14px}.edit-course>h2{text-align:center;color:var(--edit-text-muted);margin-top:50px}.success-message{color:#34d399;text-align:center;background-color:#05966926;border:1px solid #0596694d;border-radius:8px;margin-bottom:20px;padding:14px 18px;font-size:15px;font-weight:600}.categories-checkbox-list::-webkit-scrollbar{width:7px}.categories-checkbox-list::-webkit-scrollbar-track{background:#8080800d;border-radius:10px}.categories-checkbox-list::-webkit-scrollbar-thumb{background:var(--edit-border);border-radius:10px}.categories-checkbox-list::-webkit-scrollbar-thumb:hover{background:#888}.success-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.success-modal{background:var(--edit-modal-bg);text-align:center;border:1px solid var(--edit-border);border-radius:15px;width:420px;max-width:90%;padding:44px 35px;transition:background-color .3s,border-color .3s;animation:.25s successModalAppear;box-shadow:0 15px 40px #00000040}.success-icon{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto 22px;font-size:55px;font-weight:400;line-height:1;display:flex}.success-modal h2{color:var(--edit-modal-text);margin:0 0 14px;font-size:30px;font-weight:700;transition:color .3s}.success-modal p{color:var(--edit-text-secondary);margin:0 0 30px;font-size:19px;transition:color .3s}.success-ok-button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:150px;padding:13px 20px;font-size:18px;font-weight:600;transition:all .2s}.success-ok-button:hover{background:var(--primary-dark)}@keyframes successModalAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.edit-course{box-sizing:border-box;width:100%;margin:20px auto;padding:15px}.edit-course h1{margin-bottom:20px;font-size:26px}.edit-course form{gap:18px;padding:20px}.current-image{aspect-ratio:16/10;width:100%;max-width:220px;height:auto}.current-icon{width:90px;height:90px}.form-actions{flex-direction:column}.form-actions button{width:100%}}:root{--batches-bg:#f8fafb;--batches-card-bg:#fff;--batches-text-main:#1e293b;--batches-text-heading:#111827;--batches-text-secondary:#64748b;--batches-border:#e1e5ea;--batches-divider:#f0f2f5;--batches-shadow:#0000000a;--batches-btn-bg:#fff;--batches-btn-border:#d1d5db;--batches-btn-text:#4b5563;--batches-btn-hover:#f3f4f6;--batches-table-head:#f8fafc;--batches-table-hover:#f8fafc;--batches-table-border:#f1f5f9;--batches-modal-bg:#fff;--batches-modal-text:#111827;--batches-modal-desc:#4b5563;--batches-cancel-btn-bg:#f3f4f6;--batches-cancel-btn-text:#374151;--primary-color:#0fa88f;--primary-dark:#0c8772}[data-theme=dark]{--batches-bg:#18181b;--batches-card-bg:#1f1f23;--batches-text-main:#f8fafc;--batches-text-heading:#f8fafc;--batches-text-secondary:#9ca3af;--batches-border:#3f3f46;--batches-divider:#27272a;--batches-shadow:#0000004d;--batches-btn-bg:#27272a;--batches-btn-border:#3f3f46;--batches-btn-text:#e4e4e7;--batches-btn-hover:#3f3f46;--batches-table-head:#27272a;--batches-table-hover:#27272a;--batches-table-border:#27272a;--batches-modal-bg:#1f1f23;--batches-modal-text:#f8fafc;--batches-modal-desc:#9ca3af;--batches-cancel-btn-bg:#27272a;--batches-cancel-btn-text:#e4e4e7}.course-batches-container{box-sizing:border-box;background:var(--batches-bg);width:100%;min-height:calc(100vh - 90px);color:var(--batches-text-main);padding:40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}.course-batches-header{border-bottom:2px solid var(--batches-divider);flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;transition:border-color .3s;display:flex;position:relative}.course-batches-header-top{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex;position:static}.batches-back-btn{background-color:var(--batches-btn-bg);border:1px solid var(--batches-btn-border);color:var(--batches-btn-text);cursor:pointer;box-shadow:0 1px 2px var(--batches-shadow);border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;position:static!important}.batches-back-btn:hover{background-color:var(--batches-btn-hover);color:var(--batches-text-heading);border-color:#9ca3af;transform:translate(-3px)}.batches-create-btn{background-color:var(--primary-color,#0fa88f);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;padding:11px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0fa88f26;position:static!important}.batches-create-btn:hover{background-color:var(--primary-dark,#0c8772);transform:translateY(-2px);box-shadow:0 4px 10px #0fa88f40}.course-batches-title h1{color:var(--batches-text-heading);letter-spacing:-.5px;margin:0 0 .4rem;font-size:2.5rem;font-weight:900;transition:color .3s}.course-batches-title p{color:var(--batches-text-secondary);margin:0;font-size:.95rem;transition:color .3s}.no-batches{background-color:var(--batches-card-bg);border:1px solid var(--batches-border);text-align:center;color:var(--batches-text-secondary);box-shadow:0 2px 8px var(--batches-shadow);border-radius:14px;padding:60px 20px;font-size:1rem;transition:background-color .3s,border-color .3s}.no-batches p{margin:0 0 15px}.batches-create-first-btn{background-color:var(--primary-color,#0fa88f);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:11px 22px;font-size:.95rem;font-weight:600;transition:all .2s}.batches-create-first-btn:hover{background-color:var(--primary-dark,#0c8772);transform:translateY(-2px)}.course-batches-loading,.error-message{background-color:var(--batches-card-bg);border:1px solid var(--batches-border);text-align:center;color:var(--batches-text-secondary);border-radius:14px;padding:60px 20px;font-size:1rem;transition:background-color .3s,border-color .3s}.error-message{color:#f87171;background-color:#dc26261a;border-color:#dc26264d}.error-message p{margin-bottom:1rem;font-weight:600}.batches-table-wrapper{background:var(--batches-card-bg);border:1px solid var(--batches-border);box-shadow:0 2px 8px var(--batches-shadow);border-radius:14px;transition:background-color .3s,border-color .3s;overflow-x:auto}.batches-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.batches-table thead{background-color:var(--batches-table-head);border-bottom:1px solid var(--batches-border);transition:background-color .3s,border-color .3s}.batches-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--batches-text-secondary);white-space:nowrap;padding:1rem 1.25rem;font-size:.75rem;font-weight:700;transition:color .3s}.batches-table tbody tr{border-bottom:1px solid var(--batches-table-border);transition:background-color .15s,border-color .3s}.batches-table tbody tr:last-child{border-bottom:none}.batches-table tbody tr:hover{background-color:var(--batches-table-hover)}.batches-table td{vertical-align:middle;padding:1rem 1.25rem}.batch-name-cell{color:var(--batches-text-heading);font-weight:600;transition:color .3s}.batch-course-name{color:var(--batches-text-secondary);transition:color .3s}.batch-instructor-name{color:var(--batches-text-main);white-space:nowrap;font-weight:600;transition:color .3s}.batch-date-cell{white-space:nowrap;color:var(--batches-text-secondary);font-size:.85rem;transition:color .3s}.batch-capacity-cell{color:var(--batches-text-main);white-space:nowrap;font-weight:600;transition:color .3s}.status-badge{text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.status-badge.active,.status-badge.open{color:#0fa88f;background-color:#ecfdf5;border-color:#a7f3d0}[data-theme=dark] .status-badge.active,[data-theme=dark] .status-badge.open{color:#2dd4bf;background-color:#0fa88f26;border-color:#0fa88f4d}.status-badge.completed{color:#475569;background-color:#f1f5f9;border-color:#cbd5e1}[data-theme=dark] .status-badge.completed{color:#94a3b8;background-color:#27272a;border-color:#3f3f46}.status-badge.cancelled{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}[data-theme=dark] .status-badge.cancelled{color:#f87171;background-color:#dc262626;border-color:#dc26264d}.attendance-badge{color:#6d28d9;white-space:nowrap;background-color:#f5f3ff;border:1px solid #ddd6fe;border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}[data-theme=dark] .attendance-badge{color:#a78bfa;background-color:#6d28d926;border-color:#6d28d94d}.batch-table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.see-students-btn{color:#1d4ed8;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}[data-theme=dark] .see-students-btn{color:#60a5fa;background-color:#1d4ed826;border-color:#1d4ed84d}.see-students-btn:hover{background-color:#dbeafe}[data-theme=dark] .see-students-btn:hover{background-color:#1d4ed840}.delete-batch-btn{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}[data-theme=dark] .delete-batch-btn{color:#f87171;background-color:#dc262626;border-color:#dc26264d}.delete-batch-btn:hover{background-color:#fee2e2}[data-theme=dark] .delete-batch-btn:hover{background-color:#dc262640}.assign-student-btn{color:#7e22ce;cursor:pointer;background-color:#f3e8ff;border:1px solid #e9d5ff;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}[data-theme=dark] .assign-student-btn{color:#c084fc;background-color:#7e22ce26;border-color:#7e22ce4d}.assign-student-btn:hover{background-color:#e9d5ff}[data-theme=dark] .assign-student-btn:hover{background-color:#7e22ce40}.edit-batch-btn{color:#d97706;cursor:pointer;background-color:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}[data-theme=dark] .edit-batch-btn{color:#fbbf24;background-color:#d9770626;border-color:#d977064d}.edit-batch-btn:hover{background-color:#fef3c7}[data-theme=dark] .edit-batch-btn:hover{background-color:#d9770640}.requests-batch-btn{color:#0d9488;cursor:pointer;background-color:#f0fdfa;border:1px solid #ccfbf1;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}[data-theme=dark] .requests-batch-btn{color:#2dd4bf;background-color:#0d948826;border-color:#0d94884d}.requests-batch-btn:hover{background-color:#ccfbf1}[data-theme=dark] .requests-batch-btn:hover{background-color:#0d948840}.manage-lectures-btn{color:#4f46e5;cursor:pointer;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}[data-theme=dark] .manage-lectures-btn{color:#818cf8;background-color:#4f46e526;border-color:#4f46e54d}.manage-lectures-btn:hover{background-color:#e0e7ff}[data-theme=dark] .manage-lectures-btn:hover{background-color:#4f46e540}.confirm-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal-content{background-color:var(--batches-modal-bg);text-align:center;border:1px solid var(--batches-border);border-radius:12px;width:90%;max-width:400px;padding:24px;transition:background-color .3s,border-color .3s;animation:.3s ease-out modalFadeIn;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.confirm-modal-content h3{color:var(--batches-modal-text);margin-top:0;font-size:1.25rem;font-weight:700;transition:color .3s}.confirm-modal-content p{color:var(--batches-modal-desc);margin:16px 0 24px;font-size:.95rem;line-height:1.5;transition:color .3s}.confirm-modal-actions{justify-content:center;gap:12px;display:flex}.confirm-cancel-btn{background-color:var(--batches-cancel-btn-bg);color:var(--batches-cancel-btn-text);border:1px solid var(--batches-border);cursor:pointer;border-radius:6px;flex:1;padding:8px 16px;font-weight:600;transition:background-color .2s,color .3s}.confirm-cancel-btn:hover{background-color:var(--batches-btn-hover)}.confirm-delete-btn{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:6px;flex:1;padding:8px 16px;font-weight:600;transition:background-color .2s}.confirm-delete-btn:hover{background-color:#b91c1c}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=650px){.course-batches-container{padding:20px 14px}.course-batches-header-top{flex-direction:column;align-items:stretch}.batches-back-btn,.batches-create-btn{justify-content:center;width:100%}.course-batches-title h1{font-size:1.8rem}}.requests-modal-content{width:90%!important;max-width:700px!important}.requests-state-text{text-align:center;color:var(--batches-text-secondary);padding:20px}.requests-state-text.empty{color:var(--batches-text-secondary)}.requests-table-scroll-container{border:1px solid var(--batches-border);background-color:var(--batches-card-bg);border-radius:8px;max-height:350px;margin:15px 0;overflow-y:auto}.requests-inner-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.requests-inner-table thead{background-color:var(--batches-table-head);border-bottom:1px solid var(--batches-border);color:var(--batches-text-secondary)}.requests-inner-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--batches-text-secondary);padding:10px;font-size:.75rem;font-weight:700}.requests-inner-table tbody tr{border-bottom:1px solid var(--batches-table-border)}.requests-inner-table td{vertical-align:middle;color:var(--batches-text-main);padding:10px}.request-student-name{color:var(--batches-text-heading);font-weight:500}.request-student-email{color:var(--batches-text-secondary);font-size:12px}.request-status-pill{border-radius:9999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.request-status-pill.pending{color:#d97706;background-color:#fef3c7}[data-theme=dark] .request-status-pill.pending{color:#fbbf24;background-color:#d9770626}.request-status-pill.accepted{color:#059669;background-color:#d1fae5}[data-theme=dark] .request-status-pill.accepted{color:#34d399;background-color:#05966926}.request-status-pill.declined{color:#dc2626;background-color:#fee2e2}[data-theme=dark] .request-status-pill.declined{color:#f87171;background-color:#dc262626}.request-action-buttons{justify-content:center;gap:6px;display:flex}.request-accept-btn{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:4px;align-items:center;gap:3px;padding:5px 10px;font-size:12px;transition:background-color .2s;display:flex}.request-accept-btn:hover{background:#047857}.request-decline-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:4px;align-items:center;gap:3px;padding:5px 10px;font-size:12px;transition:background-color .2s;display:flex}.request-decline-btn:hover{background:#b91c1c}.request-processed-text{color:var(--batches-text-secondary);font-size:12px}.text-center{text-align:center}.batch-code-wrapper{align-items:center;gap:8px;display:flex}.batch-code-tag{background:var(--batches-btn-bg);border:1px solid var(--batches-border);color:var(--batches-text-main);border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700}.batch-regenerate-btn{cursor:pointer;color:var(--primary-color,#2563eb);background:0 0;border:none;align-items:center;padding:2px;display:flex}.requests-btn-container{display:inline-block;position:relative}.pending-dot{border:2px solid var(--batches-card-bg);background-color:#ef4444;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;right:-4px}:root{--std-modal-bg:#fff;--std-text-main:#111827;--std-text-heading:#374151;--std-text-secondary:#4b5563;--std-text-muted:#9ca3af;--std-border:#e5e7eb;--std-divider:#f3f4f6;--std-controls-bg:#f9fafb;--std-input-bg:#fff;--std-input-border:#d1d5db;--std-badge-bg:#e0e7ff;--std-badge-text:#3730a3;--std-table-th-bg:#fff;--std-table-hover:#f8fafc;--std-message-bg:#fff}[data-theme=dark]{--std-modal-bg:#1f1f23;--std-text-main:#f8fafc;--std-text-heading:#f8fafc;--std-text-secondary:#d1d5db;--std-text-muted:#71717a;--std-border:#3f3f46;--std-divider:#27272a;--std-controls-bg:#27272a;--std-input-bg:#2a2a2e;--std-input-border:#52525b;--std-badge-bg:#6366f133;--std-badge-text:#a5b4fc;--std-table-th-bg:#1f1f23;--std-table-hover:#27272a;--std-message-bg:#1f1f23}.students-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#111827bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.students-modal-content{background-color:var(--std-modal-bg);border:1px solid var(--std-border);border-radius:12px;flex-direction:column;width:95%;max-width:900px;height:80vh;transition:background-color .3s,border-color .3s;animation:.3s ease-out forwards slideUp;display:flex;position:relative;box-shadow:0 25px 50px -12px #0006}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.students-modal-header{border-bottom:1px solid var(--std-border);justify-content:space-between;align-items:center;padding:20px 24px;transition:border-color .3s;display:flex}.students-modal-header h2{color:var(--std-text-heading);margin:0;font-size:1.25rem;transition:color .3s}.students-modal-header h2 span{color:#3b82f6}.students-close-btn{color:var(--std-text-muted);cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1;transition:color .2s}.students-modal-controls{background-color:var(--std-controls-bg);border-bottom:1px solid var(--std-border);justify-content:space-between;align-items:center;padding:16px 24px;transition:background-color .3s,border-color .3s;display:flex}.students-search-input{border:1px solid var(--std-input-border);background-color:var(--std-input-bg);width:300px;color:var(--std-text-main);border-radius:6px;outline:none;padding:10px 14px;font-size:.9rem;transition:border-color .2s,background-color .3s,color .3s}.students-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.students-count-badge{background-color:var(--std-badge-bg);color:var(--std-badge-text);border-radius:9999px;padding:6px 12px;font-size:.85rem;font-weight:600}.students-table-container{flex:1;padding:0 24px 24px;overflow-y:auto}.inner-students-table{border-collapse:collapse;width:100%;margin-top:16px}.inner-students-table th{background-color:var(--std-table-th-bg);color:var(--std-text-secondary);text-transform:uppercase;text-align:left;border-bottom:2px solid var(--std-border);z-index:10;padding:12px 16px;font-size:.85rem;font-weight:600;transition:background-color .3s,border-color .3s,color .3s;position:sticky;top:0}.inner-students-table td{border-bottom:1px solid var(--std-divider);color:var(--std-text-main);padding:14px 16px;font-size:.9rem;transition:border-color .3s,color .3s}.inner-students-table tbody tr:hover{background-color:var(--std-table-hover)}.student-name-cell{font-weight:500}.students-loading,.no-students{text-align:center;color:var(--std-text-muted);padding:40px;font-size:1rem}.student-action-buttons{gap:8px;display:flex}.change-batch-btn,.remove-student-btn,.cancel-change-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s}.change-batch-btn{color:#4ade80;background-color:#16653426;border-color:#22c55e4d}.change-batch-btn:hover:not(:disabled){background-color:#22c55e40}.change-batch-btn:disabled{color:var(--std-text-muted);border-color:var(--std-border);cursor:not-allowed;background-color:#71717a1a}.remove-student-btn{color:#f87171;background-color:#dc262626;border-color:#dc26264d}.remove-student-btn:hover{background-color:#dc262640}.change-batch-controls{align-items:center;gap:8px;display:flex}.change-batch-controls select{border:1px solid var(--std-input-border);background-color:var(--std-input-bg);color:var(--std-text-main);border-radius:6px;outline:none;padding:6px 10px;font-size:.85rem}.cancel-change-btn{background-color:var(--std-controls-bg);color:var(--std-text-secondary);border-color:var(--std-input-border)}.cancel-change-btn:hover{background-color:var(--std-border)}.student-message-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;background:#0f172ab3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.student-message-box{background:var(--std-message-bg);text-align:center;border:1px solid var(--std-border);border-radius:14px;width:380px;max-width:90%;padding:28px 24px;transition:background-color .3s,border-color .3s;animation:.25s cubic-bezier(.16,1,.3,1) studentMessageAppear;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}@keyframes studentMessageAppear{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.student-message-icon{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 16px;font-size:24px;font-weight:700;display:flex}.student-message-icon.success{color:#4ade80;background:#16a34a26}.student-message-icon.error{color:#f87171;background:#dc262626}.student-message-icon.confirm{color:#fbbf24;background:#d9770626}.student-message-box h3{color:var(--std-text-heading);margin:0 0 8px;font-size:1.25rem;font-weight:600;transition:color .3s}.student-message-box p{color:var(--std-text-secondary);margin:0 0 24px;font-size:.95rem;line-height:1.5;transition:color .3s}.student-message-buttons{justify-content:center;gap:10px;display:flex}.message-ok-btn,.message-cancel-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background-color .2s}.message-ok-btn{color:#fff;background:#16a34a}.message-ok-btn:hover{background:#15803d}.message-ok-btn.confirm-btn{background:#dc2626}.message-ok-btn.confirm-btn:hover{background:#b91c1c}.message-cancel-btn{background:var(--std-controls-bg);color:var(--std-text-secondary);border:1px solid var(--std-border)}.message-cancel-btn:hover{background:var(--std-border)}.message-single-ok{width:100%}:root{--emodal-bg:#fff;--emodal-text-main:#111827;--emodal-text-heading:#111827;--emodal-text-label:#374151;--emodal-border:#e5e7eb;--emodal-input-bg:#fff;--emodal-input-border:#d1d5db;--emodal-cancel-bg:#f3f4f6;--emodal-cancel-text:#374151;--emodal-cancel-border:#d1d5db}[data-theme=dark]{--emodal-bg:#1f1f23;--emodal-text-main:#f8fafc;--emodal-text-heading:#f8fafc;--emodal-text-label:#f1f5f9;--emodal-border:#3f3f46;--emodal-input-bg:#2a2a2e;--emodal-input-border:#52525b;--emodal-cancel-bg:#27272a;--emodal-cancel-text:#e4e4e7;--emodal-cancel-border:#3f3f46}.edit-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background-color:#111827bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.edit-modal-content{background-color:var(--emodal-bg);border:1px solid var(--emodal-border);box-sizing:border-box;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;padding:24px;transition:background-color .3s,border-color .3s;animation:.3s ease-out forwards slideUp;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #0006}.edit-modal-header{border-bottom:1px solid var(--emodal-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;transition:border-color .3s;display:flex}.edit-modal-header h2{color:var(--emodal-text-heading);margin:0;font-size:1.25rem;transition:color .3s}.edit-close-btn{color:var(--emodal-text-label);cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1;transition:color .2s}.edit-close-btn:hover{color:#ef4444}.edit-batch-form{flex-direction:column;gap:16px;display:flex}.form-row{gap:16px;width:100%;display:flex}.form-group{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.form-group label{color:var(--emodal-text-label);font-size:.85rem;font-weight:600;transition:color .3s}.form-group input,.form-group select{border:1px solid var(--emodal-input-border);background-color:var(--emodal-input-bg);width:100%;color:var(--emodal-text-main);box-sizing:border-box;border-radius:6px;outline:none;padding:10px 12px;font-size:.9rem;transition:border-color .2s,background-color .3s,color .3s}[data-theme=dark] .edit-batch-form select{background-color:var(--emodal-input-bg);color:#fff}[data-theme=dark] .edit-batch-form select option{color:#fff;background-color:#1f1f23;padding:10px}[data-theme=dark] .edit-batch-form input[type=datetime-local],[data-theme=dark] .edit-batch-form input[type=date],[data-theme=dark] .edit-batch-form input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--emodal-input-bg)!important;color:#fff!important}[data-theme=dark] .edit-batch-form input:-webkit-autofill{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--emodal-input-bg) inset!important;-webkit-text-fill-color:#fff!important}[data-theme=dark] .edit-batch-form input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--emodal-input-bg) inset!important;-webkit-text-fill-color:#fff!important}[data-theme=dark] .edit-batch-form input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--emodal-input-bg) inset!important;-webkit-text-fill-color:#fff!important}[data-theme=dark] .edit-batch-form input:-webkit-autofill:active{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--emodal-input-bg) inset!important;-webkit-text-fill-color:#fff!important}.edit-modal-actions{border-top:1px solid var(--emodal-border);justify-content:flex-end;gap:12px;margin-top:10px;padding-top:16px;transition:border-color .3s;display:flex}.edit-cancel-btn,.edit-save-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:background-color .2s}.edit-cancel-btn{background-color:var(--emodal-cancel-bg);color:var(--emodal-cancel-text);border:1px solid var(--emodal-cancel-border)}.edit-cancel-btn:hover{background-color:var(--emodal-border)}.edit-save-btn{color:#fff;background-color:#2563eb}.edit-save-btn:hover:not(:disabled){background-color:#1d4ed8}.edit-save-btn:disabled{cursor:not-allowed;background-color:#93c5fd}.edit-loading{text-align:center;color:var(--emodal-text-label);padding:40px}@media (width<=650px){.edit-modal-content{max-height:95vh;padding:16px}.form-row{flex-direction:column;gap:16px}.edit-modal-actions{flex-direction:column-reverse}.edit-cancel-btn,.edit-save-btn{text-align:center;width:100%;padding:12px}}:root{--as-bg:#fff;--as-text-main:#1e293b;--as-text-sub:#64748b;--as-border:#cbd5e1;--as-input-bg:#fff;--as-dropdown-bg:#fff;--as-hover:#f1f5f9;--as-primary:#007bff;--as-primary-hover:#0056b3;--as-success-bg:#d4edda;--as-success-text:#155724;--as-success-border:#c3e6cb;--as-overlay:#0f172abf}[data-theme=dark]{--as-bg:#1f1f23;--as-text-main:#f8fafc;--as-text-sub:#9ca3af;--as-border:#3f3f46;--as-input-bg:#2a2a2e;--as-dropdown-bg:#2a2a2e;--as-hover:#3f3f46;--as-primary:#3b82f6;--as-primary-hover:#2563eb;--as-success-bg:#28a74526;--as-success-text:#4ade80;--as-success-border:#28a7454d;--as-overlay:#000000bf}.confirm-modal-overlay{background:var(--as-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;box-sizing:border-box;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal-content{background:var(--as-bg);border:1px solid var(--as-border);box-sizing:border-box;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d}.students-modal-header{border-bottom:1px solid var(--as-border);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.students-modal-header h3{color:var(--as-text-main);word-break:break-word;margin:0;font-size:1.25rem;line-height:1.4}.students-modal-header span{font-weight:400}.students-close-btn{color:var(--as-text-sub);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.5rem;line-height:1}.students-close-btn:hover{color:#ef4444}.assign-student-form{box-sizing:border-box;flex-direction:column;padding:24px;display:flex}.assign-student-group{width:100%;margin-bottom:20px;position:relative}.assign-student-label{color:var(--as-text-main);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.assign-student-input{border:1px solid var(--as-border);background:var(--as-input-bg);width:100%;color:var(--as-text-main);box-sizing:border-box;border-radius:6px;outline:none;padding:10px 12px;font-size:14px}.assign-student-input:focus{border-color:var(--as-primary)}.assign-student-dropdown{background-color:var(--as-dropdown-bg);border:1px solid var(--as-border);z-index:1000;border-radius:0 0 6px 6px;max-height:180px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.assign-student-dropdown-empty{color:var(--as-text-sub);text-align:center;padding:12px;font-size:14px}.assign-student-dropdown-item{cursor:pointer;border-bottom:1px solid var(--as-border);color:var(--as-text-main);word-break:break-word;padding:10px 12px;font-size:14px;transition:background-color .2s}.assign-student-dropdown-item:last-child{border-bottom:none}.assign-student-dropdown-item:hover{background-color:var(--as-hover)}.confirm-modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.confirm-cancel-btn{border:1px solid var(--as-border);color:var(--as-text-main);cursor:pointer;background:0 0;border-radius:6px;padding:10px 16px;font-weight:600;transition:background-color .2s}.confirm-cancel-btn:hover{background:var(--as-hover)}.assign-submit-btn{background:var(--as-primary);border:1px solid var(--as-primary);color:#fff;cursor:pointer;border-radius:6px;padding:10px 16px;font-weight:600;transition:background-color .2s}.assign-submit-btn:hover:not(:disabled){background:var(--as-primary-hover)}.assign-submit-btn:disabled,.confirm-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.assign-success-container{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:30px 24px;display:flex}.assign-success-icon{color:#fff;background-color:#28a745;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:15px;font-size:32px;font-weight:700;display:flex}.assign-success-message{background-color:var(--as-success-bg);color:var(--as-success-text);border:1px solid var(--as-success-border);box-sizing:border-box;border-radius:6px;width:100%;margin-bottom:20px;padding:12px 20px;font-weight:700}.assign-success-ok-btn{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:6px;width:100%;max-width:200px;padding:10px 35px;font-size:14px;font-weight:700;transition:background-color .2s}.assign-success-ok-btn:hover{background-color:#218838}.students-loading{text-align:center;color:var(--as-text-sub);padding:40px 24px;font-size:15px}@media (width<=500px){.students-modal-header,.assign-student-form{padding:16px}.confirm-modal-actions{flex-direction:column}.confirm-cancel-btn,.assign-submit-btn,.assign-success-ok-btn{width:100%;max-width:100%}}:root{--batch-bg:transparent;--batch-card-bg:#fff;--batch-text-main:#111827;--batch-text-heading:#111827;--batch-text-muted:#64748b;--batch-text-label:#374151;--batch-border:#e1e5ea;--batch-divider:#f0f2f5;--batch-input-bg:#f9fafb;--batch-input-border:#d1d5db;--batch-shadow:#0000000d;--batch-btn-bg:#fff;--batch-btn-border:#d1d5db;--batch-btn-text:#4b5563;--batch-btn-hover:#f3f4f6;--primary-color:#0fa88f;--primary-dark:#0c8772}[data-theme=dark]{--batch-card-bg:#1f1f23;--batch-text-main:#fff;--batch-text-heading:#fff;--batch-text-muted:#94a3b8;--batch-text-label:#fff;--batch-border:#3f3f46;--batch-divider:#27272a;--batch-input-bg:#2a2a2e;--batch-input-border:#52525b;--batch-shadow:#0000004d;--batch-btn-bg:#27272a;--batch-btn-border:#3f3f46;--batch-btn-text:#fff;--batch-btn-hover:#3f3f46}.create-batch-container{background:var(--batch-card-bg);border:1px solid var(--batch-border);max-width:800px;box-shadow:0 4px 12px var(--batch-shadow);border-radius:14px;margin:40px auto;padding:35px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,border-color .3s,box-shadow .3s}.create-batch-header{border-bottom:2px solid var(--batch-divider);margin-bottom:25px;padding-bottom:20px;transition:border-color .3s}.create-batch-header .back-button{background-color:var(--batch-btn-bg);border:1px solid var(--batch-btn-border);color:var(--batch-btn-text);cursor:pointer;border-radius:8px;margin-bottom:12px;padding:8px 14px;font-size:.9rem;font-weight:600;transition:all .2s}.create-batch-header .back-button:hover{background-color:var(--batch-btn-hover);color:var(--batch-text-heading)}.create-batch-header h1{color:var(--batch-text-heading);margin:0 0 6px;font-size:2rem;font-weight:800;transition:color .3s}.create-batch-header p{color:var(--batch-text-muted);margin:0;font-size:.95rem;transition:color .3s}.create-batch-form .form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.create-batch-form .form-group{flex-direction:column;gap:8px;display:flex}.create-batch-form .form-group.full-width{grid-column:1/-1}.create-batch-form label{color:var(--batch-text-label);font-size:.9rem;font-weight:600;transition:color .3s}.create-batch-form input,.create-batch-form select{border:1px solid var(--batch-input-border);color:var(--batch-text-main);background-color:var(--batch-input-bg);border-radius:8px;padding:11px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .3s,color .3s}.create-batch-form input:focus,.create-batch-form select:focus{border-color:var(--primary-color);background-color:var(--batch-card-bg);outline:none;box-shadow:0 0 0 3px #0fa88f40}[data-theme=dark] .create-batch-form select{background-color:var(--batch-input-bg);color:#fff}[data-theme=dark] .create-batch-form select option{color:#fff;background-color:#1f1f23;padding:12px}[data-theme=dark] .create-batch-form input[type=datetime-local],[data-theme=dark] .create-batch-form input[type=date],[data-theme=dark] .create-batch-form input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--batch-input-bg)!important;color:#fff!important}.error-banner{color:#f87171;background-color:#dc262626;border:1px solid #dc26264d;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-weight:500}.form-actions button{cursor:pointer;border-radius:8px;padding:11px 22px;font-size:.95rem;font-weight:600;transition:all .2s}.form-actions .cancel-btn{background-color:var(--batch-btn-bg);border:1px solid var(--batch-btn-border);color:var(--batch-btn-text)}.form-actions .cancel-btn:hover{background-color:var(--batch-btn-hover)}.form-actions .submit-btn{background-color:var(--primary-color,#0fa88f);color:#fff;border:none}.form-actions .submit-btn:hover{background-color:var(--primary-dark,#0c8772)}.form-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed}.create-batch-loading{text-align:center;color:var(--batch-text-muted);padding:80px 20px;font-size:1.1rem}@media (width<=650px){.create-batch-container{margin:20px 10px;padding:20px}.create-batch-form .form-grid{grid-template-columns:1fr}}[data-theme=dark] .create-batch-form input:-webkit-autofill{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--batch-input-bg) inset!important;-webkit-text-fill-color:#fff!important}[data-theme=dark] .create-batch-form input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--batch-input-bg) inset!important;-webkit-text-fill-color:#fff!important}[data-theme=dark] .create-batch-form input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--batch-input-bg) inset!important;-webkit-text-fill-color:#fff!important}[data-theme=dark] .create-batch-form input:-webkit-autofill:active{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--batch-input-bg) inset!important;-webkit-text-fill-color:#fff!important}[data-theme=dark] .create-batch-form select:-webkit-autofill{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--batch-input-bg) inset!important;-webkit-text-fill-color:#fff!important}[data-theme=dark] .create-batch-form input,[data-theme=dark] .create-batch-form select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--lms-primary:#0d9488;--lms-primary-hover:#0f766e;--lms-primary-light:#f0fdfa;--lms-primary-border:#ccfbf1;--lms-background:#f8fafc;--lms-surface:#fff;--lms-surface-alt:#f1f5f9;--lms-locked-bg:#f8fafc;--lms-text-main:#1e293b;--lms-text-secondary:#475569;--lms-text-muted:#94a3b8;--lms-text-number:#cbd5e1;--lms-text-inverse:#fff;--lms-border:#e2e8f0;--lms-border-hover:#cbd5e1;--lms-radius-lg:12px;--lms-radius-md:8px;--lms-shadow-sm:0 1px 2px 0 #0000000d;--lms-shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--lms-shadow-active:0 10px 15px -3px #0d948814, 0 4px 6px -2px #0d94880a;--lms-overlay-bg:#0f172ae6;--lms-modal-body-bg:#000;--lms-error-color:#ef4444;--lms-transition:all .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--lms-primary:#14b8a6;--lms-primary-hover:#2dd4bf;--lms-primary-light:#14b8a61a;--lms-primary-border:#14b8a640;--lms-background:#18181b;--lms-surface:#27272a;--lms-surface-alt:#3f3f46;--lms-locked-bg:#18181b;--lms-text-main:#f4f4f5;--lms-text-secondary:#a1a1aa;--lms-text-muted:#71717a;--lms-text-number:#3f3f46;--lms-text-inverse:#fff;--lms-border:#ffffff1a;--lms-border-hover:#ffffff40;--lms-shadow-sm:0 1px 2px 0 #0000004d;--lms-shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0003;--lms-shadow-active:0 10px 15px -3px #2dd4bf26, 0 4px 6px -2px #2dd4bf1a;--lms-overlay-bg:#000000d9;--lms-modal-body-bg:#000;--lms-error-color:#f87171}.lms-page-container{max-width:900px;color:var(--lms-text-main);background-color:var(--lms-background);min-height:calc(100vh - 80px);margin:0 auto;padding:3rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s}.lms-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem;display:flex}.lms-title{letter-spacing:-.025em;color:var(--lms-text-main);margin:0 0 .25rem;font-size:2rem;font-weight:700;transition:color .3s}.lms-subtitle{color:var(--lms-text-secondary);margin:0;font-size:1.05rem;transition:color .3s}.lms-progress-card{background:var(--lms-surface);border-radius:var(--lms-radius-lg);border:1px solid var(--lms-border);box-shadow:var(--lms-shadow-sm);min-width:260px;padding:1.25rem 1.5rem;transition:background-color .3s,border-color .3s,box-shadow .3s}.lms-progress-stats{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.lms-progress-stats strong{color:var(--lms-text-main);font-size:1.25rem;transition:color .3s;display:block}.lms-progress-stats small{color:var(--lms-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;transition:color .3s}.lms-progress-divider{background:var(--lms-border);width:1px;height:30px;transition:background-color .3s}.lms-progress-bar-bg{background:var(--lms-border);border-radius:99px;height:6px;transition:background-color .3s;overflow:hidden}.lms-progress-bar-fill{background:var(--lms-primary);border-radius:99px;height:100%;transition:width .8s ease-out,background-color .3s}.lms-lecture-list{flex-direction:column;gap:1.25rem;display:flex}.lms-accordion-card{background:var(--lms-surface);border-radius:var(--lms-radius-lg);border:1px solid var(--lms-border);box-shadow:var(--lms-shadow-sm);transition:var(--lms-transition), background-color .3s ease, border-color .3s ease;position:relative;overflow:hidden}.lms-accordion-card:before{content:"";background:var(--lms-primary);opacity:0;z-index:2;width:4px;transition:opacity .3s,background-color .3s;position:absolute;top:0;bottom:0;left:0}.lms-accordion-card.is-expanded:before{opacity:1}.lms-accordion-card:not(.is-locked):hover{border-color:var(--lms-border-hover)}.lms-accordion-card.is-expanded{border-color:var(--lms-border-hover);box-shadow:var(--lms-shadow-active)}.lms-accordion-card.is-locked{background:var(--lms-locked-bg)}.lms-accordion-header{text-align:left;cursor:pointer;width:100%;transition:var(--lms-transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.lms-accordion-card.is-locked .lms-accordion-header{cursor:not-allowed;opacity:.6}.lms-lecture-meta{align-items:center;gap:1.5rem;display:flex}.lms-lecture-number{color:var(--lms-text-number);letter-spacing:-.05em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:2.25rem;font-weight:700;transition:color .3s}.lms-accordion-card:hover:not(.is-locked) .lms-lecture-number,.lms-accordion-card.is-expanded .lms-lecture-number{color:var(--lms-text-muted)}.lms-lecture-titles h3{color:var(--lms-text-main);margin:0 0 .25rem;font-size:1.15rem;font-weight:600;transition:color .3s}.lms-resource-count{color:var(--lms-primary);font-size:.85rem;font-weight:500;transition:color .3s}.lms-chevron{color:var(--lms-text-muted);transition:transform .3s,color .3s;display:flex}.lms-chevron svg{width:22px;height:22px}.lms-chevron.rotated{color:var(--lms-primary);transform:rotate(180deg)}.lms-locked-badge{color:var(--lms-text-secondary);background:var(--lms-border);border-radius:99px;align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.85rem;font-weight:500;transition:background-color .3s,color .3s;display:flex}.lms-locked-badge svg{width:14px;height:14px}.lms-accordion-body{background:var(--lms-surface);border-top:1px solid var(--lms-border);transition:max-height .4s,opacity .4s,background-color .3s;overflow:hidden}.lms-resources-list{gap:1rem;padding:1.5rem;display:grid}.lms-empty-resources{text-align:center;color:var(--lms-text-muted);margin:0;font-style:italic;transition:color .3s}.lms-resource-card{background:var(--lms-surface);border:1px solid var(--lms-border);border-radius:var(--lms-radius-md);cursor:pointer;transition:var(--lms-transition), background-color .3s ease, border-color .3s ease;align-items:center;padding:1rem 1.25rem;display:flex}.lms-resource-card:hover{border-color:var(--lms-primary-border);background:var(--lms-primary-light);transform:translateY(-1px)}.lms-resource-icon{color:var(--lms-text-muted);background:var(--lms-surface-alt);transition:var(--lms-transition), background-color .3s ease, color .3s ease;border-radius:8px;justify-content:center;align-items:center;margin-right:1.25rem;padding:.75rem;display:flex}.lms-resource-card:hover .lms-resource-icon{color:var(--lms-primary);background:var(--lms-surface);box-shadow:var(--lms-shadow-sm)}.lms-resource-icon svg{width:22px;height:22px}.lms-resource-info{flex-grow:1}.lms-resource-info h4{color:var(--lms-text-main);margin:0 0 .25rem;font-size:1rem;font-weight:500;transition:color .3s}.lms-resource-details{color:var(--lms-text-muted);align-items:center;gap:.5rem;font-size:.75rem;transition:color .3s;display:flex}.lms-dot-separator{font-size:.5rem}.lms-resource-actions-group{opacity:.8;transition:var(--lms-transition);align-items:center;gap:.75rem;display:flex}.lms-resource-card:hover .lms-resource-actions-group{opacity:1}.lms-dual-actions{align-items:center;gap:.5rem;display:flex}.lms-action-text-btn{border:1px solid var(--lms-border);color:var(--lms-text-secondary);border-radius:var(--lms-radius-md);cursor:pointer;transition:var(--lms-transition), border-color .3s ease, color .3s ease, background-color .3s ease;background:0 0;padding:.4rem .85rem;font-size:.8rem;font-weight:500}.lms-action-text-btn:hover{border-color:var(--lms-primary);color:var(--lms-primary);background:var(--lms-surface)}.lms-download-btn{background:var(--lms-surface-alt);color:var(--lms-text-secondary);border-radius:var(--lms-radius-md);cursor:pointer;transition:var(--lms-transition), background-color .3s ease, color .3s ease;border:1px solid #0000;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:flex}.lms-download-btn svg{width:15px;height:15px}.lms-download-btn:hover{background:var(--lms-primary);color:var(--lms-text-inverse)}.lms-action-badge{border-radius:var(--lms-radius-md);background:var(--lms-surface-alt);color:var(--lms-text-secondary);transition:var(--lms-transition), background-color .3s ease, color .3s ease;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.lms-resource-card:hover .lms-action-badge.view-badge,.lms-resource-card:hover .lms-action-badge.open-badge{background:var(--lms-primary);color:var(--lms-text-inverse)}.lms-modal-overlay{background:var(--lms-overlay-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;justify-content:center;align-items:center;padding:2rem;transition:background-color .3s;animation:.2s ease-out lmsFadeIn;display:flex;position:fixed;inset:0}.lms-modal-content{background:var(--lms-surface);border-radius:var(--lms-radius-lg);flex-direction:column;width:100%;max-width:1000px;height:85vh;transition:background-color .3s;animation:.3s cubic-bezier(.16,1,.3,1) lmsScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.lms-modal-header{border-bottom:1px solid var(--lms-border);background:var(--lms-surface);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:background-color .3s,border-color .3s;display:flex}.lms-modal-title{align-items:center;gap:1rem;display:flex}.lms-badge{background:var(--lms-primary-light);color:var(--lms-primary);letter-spacing:.05em;border-radius:4px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;transition:background-color .3s,color .3s}.lms-modal-title h2{color:var(--lms-text-main);margin:0;font-size:1.15rem;font-weight:600;transition:color .3s}.lms-close-btn{color:var(--lms-text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem;transition:color .2s;display:flex}.lms-modal-body{background:var(--lms-modal-body-bg);flex-grow:1;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:relative}.lms-viewer-iframe{border:none;width:100%;height:100%}.lms-viewer-video{outline:none;width:100%;height:100%;max-height:100%}.lms-viewer-unsupported{text-align:center;color:var(--lms-text-inverse);flex-direction:column;align-items:center;gap:1rem;display:flex}.lms-state-container{text-align:center;background:var(--lms-surface);border-radius:var(--lms-radius-lg);border:1px dashed var(--lms-border);padding:4rem 2rem;transition:background-color .3s,border-color .3s}.lms-state-icon{margin-bottom:1rem;font-size:3rem}.lms-state-container h3{color:var(--lms-text-main);margin:0 0 .5rem;font-size:1.25rem;transition:color .3s}.lms-state-container p{color:var(--lms-text-secondary);margin:0 0 1.5rem;transition:color .3s}.lms-btn-primary{background:var(--lms-primary);color:var(--lms-text-inverse);border-radius:var(--lms-radius-md);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:600;transition:background .2s}.lms-btn-primary:hover{background:var(--lms-primary-hover)}.lms-skeleton-wrapper{flex-direction:column;gap:1.25rem;display:flex}.lms-skeleton-card{background:var(--lms-surface);border:1px solid var(--lms-border);border-radius:var(--lms-radius-lg);align-items:center;gap:1.5rem;padding:1.5rem;transition:background-color .3s,border-color .3s;animation:2s cubic-bezier(.4,0,.6,1) infinite lmsPulse;display:flex}.lms-skeleton-circle{background:var(--lms-border);border-radius:50%;width:3rem;height:3rem;transition:background-color .3s}.lms-skeleton-lines{flex-direction:column;flex-grow:1;gap:.6rem;display:flex}.lms-skeleton-line{background:var(--lms-border);border-radius:4px;height:1rem;transition:background-color .3s}.lms-skeleton-line.short{width:40%}.lms-skeleton-line.long{width:20%}@keyframes lmsPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes lmsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lmsScaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.lms-page-container{padding:1.5rem 1rem}.lms-page-header{flex-direction:column;align-items:flex-start}.lms-progress-card{width:100%;min-width:auto}.lms-modal-overlay{padding:0}.lms-modal-content{border-radius:0;height:100dvh}.lms-lecture-meta{gap:1rem}.lms-lecture-number{font-size:1.75rem}.lms-resource-actions-group{opacity:1;flex-direction:column;align-items:flex-start;gap:.5rem}.lms-dual-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.lms-action-text-btn,.lms-download-btn,.lms-action-badge{justify-content:center;width:100%}}:root{--mtc-primary:#0f766e;--mtc-primary-hover:#115e59;--mtc-surface:#fff;--mtc-bg:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0}[data-theme=dark]{--mtc-surface:#1f1f23;--mtc-bg:#18181b;--text-main:#f8fafc;--text-muted:#9ca3af;--border-color:#3f3f46}.admin-page-container{max-width:1000px;color:var(--text-main);background-color:var(--mtc-bg);margin:0 auto;padding:3rem 1.5rem;font-family:Inter,system-ui,sans-serif;transition:background-color .3s,color .3s}.admin-page-header{justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;display:flex}.admin-page-title{color:var(--text-main);margin:0 0 .5rem;font-size:1.75rem;font-weight:600;transition:color .3s}.admin-page-subtitle{color:var(--text-muted);margin:0;font-size:.95rem;transition:color .3s}.lecture-card{background:var(--mtc-surface);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;transition:background-color .3s,border-color .3s,box-shadow .2s;box-shadow:0 1px 2px #00000005}.lecture-card.expanded{border-color:var(--text-muted);margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.lecture-header{cursor:pointer;background:var(--mtc-surface);justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:background-color .15s;display:flex}.lecture-header:hover{background:var(--mtc-bg)}.lecture-card.expanded .lecture-header{border-bottom:1px solid var(--border-color);background:var(--mtc-bg)}.lecture-header-left{align-items:center;gap:1rem;display:flex}.drag-handle{cursor:grab;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:.25rem;font-size:1.25rem}.drag-handle:active{cursor:grabbing}.lecture-number{color:var(--text-muted);background:var(--mtc-bg);border-radius:4px;padding:.25rem .6rem;font-family:monospace;font-size:.9rem;font-weight:600}.lecture-title{color:var(--text-main);margin:0;font-size:1.05rem;font-weight:600;transition:color .3s}.lecture-header-right{align-items:center;gap:1.5rem;display:flex}.resource-count{color:var(--text-muted);font-size:.875rem}.status-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.status-badge.published{color:#059669;background-color:#ecfdf5}[data-theme=dark] .status-badge.published{color:#34d399;background-color:#05966933}.status-badge.unpublished{color:#64748b;background-color:#f1f5f9}[data-theme=dark] .status-badge.unpublished{color:#94a3b8;background-color:#27272a}.action-menu-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem .5rem;font-size:1.25rem}.action-menu-btn:hover{background:var(--border-color);color:var(--text-main)}.lecture-body{background:var(--mtc-surface);transition:background-color .3s}.lecture-body-header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem .5rem;display:flex}.resources-title{color:var(--text-main);margin:0;font-size:.95rem;font-weight:600;transition:color .3s}.resource-list{flex-direction:column;padding:.5rem 1.5rem 1.25rem;display:flex}.resource-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.resource-item:last-child{border-bottom:none}.resource-item-left{align-items:center;gap:1rem;display:flex}.resource-icon{color:var(--text-muted);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.resource-info{flex-direction:column;display:flex}.resource-name{color:var(--text-main);font-size:.95rem;font-weight:500;transition:color .3s}.resource-meta{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.resource-item-actions{gap:.75rem;display:flex}.lms-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:.6rem 1.2rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.lms-btn:disabled{opacity:.6;cursor:not-allowed}.lms-btn-primary{background:var(--mtc-primary);color:#fff}.lms-btn-primary:hover:not(:disabled){background:var(--mtc-primary-hover)}.lms-btn-outline{background:var(--mtc-surface);border-color:var(--border-color);color:var(--text-main)}.lms-btn-outline:hover:not(:disabled){background:var(--mtc-bg)}.lms-btn-sm{padding:.35rem .75rem;font-size:.8rem}.lms-btn-text{color:var(--mtc-primary);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.875rem;font-weight:500;text-decoration:none}.lms-btn-text:hover{text-decoration:underline}.text-danger{color:#ef4444!important}.lms-empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.lms-empty-state-sm{padding:1.5rem 1rem;font-size:.9rem}.lms-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lms-modal-container{background:var(--mtc-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:100%;max-width:550px;max-height:90vh;transition:background-color .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.lms-modal-header{border-bottom:1px solid var(--border-color);background:var(--mtc-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:background-color .3s,border-color .3s;display:flex}.lms-modal-title{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:600;transition:color .3s}.lms-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0 .5rem;font-size:1.75rem;line-height:1;transition:color .2s}.lms-close-btn:hover{color:#ef4444}.lms-modal-body{background:var(--mtc-surface);color:var(--text-main);padding:1.5rem;transition:background-color .3s,color .3s;overflow-y:auto}.file-drop-area{border:2px dashed var(--border-color);background:var(--mtc-bg);text-align:center;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;transition:all .2s;display:flex;position:relative}.file-drop-area:hover{border-color:var(--mtc-primary);background:#0f766e14}.file-drop-icon{color:var(--mtc-primary);margin-bottom:.5rem;font-size:2rem}.file-drop-text{color:var(--text-muted);margin-bottom:.25rem;font-size:.875rem}.file-drop-text strong{color:var(--mtc-primary)}.file-drop-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.lms-form{flex-direction:column;display:flex}.form-group{margin-bottom:1.25rem}.form-group input,.form-group select{border:1px solid var(--border-color);box-sizing:border-box;background:var(--mtc-surface);width:100%;color:var(--text-main);border-radius:6px;outline:none;padding:.75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,background-color .3s,color .3s}.form-group input:focus,.form-group select:focus{border-color:var(--mtc-primary);box-shadow:0 0 0 3px #0f766e33}[data-theme=dark] .form-group select option{background-color:var(--mtc-surface);color:var(--text-main);padding:10px}.form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1rem;transition:border-color .3s;display:flex}.segmented-controls-wrapper{background:var(--mtc-surface);flex-shrink:0;padding:1rem 1.5rem 0;transition:background-color .3s}.segmented-controls{background:var(--mtc-bg);border:1px solid var(--border-color);border-radius:8px;padding:.35rem;transition:background-color .3s,border-color .3s;display:flex}.segmented-controls button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:.6rem 1rem;font-weight:500;transition:all .2s}.segmented-controls button.active{background:var(--mtc-surface);color:var(--mtc-primary);box-shadow:0 1px 3px #0000001a}.lms-modal-container.viewer-modal{width:90vw;max-width:1100px;height:85vh;max-height:90vh}.viewer-modal .lms-modal-body{background:#000;flex-direction:column;flex-grow:1;height:100%;padding:0;display:flex;overflow:hidden}.resource-iframe,.resource-video-player{border:none;flex-grow:1;width:100%;height:100%;display:block}.pdf-viewer{background:#f1f5f9}[data-theme=dark] .pdf-viewer{background:#18181b}.lms-alert{border-radius:6px;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:1rem;font-size:.9rem;line-height:1.4;display:flex}.lms-alert-error{color:#f87171;background-color:#fef2f226;border:1px solid #fecaca4d}.lms-alert-icon{fill:currentColor;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.lms-spinner{width:1.1rem;height:1.1rem;margin-right:.5rem;animation:1s linear infinite lms-spin}.lms-spinner circle{opacity:.25}.lms-spinner path{opacity:.75}@keyframes lms-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lms-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.lms-toast{color:#fff;background-color:#064e3b;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s ease-out forwards lms-toast-slide-up;display:flex;box-shadow:0 10px 15px -3px #0000004d}@keyframes lms-toast-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lms-dropdown-menu{background:var(--mtc-surface);border:1px solid var(--border-color);z-index:50;border-radius:8px;flex-direction:column;min-width:160px;margin-top:.5rem;padding:.25rem;transition:background-color .3s,border-color .3s;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.lms-dropdown-item{text-align:left;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:.6rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .3s}.lms-dropdown-item:hover{background:var(--mtc-bg)}.lms-dropdown-item.text-danger:hover{background:#fef2f226}@media (width<=640px){.lecture-header{flex-direction:column;align-items:flex-start;gap:1rem}.lecture-header-right{justify-content:space-between;width:100%}.resource-item{flex-direction:column;align-items:flex-start;gap:1rem}.resource-item-actions{justify-content:flex-end;width:100%}}:root{--inst-bg:#f8fafc;--inst-card-bg:#fff;--inst-text-main:#1e293b;--inst-text-sub:#64748b;--inst-text-muted:#94a3b8;--inst-border:#e2e8f0;--inst-divider:#f1f5f9;--inst-input-bg:#fff;--inst-input-border:#cbd5e1;--inst-toolbar-btn-bg:#f1f5f9;--inst-modal-bg:#fff;--inst-modal-header-text:#1e293b;--inst-btn-cancel-bg:#fff;--inst-btn-cancel-text:#475569;--primary-color:#0fa88f;--primary-dark:#0c8772}[data-theme=dark]{--inst-bg:#18181b;--inst-card-bg:#1f1f23;--inst-text-main:#f8fafc;--inst-text-sub:#9ca3af;--inst-text-muted:#71717a;--inst-border:#3f3f46;--inst-divider:#27272a;--inst-правляющий:#2a2a2e;--inst-input-bg:#2a2a2e;--inst-input-border:#52525b;--inst-toolbar-btn-bg:#27272a;--inst-modal-bg:#1f1f23;--inst-modal-header-text:#f8fafc;--inst-btn-cancel-bg:#27272a;--inst-btn-cancel-text:#e4e4e7}.admin-instructors,.admin-instructors__search,.admin-instructors__modal,.message-box,.admin-instructors__modal-overlay,.message-overlay{box-sizing:border-box}.admin-instructors{background:var(--inst-bg);min-height:calc(100vh - 80px);color:var(--inst-text-main);width:100%;padding:24px;font-family:Inter,sans-serif;transition:background-color .3s,color .3s}.admin-instructors__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-instructors__header h2{color:var(--inst-text-main);margin:0 0 4px;font-size:1.5rem;font-weight:700;transition:color .3s}.admin-instructors__header p{color:var(--inst-text-sub);margin:0;font-size:.9rem;transition:color .3s}.admin-instructors__btn-primary{background-color:var(--primary-color,#0fa88f);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #0fa88f26}.admin-instructors__btn-primary:hover{background-color:var(--primary-dark,#0c8772);transform:translateY(-1px);box-shadow:0 4px 10px #0fa88f40}.admin-instructors__btn-primary:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.admin-instructors__toolbar{margin-bottom:24px}.admin-instructors__search{background:var(--inst-card-bg);border:1px solid var(--inst-border);border-radius:8px;align-items:center;width:100%;max-width:400px;padding:6px 12px;transition:background-color .3s,border-color .3s;display:flex}.admin-instructors__search input{width:100%;color:var(--inst-text-main);background:0 0;border:none;outline:none;padding:8px;font-size:.9rem}.admin-instructors__search button{background:var(--inst-toolbar-btn-bg);cursor:pointer;color:var(--inst-text-sub);border:none;border-radius:6px;padding:6px 12px;font-weight:500;transition:background-color .2s,color .2s}.admin-instructors__search button:hover{background:var(--inst-border);color:var(--inst-text-main)}.admin-instructors__table-container{background:var(--inst-card-bg);border:1px solid var(--inst-border);-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;transition:background-color .3s,border-color .3s;overflow-x:auto}.admin-instructors__table{border-collapse:collapse;width:100%;min-width:800px}.admin-instructors__table th{background:var(--inst-bg);text-align:left;color:var(--inst-text-sub);border-bottom:1px solid var(--inst-border);text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-size:.85rem;font-weight:600;transition:background-color .3s,border-color .3s,color .3s}.admin-instructors__table td{border-bottom:1px solid var(--inst-border);color:var(--inst-text-main);vertical-align:middle;padding:16px 20px;font-size:.95rem;transition:border-color .3s,color .3s}.font-medium{font-weight:500}.text-muted{color:var(--inst-text-sub)}.admin-instructors__badge{white-space:nowrap;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:600}.badge-active{color:#34d399;background:#05966926}.badge-disabled{color:#f87171;background:#dc262626}.admin-instructors__actions{gap:8px;display:flex}.admin-instructors__actions button{background:var(--inst-bg);border:1px solid var(--inst-border);color:var(--inst-text-sub);cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;padding:6px;transition:all .2s;display:flex}.admin-instructors__actions button:hover{background:var(--inst-divider);color:var(--inst-text-main)}.admin-instructors__actions .text-danger:hover{color:#ef4444;background:#ef444426;border-color:#fca5a5}.admin-instructors__actions .text-warning:hover{color:#fbbf24}.admin-instructors__actions .text-success:hover{color:#34d399}.admin-instructors__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-instructors__modal{background:var(--inst-modal-bg);border:1px solid var(--inst-border);border-radius:12px;width:100%;max-width:500px;max-height:90vh;transition:background-color .3s,border-color .3s;overflow-y:auto;box-shadow:0 20px 25px -5px #0006}.admin-instructors__modal-header{border-bottom:1px solid var(--inst-border);justify-content:space-between;align-items:center;padding:20px 24px;transition:border-color .3s;display:flex}.admin-instructors__modal-header h3{color:var(--inst-modal-header-text);word-break:break-word;margin:0;font-size:1.25rem;transition:color .3s}.admin-instructors__modal-header button{cursor:pointer;color:var(--inst-text-sub);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-instructors__modal-header button:hover{color:var(--inst-text-main)}.admin-instructors__form{padding:24px}.form-row{gap:16px;display:flex}.form-group{flex:1;min-width:0;margin-bottom:16px}.form-group label{color:var(--inst-text-sub);margin-bottom:6px;font-size:.85rem;font-weight:600;transition:color .3s;display:block}.form-group input{border:1px solid var(--inst-input-border);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:10px 12px;transition:border-color .2s,background-color .3s,color .3s;background:var(--inst-input-bg)!important;color:var(--inst-text-main)!important}.form-group input:focus{border-color:var(--primary-color,#0fa88f)}[data-theme=dark] .admin-instructors__form input:-webkit-autofill{caret-color:var(--inst-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--inst-input-bg) inset!important;-webkit-text-fill-color:var(--inst-text-main)!important}[data-theme=dark] .admin-instructors__form input:-webkit-autofill:hover{caret-color:var(--inst-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--inst-input-bg) inset!important;-webkit-text-fill-color:var(--inst-text-main)!important}[data-theme=dark] .admin-instructors__form input:-webkit-autofill:focus{caret-color:var(--inst-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--inst-input-bg) inset!important;-webkit-text-fill-color:var(--inst-text-main)!important}[data-theme=dark] .admin-instructors__form input:-webkit-autofill:active{caret-color:var(--inst-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--inst-input-bg) inset!important;-webkit-text-fill-color:var(--inst-text-main)!important}.admin-instructors__modal-footer{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.btn-cancel{background:var(--inst-btn-cancel-bg);border:1px solid var(--inst-input-border);color:var(--inst-btn-cancel-text);cursor:pointer;border-radius:8px;padding:10px 16px;font-weight:600;transition:background-color .2s,border-color .2s}.btn-cancel:hover{background:var(--inst-divider)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.admin-instructors__modal-error-box{color:#f87171;background-color:#dc262626;border:1px solid #dc26264d;border-radius:6px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.message-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:flex-start;padding-top:18px;display:flex;position:fixed;inset:0}.message-box{background:var(--inst-card-bg);border:1px solid var(--inst-border);border-radius:18px;width:560px;max-width:calc(100% - 32px);max-height:90vh;transition:background-color .3s,border-color .3s;animation:.2s ease-out messageBoxSlideDown;overflow:hidden auto;box-shadow:0 20px 25px -5px #0006}.message-box__content{padding:24px 26px 18px}.message-box__content h3{color:var(--inst-text-main);margin:0 0 12px;font-size:20px;font-weight:700;transition:color .3s}.message-box__content p{color:var(--inst-text-sub);word-break:break-word;margin:0;font-size:16px;line-height:1.5;transition:color .3s}.message-box__content strong{color:var(--inst-text-main);word-break:break-word}.message-box__ok{background:var(--primary-color,#0fa88f);color:#fff;cursor:pointer;border:none;border-radius:9px;margin:0 20px 18px auto;padding:10px 22px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s;display:block}.message-box__ok:hover{background:var(--primary-dark,#0c8772)}.message-box__ok:active{transform:scale(.97)}.message-box.error{border-top:4px solid #ef4444}.message-box.success{border-top:4px solid #34d399}.message-box.confirmation{border-top:4px solid #ef4444}.message-box__actions{justify-content:flex-end;align-items:center;gap:10px;padding:0 20px 18px;display:flex}.message-box__cancel,.message-box__delete{cursor:pointer;border-radius:9px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s,border-color .2s,transform .1s}.message-box__cancel{background:var(--inst-btn-cancel-bg);color:var(--inst-text-sub);border:1px solid var(--inst-input-border)}.message-box__cancel:hover{background:var(--inst-divider)}.message-box__cancel:active{transform:scale(.97)}.message-box__delete{color:#fff;background:#dc2626;border:1px solid #dc2626}.message-box__delete:hover{background:#b91c1c;border-color:#b91c1c}.message-box__delete:active{transform:scale(.97)}@keyframes messageBoxSlideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.admin-instructors{padding:16px}.admin-instructors__search{max-width:100%}}@media (width<=600px){.admin-instructors__header{flex-direction:column;align-items:stretch;gap:16px}.admin-instructors__btn-primary{justify-content:center;width:100%}.form-row{flex-direction:column;gap:0}.message-box__content{padding:20px}.message-box__content h3{font-size:18px}.message-box__content p{font-size:14px}.message-box__actions{padding:0 20px 18px}}@media (width<=500px){.admin-instructors__modal-footer{flex-direction:column;gap:10px}.btn-cancel,.admin-instructors__modal-footer .admin-instructors__btn-primary{width:100%}.message-box__actions{flex-direction:column}.message-box__cancel,.message-box__delete,.message-box__ok{width:100%;margin:0}}[data-theme=dark] input:-webkit-autofill{caret-color:var(--inst-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--inst-input-bg) inset!important;-webkit-text-fill-color:var(--inst-text-main)!important}[data-theme=dark] input:-webkit-autofill:hover{caret-color:var(--inst-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--inst-input-bg) inset!important;-webkit-text-fill-color:var(--inst-text-main)!important}[data-theme=dark] input:-webkit-autofill:focus{caret-color:var(--inst-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--inst-input-bg) inset!important;-webkit-text-fill-color:var(--inst-text-main)!important}[data-theme=dark] input:-webkit-autofill:active{caret-color:var(--inst-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--inst-input-bg) inset!important;-webkit-text-fill-color:var(--inst-text-main)!important}[data-theme=dark] select:-webkit-autofill{caret-color:var(--inst-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--inst-input-bg) inset!important;-webkit-text-fill-color:var(--inst-text-main)!important}:root{--ab-bg:transparent;--ab-container-bg:transparent;--ab-text-main:#374151;--ab-text-heading:#1f2937;--ab-text-sub:#6b7280;--ab-text-muted:#9ca3af;--ab-border:#f3f4f6;--ab-input-border:#d1d5db;--ab-input-bg:#fff;--ab-card-bg:#fff;--ab-table-head-bg:#f9fafb;--ab-table-hover:#f8fafc;--ab-scrollbar-track:#f8fafc;--ab-scrollbar-thumb:#cbd5e1;--ab-scrollbar-thumb-hover:#94a3b8}[data-theme=dark]{--ab-card-bg:#1f1f23;--ab-text-main:#f8fafc;--ab-text-heading:#f8fafc;--ab-text-sub:#9ca3af;--ab-text-muted:#71717a;--ab-border:#3f3f46;--ab-input-border:#52525b;--ab-input-bg:#2a2a2e;--ab-table-head-bg:#27272a;--ab-table-hover:#27272a;--ab-scrollbar-track:#27272a;--ab-scrollbar-thumb:#3f3f46;--ab-scrollbar-thumb-hover:#52525b}.ab-container{max-width:1280px;color:var(--ab-text-main);margin:0 auto;padding:16px;font-family:inherit;transition:color .3s}@media (width>=768px){.ab-container{padding:24px}}.ab-message{text-align:center;color:var(--ab-text-sub);padding:24px}.ab-error{color:#f87171!important}.ab-header{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}@media (width>=768px){.ab-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px}}.ab-title{color:var(--ab-text-heading);margin:0 0 4px;font-size:20px;font-weight:700;transition:color .3s}@media (width>=768px){.ab-title{font-size:24px}}.ab-subtitle{color:var(--ab-text-sub);margin:0;font-size:13px;transition:color .3s}@media (width>=768px){.ab-subtitle{font-size:14px}}.ab-filters{background-color:var(--ab-card-bg);border:1px solid var(--ab-border);border-radius:12px;grid-template-columns:1fr;gap:12px;margin-bottom:24px;padding:16px;transition:background-color .3s,border-color .3s;display:grid;box-shadow:0 1px 2px #0000000d}@media (width>=768px){.ab-filters{grid-template-columns:repeat(3,1fr);gap:16px}}.ab-filter-group label{color:var(--ab-text-sub);margin-bottom:6px;font-size:12px;font-weight:600;transition:color .3s;display:block}.ab-input,.ab-select{border:1px solid var(--ab-input-border);background-color:var(--ab-input-bg);width:100%;color:var(--ab-text-main);box-sizing:border-box;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .3s,color .3s}.ab-input:focus,.ab-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}[data-theme=dark] .ab-select{background-color:var(--ab-input-bg);color:#fff}[data-theme=dark] .ab-select option{color:#fff;background-color:#1f1f23;padding:10px}.ab-table-wrapper{background-color:var(--ab-card-bg);border:1px solid var(--ab-border);border-radius:12px;width:100%;transition:background-color .3s,border-color .3s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.ab-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.ab-table-scroll::-webkit-scrollbar{height:8px}.ab-table-scroll::-webkit-scrollbar-track{background:var(--ab-scrollbar-track)}.ab-table-scroll::-webkit-scrollbar-thumb{background:var(--ab-scrollbar-thumb);border-radius:8px}.ab-table-scroll::-webkit-scrollbar-thumb:hover{background:var(--ab-scrollbar-thumb-hover)}.ab-table{text-align:left;border-collapse:collapse;width:100%;min-width:1000px}.ab-table th{background-color:var(--ab-table-head-bg);border-bottom:1px solid var(--ab-border);color:var(--ab-text-sub);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:16px;font-size:12px;font-weight:600;transition:background-color .3s,border-color .3s,color .3s}.ab-table td{color:var(--ab-text-main);border-bottom:1px solid var(--ab-border);white-space:nowrap;padding:16px;font-size:14px;transition:border-color .3s,color .3s}.ab-table tr:hover{background-color:var(--ab-table-hover)}.ab-font-medium{color:var(--ab-text-heading);font-weight:500;transition:color .3s}.ab-code{color:var(--ab-text-muted);margin-top:4px;font-family:monospace;font-size:12px;transition:color .3s}.ab-dates{color:var(--ab-text-sub);font-size:12px;transition:color .3s}.ab-badge{border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-open{color:#166534;background-color:#dcfce7}[data-theme=dark] .badge-open{color:#4ade80;background-color:#16653433}.badge-active{color:#1e40af;background-color:#dbeafe}[data-theme=dark] .badge-active{color:#60a5fa;background-color:#1e40af33}.badge-cancelled{color:#991b1b;background-color:#fee2e2}[data-theme=dark] .badge-cancelled{color:#f87171;background-color:#991b1b33}.badge-default{color:#1f2937;background-color:#f3f4f6}[data-theme=dark] .badge-default{color:#f4f4f5;background-color:#27272a}.ab-type-badge{color:#374151;background-color:#f3f4f6;border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:500;transition:background-color .3s,color .3s;display:inline-block}[data-theme=dark] .ab-type-badge{color:#e4e4e7;background-color:#27272a}.ab-empty-state{text-align:center;color:var(--ab-text-muted);padding:32px;transition:color .3s}:root{--my-courses-bg:#f7f7f5;--my-courses-text-main:#111;--my-courses-text-muted:#666;--my-courses-card-bg:#fff;--my-courses-border:#00000014;--my-courses-shadow:#0000000f;--my-courses-brand:#0a9f8f;--my-courses-brand-hover:#078f80;--my-courses-brand-light:#0a9f8f14;--my-courses-status-bg:#e8f7ee;--my-courses-status-text:#198754}[data-theme=dark]{--my-courses-bg:#18181b;--my-courses-text-main:#f8fafc;--my-courses-text-muted:#9ca3af;--my-courses-card-bg:#1f1f23;--my-courses-border:#ffffff1a;--my-courses-shadow:#0000004d;--my-courses-brand:#0ca592;--my-courses-brand-hover:#098f7e;--my-courses-brand-light:#0ca59226;--my-courses-status-bg:#0ca59226;--my-courses-status-text:#5eead4}.my-courses-page{background:var(--my-courses-bg);min-height:calc(100vh - 80px);color:var(--my-courses-text-main);padding:40px 6%;transition:background-color .3s,color .3s}.my-courses-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.my-courses-header h1{color:var(--my-courses-text-main);margin:0;font-size:32px;font-weight:700}.my-courses-header p{color:var(--my-courses-text-muted);margin-top:8px;font-size:15px}.my-courses-count{background:var(--my-courses-card-bg);color:var(--my-courses-text-main);border:1px solid var(--my-courses-border);box-shadow:0 10px 20px var(--my-courses-shadow);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s;display:flex}.my-courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;display:grid}.my-course-card{background:var(--my-courses-card-bg);border:1px solid var(--my-courses-border);box-shadow:0 20px 40px var(--my-courses-shadow);border-radius:14px;transition:transform .2s,box-shadow .2s,background-color .3s,border-color .3s;overflow:hidden}.my-course-card:hover{box-shadow:0 25px 45px var(--my-courses-shadow);transform:translateY(-4px)}.my-course-image-container{background:var(--my-courses-bg);width:100%;height:200px;position:relative}.my-course-image{object-fit:cover;width:100%;height:100%}.course-status{background:var(--my-courses-status-bg);color:var(--my-courses-status-text);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;top:15px;right:15px}.my-course-content{padding:22px}.my-course-content h2{color:var(--my-courses-text-main);margin:0 0 8px;font-size:21px;line-height:1.3}.batch-name{color:var(--my-courses-text-muted);margin:0 0 15px;font-size:14px;font-weight:500}.course-description{color:var(--my-courses-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.course-info{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.course-info-item{color:var(--my-courses-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.view-course-button{background:var(--my-courses-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:flex}.view-course-button:hover{background:var(--my-courses-brand-hover);transform:translateY(-1px)}.no-courses{background:var(--my-courses-card-bg);border:1px solid var(--my-courses-border);text-align:center;min-height:400px;color:var(--my-courses-text-muted);box-shadow:0 20px 40px var(--my-courses-shadow);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-courses h2{color:var(--my-courses-text-main);margin:20px 0 8px}.no-courses p{margin-bottom:20px}.browse-courses-button{background:var(--my-courses-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-weight:600;transition:background .2s,transform .2s}.browse-courses-button:hover{background:var(--my-courses-brand-hover);transform:translateY(-1px)}.my-courses-loading{min-height:400px;color:var(--my-courses-text-muted);justify-content:center;align-items:center;font-size:18px;display:flex}.my-courses-error{color:#dc2626;background:#dc26261a;border:1px solid #dc262633;border-radius:10px;padding:20px}@media (width<=768px){.my-courses-page{padding:30px 20px}.my-courses-header{flex-direction:column;align-items:flex-start;gap:15px}.my-courses-header h1{font-size:27px}.my-courses-grid{grid-template-columns:1fr}}:root{--student-bg:#f8fafc;--student-card-bg:#fff;--student-text-main:#1e293b;--student-text-sub:#64748b;--student-text-muted:#94a3b8;--student-border:#e2e8f0;--student-divider:#f1f5f9;--student-input-bg:#fff;--student-input-border:#cbd5e1;--student-toolbar-btn-bg:#f1f5f9;--student-modal-bg:#fff;--student-modal-header-text:#1e293b;--student-btn-cancel-bg:#fff;--student-btn-cancel-text:#475569;--primary-color:#0fa88f;--primary-dark:#0c8772;--student-success-text:#16a34a;--student-success-bg:#22c55e1f;--student-success-border:#22c55e40;--student-success-solid:#16a34a;--student-success-solid-hover:#15803d;--student-danger-text:#dc2626;--student-danger-bg:#ef44441f;--student-danger-border:#ef444440;--student-danger-solid:#dc2626;--student-danger-solid-hover:#b91c1c;--student-warning-text:#b45309;--student-warning-bg:#f59e0b1a;--student-warning-border:#f59e0b33}[data-theme=dark]{--student-bg:#18181b;--student-card-bg:#1f1f23;--student-text-main:#f8fafc;--student-text-sub:#9ca3af;--student-text-muted:#71717a;--student-border:#3f3f46;--student-divider:#27272a;--student-input-bg:#2a2a2e;--student-input-border:#52525b;--student-toolbar-btn-bg:#27272a;--student-modal-bg:#1f1f23;--student-modal-header-text:#f8fafc;--student-btn-cancel-bg:#27272a;--student-btn-cancel-text:#e4e4e7;--student-success-text:#34d399;--student-success-bg:#05966926;--student-success-border:#0596694d;--student-success-solid:#059669;--student-success-solid-hover:#047857;--student-danger-text:#f87171;--student-danger-bg:#dc262626;--student-danger-border:#dc26264d;--student-danger-solid:#dc2626;--student-danger-solid-hover:#b91c1c;--student-warning-text:#fbbf24;--student-warning-bg:#f59e0b26;--student-warning-border:#f59e0b4d}.admin-students-page,.admin-students-search,.student-status-modal,.student-status-modal-overlay{box-sizing:border-box}.admin-students-page{background:var(--student-bg);min-height:calc(100vh - 80px);color:var(--student-text-main);width:100%;padding:24px;font-family:Inter,sans-serif;transition:background-color .3s,color .3s}.admin-students-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-students-title-row{align-items:center;gap:14px;display:flex}.admin-students-title-row>svg{color:var(--primary-color)}.admin-students-title-row h1{margin:0 0 4px;font-size:1.5rem;font-weight:700;transition:color .3s}.admin-students-title-row p{color:var(--student-text-sub);margin:0;font-size:.9rem;transition:color .3s}.admin-students-refresh-btn{background:var(--student-card-bg);border:1px solid var(--student-border);color:var(--student-text-main);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.admin-students-refresh-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--student-divider)}.admin-students-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.admin-students-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.admin-students-search{background:var(--student-card-bg);border:1px solid var(--student-border);border-radius:8px;align-items:center;gap:10px;width:100%;max-width:400px;padding:6px 12px;transition:border-color .3s,background-color .3s;display:flex}.admin-students-search:focus-within{border-color:var(--primary-color)}.admin-students-search svg{color:var(--student-text-sub);flex-shrink:0}.admin-students-search input{width:100%;color:var(--student-text-main);background:0 0;border:none;outline:none;padding:6px;font-size:.9rem}.admin-students-search input::placeholder{color:var(--student-text-sub)}.admin-students-count{color:var(--student-text-sub);white-space:nowrap;font-size:.9rem}.admin-students-table-container{background:var(--student-card-bg);border:1px solid var(--student-border);-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;transition:background-color .3s,border-color .3s;overflow-x:auto}.admin-students-table{border-collapse:collapse;width:100%;min-width:900px}.admin-students-table th{text-align:left;background:var(--student-bg);border-bottom:1px solid var(--student-border);color:var(--student-text-sub);text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-size:.85rem;font-weight:600;transition:background-color .3s,border-color .3s,color .3s}.admin-students-table td{border-bottom:1px solid var(--student-border);color:var(--student-text-main);vertical-align:middle;padding:16px 20px;font-size:.95rem;transition:border-color .3s,color .3s}.admin-students-table tbody tr:last-child td{border-bottom:none}.admin-students-table tbody tr{transition:background-color .2s}.admin-students-table tbody tr:hover{background:var(--student-divider)}.student-name-cell{align-items:center;gap:12px;display:flex}.student-avatar{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-weight:700;display:flex}.student-name-cell strong{white-space:nowrap;font-weight:500}.student-contact{color:var(--student-text-sub);align-items:center;gap:7px;display:flex}.student-contact svg{flex-shrink:0}.student-status{white-space:nowrap;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.student-status.active{background:var(--student-success-bg);color:var(--student-success-text)}.student-status.inactive{background:var(--student-danger-bg);color:var(--student-danger-text)}.student-courses-count{align-items:center;gap:7px;font-weight:600;display:flex}.student-courses-count svg{color:var(--primary-color)}.student-actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.student-view-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0fa88f26}.student-view-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 10px #0fa88f40}.student-view-btn:active{transform:translateY(0)}.student-status-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.student-status-btn.disable{background:var(--student-danger-bg);color:var(--student-danger-text);border:1px solid var(--student-danger-border)}.student-status-btn.disable:hover{background:var(--student-danger-border);color:var(--student-danger-solid);transform:translateY(-1px)}.student-status-btn.enable{background:var(--student-success-bg);color:var(--student-success-text);border:1px solid var(--student-success-border)}.student-status-btn.enable:hover{background:var(--student-success-border);color:var(--student-success-solid);transform:translateY(-1px)}.student-status-btn:active{transform:translateY(0)}.admin-students-loading,.admin-students-empty{min-height:300px;color:var(--student-text-sub);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.admin-students-spinner{border:3px solid var(--student-border);border-top-color:var(--primary-color);border-radius:50%;width:35px;height:35px;animation:.8s linear infinite studentSpinner}@keyframes studentSpinner{to{transform:rotate(360deg)}}.admin-students-empty svg{color:var(--primary-color);margin-bottom:10px}.admin-students-empty h2{color:var(--student-text-main);margin:5px 0}.admin-students-error{background:var(--student-danger-bg);color:var(--student-danger-text);border:1px solid var(--student-danger-border);border-radius:10px;margin-bottom:20px;padding:14px 18px;font-size:.9rem}.student-status-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.student-status-modal{background:var(--student-modal-bg);border:1px solid var(--student-border);text-align:center;border-radius:12px;width:100%;max-width:450px;max-height:90vh;padding:32px;transition:background-color .3s,border-color .3s;animation:.25s statusModalIn;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0006}@keyframes statusModalIn{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.student-status-modal-close{width:34px;height:34px;color:var(--student-text-sub);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.student-status-modal-close:hover{color:var(--student-text-main);background:var(--student-divider)}.student-status-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 18px;display:flex}.student-status-modal-icon.disable{background:var(--student-danger-bg);color:var(--student-danger-text)}.student-status-modal-icon.enable{background:var(--student-success-bg);color:var(--student-success-text)}.student-status-modal h2{color:var(--student-modal-header-text);margin:0 0 10px;font-size:1.25rem;font-weight:700;transition:color .3s}.student-status-modal>p{max-width:360px;color:var(--student-text-sub);margin:0 auto;font-size:.9rem;line-height:1.6;transition:color .3s}.student-status-modal>p strong{color:var(--student-text-main)}.student-status-warning{background:var(--student-warning-bg);border:1px solid var(--student-warning-border);color:var(--student-warning-text);text-align:left;border-radius:10px;align-items:flex-start;gap:10px;margin-top:20px;padding:12px 14px;font-size:.85rem;line-height:1.5;display:flex}.student-status-warning svg{flex-shrink:0;margin-top:1px}.student-status-modal-actions{justify-content:center;align-items:center;gap:10px;margin-top:25px;display:flex}.student-status-cancel-btn{background:var(--student-btn-cancel-bg);border:1px solid var(--student-input-border);min-width:100px;color:var(--student-btn-cancel-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-size:.9rem;font-weight:600;transition:background-color .2s,border-color .2s;display:inline-flex}.student-status-cancel-btn:hover{background:var(--student-divider)}.student-status-confirm-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:145px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}.student-status-confirm-btn.disable{background:var(--student-danger-solid)}.student-status-confirm-btn.disable:hover{background:var(--student-danger-solid-hover);transform:translateY(-1px)}.student-status-confirm-btn.enable{background:var(--student-success-solid)}.student-status-confirm-btn.enable:hover{background:var(--student-success-solid-hover);transform:translateY(-1px)}.student-status-confirm-btn:active{transform:scale(.97)}@media (width<=768px){.admin-students-page{padding:16px}.admin-students-search{max-width:100%}}@media (width<=600px){.admin-students-header{flex-direction:column;align-items:stretch;gap:16px}.admin-students-refresh-btn{justify-content:center;width:100%}.admin-students-toolbar{flex-direction:column;align-items:stretch}.admin-students-count{align-self:flex-end}.student-actions{flex-direction:column;align-items:stretch}.student-view-btn,.student-status-btn{width:100%}}@media (width<=500px){.student-status-modal{padding:24px}.admin-students-title-row h1{font-size:1.25rem}.student-status-modal-actions{flex-direction:column;gap:10px}.student-status-cancel-btn,.student-status-confirm-btn{width:100%}}[data-theme=dark] .admin-students-search input:-webkit-autofill{caret-color:var(--student-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--student-card-bg) inset!important;-webkit-text-fill-color:var(--student-text-main)!important}[data-theme=dark] .admin-students-search input:-webkit-autofill:hover{caret-color:var(--student-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--student-card-bg) inset!important;-webkit-text-fill-color:var(--student-text-main)!important}[data-theme=dark] .admin-students-search input:-webkit-autofill:focus{caret-color:var(--student-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--student-card-bg) inset!important;-webkit-text-fill-color:var(--student-text-main)!important}[data-theme=dark] .admin-students-search input:-webkit-autofill:active{caret-color:var(--student-text-main);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--student-card-bg) inset!important;-webkit-text-fill-color:var(--student-text-main)!important}[data-theme=dark] input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--student-det-bg:#f8fafc;--student-det-card-bg:#fff;--student-det-text-main:#1e293b;--student-det-text-sub:#64748b;--student-det-border:#e2e8f0;--student-det-divider:#f1f5f9;--student-det-modal-bg:#fff;--student-det-overlay:#0f172abf;--primary-color:#0fa88f;--primary-dark:#0c8772;--primary-light:#0fa88f1a;--student-det-success-text:#16a34a;--student-det-success-bg:#22c55e1f;--student-det-danger-text:#dc2626;--student-det-danger-bg:#ef44441f;--student-det-danger-solid:#dc2626;--student-det-danger-solid-hover:#b91c1c}[data-theme=dark]{--student-det-bg:#18181b;--student-det-card-bg:#1f1f23;--student-det-text-main:#f8fafc;--student-det-text-sub:#9ca3af;--student-det-border:#3f3f46;--student-det-divider:#27272a;--student-det-modal-bg:#1f1f23;--student-det-overlay:#000000bf;--primary-light:#0fa88f26;--student-det-success-text:#34d399;--student-det-success-bg:#05966926;--student-det-danger-text:#f87171;--student-det-danger-bg:#dc262626;--student-det-danger-solid:#dc2626;--student-det-danger-solid-hover:#b91c1c}.admin-student-details-page,.student-modal,.student-modal-overlay,.remove-modal{box-sizing:border-box}.admin-student-details-page{background:var(--student-det-bg);min-height:calc(100vh - 80px);color:var(--student-det-text-main);width:100%;padding:35px 40px 60px;font-family:Inter,sans-serif;transition:background-color .3s,color .3s}.student-details-back-btn{color:var(--student-det-text-sub);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:25px;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex}.student-details-back-btn:hover{color:var(--primary-color)}.student-details-header{background:var(--student-det-card-bg);border:1px solid var(--student-det-border);border-radius:14px;align-items:center;gap:18px;margin-bottom:20px;padding:25px;transition:background-color .3s,border-color .3s;display:flex}.student-details-avatar{background:var(--primary-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;font-size:26px;font-weight:700;display:flex}.student-details-header-info{flex:1}.student-details-header-info h1{color:var(--student-det-text-main);margin:0;font-size:25px;transition:color .3s}.student-details-header-info p{color:var(--student-det-text-sub);margin:5px 0 0;font-size:14px;transition:color .3s}.student-details-status{white-space:nowrap;border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:700}.student-details-status.active{background:var(--student-det-success-bg);color:var(--student-det-success-text)}.student-details-status.inactive{background:var(--student-det-danger-bg);color:var(--student-det-danger-text)}.student-info-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px;display:grid}.student-info-card{background:var(--student-det-card-bg);border:1px solid var(--student-det-border);border-radius:12px;align-items:center;gap:13px;padding:18px;transition:background-color .3s,border-color .3s;display:flex}.student-info-card>svg{color:var(--primary-color);flex-shrink:0}.student-info-card div{flex-direction:column;gap:4px;min-width:0;display:flex}.student-info-card span{color:var(--student-det-text-sub);font-size:12px;transition:color .3s}.student-info-card strong{color:var(--student-det-text-main);text-overflow:ellipsis;white-space:nowrap;font-size:14px;transition:color .3s;overflow:hidden}.student-courses-section{background:var(--student-det-card-bg);border:1px solid var(--student-det-border);border-radius:14px;padding:25px;transition:background-color .3s,border-color .3s}.student-courses-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.student-courses-header h2{color:var(--student-det-text-main);margin:0;font-size:21px;transition:color .3s}.student-courses-header p{color:var(--student-det-text-sub);margin:5px 0 0;font-size:13px;transition:color .3s}.student-refresh-btn{border:1px solid var(--student-det-border);color:var(--student-det-text-main);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.student-refresh-btn:hover{background:var(--student-det-divider);border-color:var(--primary-color);color:var(--primary-color)}.student-courses-list{flex-direction:column;gap:15px;display:flex}.student-course-card{border:1px solid var(--student-det-border);border-radius:12px;padding:20px;transition:border-color .2s,background-color .2s}.student-course-card:hover{border-color:var(--primary-color);background:var(--student-det-divider)}.student-course-main{align-items:center;gap:13px;margin-bottom:20px;display:flex}.student-course-icon{background:var(--primary-light);width:45px;height:45px;color:var(--primary-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.student-course-main h3{color:var(--student-det-text-main);margin:0;font-size:17px;transition:color .3s}.student-course-main p{color:var(--student-det-text-sub);margin:4px 0 0;font-size:12px;transition:color .3s}.student-course-details{border-top:1px solid var(--student-det-border);border-bottom:1px solid var(--student-det-border);grid-template-columns:repeat(4,1fr);gap:15px;padding:16px 0;transition:border-color .3s;display:grid}.course-detail{flex-direction:column;gap:6px;display:flex}.course-detail span{color:var(--student-det-text-sub);text-transform:uppercase;font-size:11px;font-weight:700;transition:color .3s}.course-detail strong{color:var(--student-det-text-main);align-items:center;gap:5px;font-size:13px;transition:color .3s;display:flex}.student-course-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.change-batch-btn,.remove-student-btn{cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.change-batch-btn{border:1px solid var(--primary-color);color:var(--primary-color);background:0 0}.change-batch-btn:hover{background:var(--primary-light)}.remove-student-btn{border:1px solid var(--student-det-danger-solid);color:var(--student-det-danger-solid);background:0 0}.remove-student-btn:hover{background:var(--student-det-danger-bg)}.student-no-courses{text-align:center;min-height:220px;color:var(--student-det-text-sub);flex-direction:column;justify-content:center;align-items:center;display:flex}.student-no-courses svg{color:var(--primary-color)}.student-no-courses h3{color:var(--student-det-text-main);margin:10px 0 4px}.student-no-courses p{margin:0;font-size:13px}.student-modal-overlay{z-index:2000;background:var(--student-det-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.student-modal{background:var(--student-det-modal-bg);border:1px solid var(--student-det-border);border-radius:15px;width:100%;max-width:540px;max-height:85vh;padding:24px;transition:background-color .3s,border-color .3s;animation:.25s scaleIn;overflow-y:auto;box-shadow:0 20px 60px #0006}.student-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.student-modal-header h2{color:var(--student-det-text-main);margin:0;font-size:20px}.student-modal-header p{color:var(--student-det-text-sub);margin:5px 0 0;font-size:13px}.student-modal-header button{width:35px;height:35px;color:var(--student-det-text-sub);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.student-modal-header button:hover{background:var(--student-det-divider);color:var(--student-det-text-main)}.batch-select-label{color:var(--student-det-text-main);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.batch-options{flex-direction:column;gap:10px;max-height:350px;padding-right:4px;display:flex;overflow-y:auto}.batch-option{border:1px solid var(--student-det-border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex}.batch-option:hover,.batch-option.selected{border-color:var(--primary-color);background:var(--primary-light)}.batch-option input{accent-color:var(--primary-color);margin-top:4px}.batch-option-info{flex-direction:column;gap:4px;display:flex}.batch-option-info strong{color:var(--student-det-text-main);font-size:14px}.batch-option-info span{color:var(--student-det-text-sub);font-size:12px}.student-modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.modal-cancel-btn,.modal-confirm-btn,.modal-remove-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.modal-cancel-btn{border:1px solid var(--student-det-border);color:var(--student-det-text-main);background:0 0}.modal-cancel-btn:hover{background:var(--student-det-divider)}.modal-confirm-btn{background:var(--primary-color);color:#fff;border:none}.modal-confirm-btn:hover{background:var(--primary-dark)}.modal-remove-btn{background:var(--student-det-danger-solid);color:#fff;border:none}.modal-remove-btn:hover{background:var(--student-det-danger-solid-hover)}.modal-confirm-btn:disabled,.modal-remove-btn:disabled,.modal-cancel-btn:disabled{opacity:.55;cursor:not-allowed}.remove-modal{text-align:center;max-width:430px}.remove-modal-icon{background:var(--student-det-danger-bg);width:55px;height:55px;color:var(--student-det-danger-solid);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 15px;display:flex}.remove-modal h2{color:var(--student-det-text-main);margin:0 0 10px}.remove-modal p{color:var(--student-det-text-sub);font-size:14px;line-height:1.6}.remove-modal .student-modal-actions{justify-content:center}.student-details-loading,.student-details-error-page,.modal-loading,.modal-empty{color:var(--student-det-text-sub);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.student-details-loading,.student-details-error-page{gap:15px;min-height:500px}.modal-loading{gap:12px;min-height:180px}.modal-empty{min-height:150px}.student-details-spinner{border:3px solid var(--student-det-border);border-top-color:var(--primary-color);border-radius:50%;width:35px;height:35px;animation:.8s linear infinite studentDetailsSpin}@keyframes studentDetailsSpin{to{transform:rotate(360deg)}}.student-details-error-page svg{color:var(--student-det-danger-solid)}.student-details-error-page h2{color:var(--student-det-text-main)}.student-details-error-page button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;margin-top:15px;padding:10px 16px;font-weight:600;transition:background-color .2s;display:flex}.student-details-error-page button:hover{background:var(--primary-dark)}@media (width<=900px){.student-info-grid{grid-template-columns:1fr}.student-course-details{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.admin-student-details-page{padding:25px 16px 50px}.student-details-header{flex-wrap:wrap;align-items:flex-start}.student-details-status{margin-left:83px}.student-courses-section{padding:18px}.student-courses-header{flex-direction:column;align-items:flex-start;gap:12px}.student-course-details{grid-template-columns:1fr}.student-course-actions{flex-direction:column}.change-batch-btn,.remove-student-btn{justify-content:center;width:100%}}@media (width<=500px){.student-modal{padding:20px}.student-modal-header h2{font-size:1.15rem}.student-modal-actions{flex-direction:column}.modal-cancel-btn,.modal-confirm-btn,.modal-remove-btn{width:100%;margin-left:0}.remove-modal .student-modal-actions{flex-direction:column}}