body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--selective-yellow:#ffbc1f;--roman-silver:#7b7b8a;--roman-silver_10:#7b7b8a1a;--light-coral:#2b3990;--oxford-blue:#0c1327;--light-gray:#ccc;--keppei:#30c0af;--white:#fff;--black:#000;--black_10:#0000001a;--ff-gilroy:"Gilroy",sans-serif;--headline-lg:4.8rem;--headline-md:3rem;--headline-sm:2.4rem;--title-lg:2.2rem;--title-md:2rem;--title-sm:1.8rem;--fw-500:500;--fw-600:600;--fw-700:700;--section-padding:56px;--shadow-1:0px 35px 65px -10px #0000000d;--shadow-2:0 10px 40px #0000000f;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-circle:50%;--transition:0.25s ease;--cubic-in:cubic-bezier(0.51,0.03,0.64,0.28);--cubic-out:cubic-bezier(0.05,0.83,0.52,0.97)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}li{list-style:none}a,button,img,ion-icon,span{display:block}a{color:inherit;text-decoration:none}img{height:auto}button{background:none;border:none;cursor:pointer;font:inherit}html{font-family:Gilroy,sans-serif;font-family:var(--ff-gilroy);font-size:10px;scroll-behavior:smooth}body{background-color:#fff;background-color:var(--white);color:#7b7b8a;color:var(--roman-silver);font-size:1.6rem;line-height:1.5;overflow:hidden;overflow-y:auto}body.loaded{overflow:visible}body.nav-active{overflow:hidden}.container{padding-inline:16px}.headline-lg,.headline-md,.headline-sm,.title-lg{color:#0c1327;color:var(--oxford-blue);font-weight:700;font-weight:var(--fw-700)}.headline-lg{font-size:4.8rem;font-size:var(--headline-lg);line-height:1.3}.headline-md{font-size:3rem;font-size:var(--headline-md);line-height:1.2}.headline-sm{font-size:2.4rem;font-size:var(--headline-sm)}.title-lg{font-size:2.2rem;font-size:var(--title-lg);line-height:1.4}.title-md{font-size:2rem;font-size:var(--title-md)}.title-sm{font-size:1.8rem;font-size:var(--title-sm);font-weight:500;font-weight:var(--fw-500)}.section{padding-block:56px;padding-block:var(--section-padding)}.has-bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.has-after,.has-before{position:relative;z-index:1}.has-after:after,.has-before:before{content:"";position:absolute}.btn{--bg:var(--light-coral);background:linear-gradient(180deg,#1c75bc,#2b3990);border-radius:6px;border-radius:var(--radius-6);color:#fff;color:var(--white);font-weight:500;font-weight:var(--fw-500);max-width:-webkit-max-content;max-width:max-content;outline:none;padding:12px 24px;transition:.25s ease;transition:var(--transition)}.btn-secondary{--bg:var(--oxford-blue)}:is(.btn-primary,.btn-secondary):is(:hover,:focus-visible){box-shadow:0 0 0 2px #fff,0 0 0 5px var(--bg);box-shadow:0 0 0 2px var(--white),0 0 0 5px var(--bg)}.btn-tertiary{--bg:var(--white);color:#0c1327;color:var(--oxford-blue);font-weight:600;font-weight:var(--fw-600)}:is(.headline-lg,.headline-md) .span{color:#2b3990;color:var(--light-coral);display:inline}.section-subtitle{-webkit-margin-after:4px;color:#30c0af;color:var(--keppei);font-weight:600;font-weight:var(--fw-600);margin-block-end:4px}.text-center{text-align:center}.section-title{-webkit-margin-after:24px;margin-block-end:24px}.headline-md .has-after{-webkit-padding-after:8px;padding-block-end:8px}.headline-md .has-after:after{background-position:bottom;background-repeat:no-repeat;background-size:contain;height:100%;left:0;top:0;width:100%;z-index:-1}.grid-list{grid-gap:28px;display:grid;gap:28px}.card{background-color:#fff;background-color:var(--white);border-radius:8px;border-radius:var(--radius-8);padding:24px;position:relative;transition:.25s ease;transition:var(--transition)}.card:is(:hover,:focus-within){box-shadow:0 35px 65px -10px #0000000d;box-shadow:var(--shadow-1)}.layer-link{height:100%;left:0;position:absolute;top:0;width:100%}.w-100{width:100%}.img-cover{height:100%;object-fit:cover;width:100%}.preloader{background-color:#2b3990;background-color:var(--light-coral);display:grid;height:100vh;left:0;place-items:center;position:fixed;top:0;transition:.25s ease;transition:var(--transition);width:100%;z-index:6}.preloader.loaded{opacity:0;visibility:hidden}.preloader .circle{animation:rotate360 1s ease infinite;border:4px solid #fff;border:4px solid var(--white);border-block-start-color:#0000;border-radius:50%;border-radius:var(--radius-circle);height:50px;width:50px}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.header .btn{display:none}.header{left:0;padding-block:32px;position:absolute;top:0;width:100%;z-index:4}.header.active{animation:headerActive .5s ease forwards;background-color:#fff;background-color:var(--white);box-shadow:0 10px 40px #0000000f;box-shadow:var(--shadow-2);position:fixed}@keyframes headerActive{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header .container,.navbar-top{align-items:center;display:flex;justify-content:space-between}.nav-close-btn,.nav-open-btn{font-size:32px}.navbar{background-color:#fff;background-color:var(--white);height:100vh;left:-320px;max-width:320px;padding:40px 16px;position:fixed;top:0;transition:.25s cubic-bezier(.51,.03,.64,.28);transition:.25s var(--cubic-in);visibility:hidden;width:100%;z-index:2}.navbar.active{transform:translateX(320px);transition:.5s cubic-bezier(.05,.83,.52,.97);transition:.5s var(--cubic-out);visibility:visible}.navbar-top{-webkit-margin-after:34px;margin-block-end:34px}.nav-close-btn ion-icon{--ionicon-stroke-width:35px}.navbar-item:not(:last-child){-webkit-border-after:1px solid #0000001a;-webkit-border-after:1px solid var(--black_10);border-block-end:1px solid #0000001a;border-block-end:1px solid var(--black_10)}.navbar-link{padding-block:8px;transition:.25s ease;transition:var(--transition)}.navbar-link:is(:hover,:focus-visible){color:#0c1327;color:var(--oxford-blue)}.overlay{background-color:#000;background-color:var(--black);height:100vh;left:0;opacity:0;position:fixed;top:0;transition:.25s ease;transition:var(--transition);visibility:hidden;width:100%}.overlay.active{opacity:.6;visibility:visible}.hero-banner{display:none}.hero{-webkit-padding-before:152px;-webkit-padding-before:calc(var(--pt, 96px) + var(--section-padding));padding-block-start:152px;padding-block-start:calc(var(--pt, 96px) + var(--section-padding))}.hero .title-md{-webkit-padding-start:16px;font-weight:500;font-weight:var(--fw-500);margin-block:24px 44px;padding-inline-start:16px}.hero .title-md:before{background-color:#2b3990;background-color:var(--light-coral);height:100%;left:0;top:0;width:2px}.hero .btn-group{display:flex;flex-wrap:wrap;gap:12px}.category .grid-list{padding-block:40px 52px}.category-card{-webkit-border-start:4px solid #0000;align-items:flex-start;border-inline-start:4px solid #0000;display:flex;gap:20px}.category-card:is(:hover,:focus-within){border-color:#2b3990;border-color:var(--light-coral)}.category-card .title-sm{-webkit-margin-before:4px;margin-block-start:4px}.category .btn{margin-inline:auto}.about .container{grid-gap:30px;display:grid;gap:30px}.about .section-text,.progress-list li:not(:last-child){-webkit-margin-after:32px;margin-block-end:32px}.progress-label-wrapper{-webkit-margin-after:8px;display:flex;justify-content:space-between;margin-block-end:8px}.progress-label-wrapper .title-sm{color:#0c1327;color:var(--oxford-blue);font-weight:var(-fw-600)}.progress{background-color:#7b7b8a1a;background-color:var(--roman-silver_10);border-radius:6px;border-radius:var(--radius-6);height:6px}.progress-fill{border-radius:inherit;height:100%}.progress-fill.red{background-color:#2b3990;background-color:var(--light-coral);width:86%}.progress-fill.green{background-color:#30c0af;background-color:var(--keppei);width:67%}.progress-fill.yellow{background-color:#ffbc1f;background-color:var(--selective-yellow);width:95%}.course .grid-list{padding-block:20px 44px}.course-card{-webkit-border-after:4px solid #0000;border-block-end:4px solid #0000;display:flex;flex-direction:column;gap:24px}.course-card:is(:hover,:focus-within){border-color:#2b3990;border-color:var(--light-coral)}.course-card .card-banner{background-color:#ccc;background-color:var(--light-gray);border-radius:4px;border-radius:var(--radius-4);height:160px;overflow:hidden}.course-card :is(.wrapper,.rating-wrapper){align-items:center;display:flex}.course-card .wrapper{gap:16px;justify-content:space-between}.course-card .card-price{color:#2b3990;color:var(--light-coral)}.course-card .rating-wrapper{gap:4px}.course-card .card-title{margin-block:8px 16px}.course-card .card-meta{justify-content:flex-start}.course-card .card-meta .title-sm{display:flex;gap:8px}.course .btn{margin-inline:auto}.cta{background-color:#30c0af;background-color:var(--keppei);padding:48px 24px;text-align:center}.cta .headline-md{color:#fff;color:var(--white)}.cta .btn{margin-inline:auto}.footer-top .container{grid-gap:24px;display:grid;gap:24px}.footer-text{margin-block:40px 32px}.social-list{display:flex;gap:16px}.footer-list-title{-webkit-margin-after:32px;margin-block-end:32px}.footer-link{-webkit-margin-before:16px;margin-block-start:16px}.footer-top .grid-list{gap:16px;grid-template-columns:repeat(3,1fr)}.footer-top .grid-list .img-cover{border-radius:6px;border-radius:var(--radius-6)}.footer-bottom{-webkit-border-before:1px solid #0000001a;-webkit-border-before:1px solid var(--black_10);border-block-start:1px solid #0000001a;border-block-start:1px solid var(--black_10);padding-block:32px;text-align:center}.footer-top .logo img{width:120px}.copyright{color:#555;font-weight:500;font-weight:var(--fw-500)}.card-container{container-type:inline-size}@container (min-width: 500px){.course-card{flex-direction:row}.course-card .card-banner{flex-shrink:0;width:160px}}@media (min-width:575px){.container{margin-inline:auto;max-width:640px;width:100%}.card{padding:32px}.footer-top .container{grid-template-columns:1fr 1fr}}@media (min-width:768px){:root{--headline-lg:6rem;--headline-md:3.8rem;--section-padding:80px}.container{max-width:768px}.logo img{width:200}.grid-list{grid-template-columns:1fr 1fr}.cta{padding-block:78px}}@media (min-width:992px){:root{--headline-lg:7.7rem;--headline-md:4.4rem;--section-padding:120px}.container{max-width:1024px}.btn{font-size:1.8rem;padding:16px 32px}.nav-open-btn,.navbar-top,.overlay{display:none}.navbar,.navbar.active{all:unset;display:block}.navbar-list{display:flex;gap:8px}.navbar-item:not(:last-child){-webkit-border-after:none;border-block-end:none}.navbar-link{padding:8px 16px}.header .btn{box-shadow:none;display:block}.grid-list{grid-template-columns:repeat(3,1fr)}.about .container,.course .grid-list{grid-template-columns:1fr 1fr}.course .grid-list{margin-block:40px 48px}.footer-top .container{grid-template-columns:1fr .5fr .5fr .8fr}.footer-brand{-webkit-padding-end:24px;padding-inline-end:24px}}@media (min-width:1200px){.container{max-width:1170px}.hero-banner{-webkit-margin-end:-14%;display:block;margin-inline-end:-14%;max-width:-webkit-max-content;max-width:max-content}.hero .container{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr .9fr}.hero .title-md{margin-block:40px 60px}.about .container{grid-template-columns:1fr .7fr}.cta{text-align:left}.cta .container{align-items:center;display:flex;justify-content:space-between}.cta .headline-md{max-width:22ch}.cta .btn{margin-inline:0}.footer .container{gap:48px}}.profile-card{background:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;margin:2rem auto;max-width:750px;overflow-y:auto;padding:2rem}.profile-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.profile-avatar{border-radius:50%;height:90px;object-fit:cover;width:90px}.profile-info{margin-bottom:1.5rem}.info-list{list-style:none;padding:0}.info-list li{color:#333;font-size:.95rem;margin-bottom:.5rem}.month-select{background-color:#fafafa;border:1px solid #ccc;border-radius:6px;font-size:.9rem;padding:.4rem .8rem}.mt-4{margin-top:1.5rem}.profile-card::-webkit-scrollbar{height:0;width:0}.profile-card{-ms-overflow-style:none;scrollbar-width:none}.assignment{overflow-y:scroll;padding-bottom:3rem;scrollbar-width:none}.assignment::-webkit-scrollbar{display:none}.assignment-card{background:#ffffffe6;border-radius:1rem;box-shadow:0 8px 20px #0000001a;margin-top:2rem;padding:2rem}.assignment-selectors{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:2rem}.selector label{display:block;font-weight:600;margin-bottom:.5rem}.assignment-select,.standard-select{background-color:#fff;border:1px solid #ddd;border-radius:.5rem;font-size:1rem;padding:.7rem 1rem;width:100%}.assignment-display{text-align:left}.assignment-info p{margin-bottom:.8rem}.admin-card{background:#fff;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;overflow-y:auto;padding:2rem}.admin-card::-webkit-scrollbar{display:none}.assignment-form{grid-gap:1rem 2rem;display:grid;gap:1rem 2rem;grid-template-columns:1fr 1fr}.assignment-form .form-group{display:flex;flex-direction:column}.assignment-form input,.assignment-form select,.assignment-form textarea{border:1px solid #ccc;border-radius:.5rem;font-size:1rem;padding:.7rem 1rem}.assignment-form textarea{height:100px;resize:none}.btn-table{background:#0000;border:none;color:#007bff;cursor:pointer;margin-right:8px}.btn-table.delete{color:#ff5252}.assignment-table{border-collapse:collapse;margin-top:1rem;width:100%}.assignment-table td,.assignment-table th{border:1px solid #ddd;padding:.75rem;text-align:left}.assignment-table th{background-color:#f8f8f8;font-weight:600}.admin-users,.user-profile{overflow-y:auto}.admin-users::-webkit-scrollbar,.user-profile::-webkit-scrollbar{display:none}.assignment-form,.profile-card form{grid-gap:1rem 2rem;display:grid;gap:1rem 2rem;grid-template-columns:1fr 1fr}.profile-card form .form-group{display:flex;flex-direction:column}.profile-card input{border:1px solid #ccc;border-radius:.5rem;font-size:1rem;padding:.7rem 1rem}.login-main{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-card{box-shadow:0 35px 65px -10px #0000000d;box-shadow:var(--shadow-1);max-width:420px;padding:32px;width:100%}.login-input-wrapper{margin-bottom:20px}.login-input-wrapper label{color:#151517}.login-input{border:1px solid #202021;border-radius:6px;border-radius:var(--radius-6);margin-top:8px;padding:12px;width:100%}.login-footer{margin-top:20px}.login-footer a{color:#2b3990;color:var(--light-coral);font-weight:600;font-weight:var(--fw-600)}.main-section{align-items:center;display:flex;justify-content:center;min-height:100vh}.card-container{box-shadow:0 35px 65px -10px #0000000d;box-shadow:var(--shadow-1);max-width:450px;padding:32px;width:100%}.card-headline{margin-bottom:20px}.card-subtitle{margin-bottom:30px}.form-group{margin-bottom:20px;position:relative}.form-group label{color:#151517}.form-input{border:1px solid #202021;border-radius:6px;border-radius:var(--radius-6);margin-top:8px;padding:12px 42px 12px 12px;width:100%}.password-toggle{align-items:center;color:#555;cursor:pointer;display:flex;position:absolute;right:12px;top:calc(50% + 15px);transform:translateY(-50%)}.register-btn{width:100%}.card-login-text{color:#333;margin-top:20px}.login-link{color:#2b3990;color:var(--light-coral);font-weight:600;font-weight:var(--fw-600)}.dashboard-home{padding:24px}.dashboard-title{font-size:26px;margin-bottom:24px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.dashboard-card{background:var(--admin-bg-body);border-radius:14px;box-shadow:0 10px 30px #0006;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{box-shadow:0 16px 40px #0000008c;transform:translateY(-4px)}.dashboard-card h2{color:var(--text-grey);font-size:18px;margin-bottom:6px}.dashboard-card p{color:var(--dash-muted);font-size:14px;margin-bottom:16px;opacity:.8}.card-actions{display:flex;gap:10px}.card-actions button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 10px;transition:background .2s ease}.card-actions button:hover{background:#1d4ed8}:root{--loader-bg:#202021;--loader-ring:#fff3;--loader-accent:#22baa0;--loader-text:#e5e7eb}.theme-light{--loader-bg:#f4f6f8;--loader-ring:#00000026;--loader-accent:#2563eb;--loader-text:#111827}.circle-loader-page{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;z-index:9999}.circle-loader{animation:spin .9s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#22baa0;border:4px solid var(--loader-ring);border-top-color:var(--loader-accent);height:56px;width:56px}.circle-loader-text{color:#e5e7eb;color:var(--loader-text);font-size:14px;letter-spacing:.3px;margin-top:14px}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.circle-loader{animation:none}}:root{--admin-bg-body:#202021;--admin-content-color:#151517;--admin-primary-color:#414142;--admin-primary-red-color:#6b4b4b;--admin-primary-blue-color:#5f6f7e;--admin-primary-hover-color:#9ea1a6;--admin-scrollbar-color:#8387c166;--admin-card-bg-color:#e6e7f71a;--admin-pop-bg-color:#f5f7ffe6;--admin-star-color:#ddcc14;--admin-border-color:#8387c166;--admin-shadow-color:#0000000d;--admin-accent-color:#c22169;--main-color:#22baa0;--color-dark:#34425a;--admin-h1:#e0e0e0;--dash-bg:#202021;--dash-text:#e5e7eb;--dash-muted:#9ca3af;--dash-select-bg:#020617;--dash-select-text:#e5e7eb;--dash-select-border:#334155;--dash-tab-bg:#1e293b;--dash-tab-border:#334155;--dash-tab-active-bg:#2563eb;--dash-tab-active-text:#fff;--admin-text-primary:#e5e7eb;--admin-text-muted:#9ca3af;--admin-text-drag:#cbd5f5;--modal-bg:#0f172a;--modal-text:#e5e7eb}.theme-light{--admin-bg-body:#f4f6f8;--admin-content-color:#fff;--admin-primary-color:#abc8e4;--admin-primary-red-color:#fee2e2;--admin-primary-blue-color:#abc8e4;--admin-primary-hover-color:#cfd6de;--admin-scrollbar-color:#00000026;--admin-card-bg-color:#fff;--admin-pop-bg-color:#fffffff2;--admin-star-color:#ffb703;--admin-border-color:#dcdcdc;--admin-shadow-color:#00000014;--admin-accent-color:#3f51b5;--main-color:#22baa0;--color-dark:#1e293b;--admin-h1:#202021;--dash-bg:#f7f7f7;--dash-text:#111827;--dash-muted:#6b7280;--dash-select-bg:#020617;--dash-select-text:#f9fafb;--dash-select-border:#1e293b;--dash-tab-bg:#e5e7eb;--dash-tab-border:#d1d5db;--dash-tab-active-bg:#111827;--dash-tab-active-text:#fff;--admin-text-primary:#111827;--admin-text-muted:#6b7280;--admin-text-drag:#4b5563;--modal-bg:#fff;--modal-text:#1f2937}*{transition:background-color .25s ease,color .25s ease}.admin-body{background-color:#202021;background-color:var(--admin-bg-body);height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100%}nav{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none}ul,ul li{list-style:none;outline:0}ul li a{text-decoration:none}.tables-all-data{background-color:#151517;background-color:var(--admin-content-color)}.admin-cont{display:none}.admin-active-cont{display:block}.searchs-header-component{align-items:center;background-color:#202021;background-color:var(--admin-bg-body);box-shadow:0 4px 2px -2px #151517;box-shadow:0 4px 2px -2px var(--admin-content-color);display:flex;height:50px;justify-content:flex-end;left:0;overflow:hidden;position:absolute;top:0;width:100%}.searchs-header-component div{align-items:center;display:flex;height:100%;justify-content:center;margin-right:20px}.searchs-header-component div p{color:#f8f8f8;color:var(--text-grey);line-height:50px;margin:0;padding:0 10px;text-align:center}.main-menu{background-color:#202021;background-color:var(--admin-bg-body);display:flex;flex-direction:column;font-family:inherit;height:100%;justify-content:space-between;left:0;overflow:hidden;padding:12px 0 10px;position:fixed;top:20px;width:180px}.nav-item{display:block}.nav-item-box{margin-top:20px}.lower-nav-box{margin-bottom:50px}.nav-item .tabs-bar{align-items:center;border-bottom-left-radius:5px;border-top-left-radius:5px;display:flex;font-size:16px;justify-content:center;padding:12px 0}.nav-icon,.nav-item .tabs-bar{color:#f8f8f8;color:var(--text-grey)}.nav-icon{font-size:21px;padding-right:10px}.nav-item.active .tabs-bar{background:#414142;background:var(--admin-primary-color);box-shadow:0 1px 4px var(--shadow-color);text-decoration:none}.nav-text{align-items:center;display:block;letter-spacing:0;width:70px}.admin-main-content{background-color:#151517;background-color:var(--admin-content-color);margin-left:180px;margin-top:50px;min-height:100vh;overflow:hidden;padding:0 20px;width:calc(100% - 180px)}@media (max-width:1500px){.main-menu{width:100px}.user-info img{padding:12px}.user-info p{line-height:1.1;margin:-5px 0 30px}.nav-text{display:none}.admin-main-content{margin-left:100px;width:calc(100% - 100px)}}@media (max-width:760px){.main-menu{width:70px}.user-info img{max-width:80px}.user-info p{line-height:1.1;margin:-10px 0 30px}.nav-item a{padding:8px 0}.admin-main-content{margin-left:70px;width:calc(100% - 70px)}}@media (max-width:400px){.main-menu{width:60px}.user-info{padding:0}.nav-icon{font-size:.9rem}.admin-main-content{margin-left:60px;padding:0;width:calc(100% - 60px)}}#menu-toggle:checked~.admin-sidebar .admin-side-header span{display:none}.admin-page-header{background-color:#151517;background-color:var(--admin-content-color);border-bottom:1px solid #74767d;padding:1.3rem 1rem}.admin-page-header h1,.admin-page-header small{color:#e0e0e0;color:var(--admin-h1)}.page-content{padding:1.3rem 1rem}.records{background:#151517;background:var(--admin-content-color);border-radius:3px;box-shadow:0 5px 5px -5px #0000001a;height:100vh;overflow:hidden;scrollbar-width:none}.records::-webkit-scrollbar{background-color:#22baa0;height:0;width:0}.record-header{justify-content:space-between;padding:1rem}.admin-add,.browse,.record-header{align-items:center;display:flex}.admin-add span{color:#666;display:inline-block;font-size:.9rem;margin-right:.6rem}button,input,select{outline:none}.admin-add select,.browse input,.browse select{border:1px solid #b0b0b0;border-radius:3px;color:#666;display:inline-block;height:35px;margin-right:.8rem;padding:0 .5rem;width:75px}.admin-add button{background:#22baa0;background:var(--main-color);border:none;border-radius:4px;color:#fff;font-weight:600;height:37px;padding:0 1rem}.browse input{width:150px}.browse select{width:100px}.table-responsive{overflow:auto;width:100%}.mg-top{margin-top:1rem}table.dataTable{background-color:#2c2c2c;color:#fff}table.dataTable thead{background-color:#444;color:#fff}table.dataTable tbody tr{background-color:#2c2c2c}table.dataTable tbody tr:nth-child(2n){background-color:#3d3d3d}table.dataTable tbody tr:hover{background-color:#505050}table.dataTable tbody td,table.dataTable thead th{border-bottom:1px solid #555}.dataTables_wrapper .dataTables_paginate .paginate_button{background-color:#444;border:none;color:#fff!important}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background-color:#666}.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{background-color:#2c2c2c;border:1px solid #555;color:#fff}.display::-webkit-scrollbar{display:none}.display{-ms-overflow-style:none;scrollbar-width:10px}.second-main-y-scoll{height:800px;overflow:hidden;overflow-y:scroll;scrollbar-width:5px}.second-main-y-scoll::-webkit-scrollbar{background-color:#22baa0;height:50px;width:2px}.theme-switch{background:#0000;border:none;cursor:pointer;padding:0}.theme-switch-track{background-color:#414142;background-color:var(--admin-primary-color);border-radius:999px;height:24px;position:relative;transition:background-color .25s ease;width:46px}.theme-switch-thumb{align-items:center;background-color:#f8f8f8;background-color:var(--text-grey);border-radius:50%;display:flex;height:20px;justify-content:center;left:2px;position:absolute;top:2px;transition:transform .25s ease,background-color .25s ease;width:20px}.theme-switch-icon{color:#151517;color:var(--admin-content-color);font-size:.8rem}.theme-switch.dark .theme-switch-thumb{transform:translateX(22px)}.theme-switch:hover .theme-switch-track{background-color:#9ea1a6;background-color:var(--admin-primary-hover-color)}.dashboard-time{font-weight:600}.admin-list-items strong,.dashboard-time{color:#f8f8f8;color:var(--text-grey)}.dashboardWrapper{color:#e5e7eb;color:var(--dash-text);height:100%;padding:16px 24px}.dashboardWrapper,.fixed-pannel{background:#202021;background:var(--dash-bg)}.fixed-pannel{border-bottom:1px solid #1e293b;padding:12px 16px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.fixed-panel-close{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:18px;position:absolute;right:12px;top:10px}.fixed-panel-close:hover{color:#ef4444}.fixed-panel-toggle-wrapper{background:#202021;background:var(--dash-bg);display:flex;justify-content:center;padding:8px 0;position:-webkit-sticky;position:sticky;top:0;z-index:19}.fixed-panel-toggle{background:#020617;border:1px solid #1e293b;border-radius:999px;color:#e5e7eb;cursor:pointer;font-size:13px;padding:6px 14px}.fixed-panel-toggle:hover{background:#020617;border-color:#3b82f6;color:#3b82f6}.day-header{margin-bottom:16px}.dashboard-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.dashboard-select{background:#020617;background:var(--dash-select-bg);border:1px solid #334155;border:1px solid var(--dash-select-border);border-radius:8px;color:#e5e7eb;color:var(--dash-select-text);min-width:160px;padding:8px 12px}.dashboard-title{color:#e5e7eb;color:var(--dash-text);font-size:22px;font-weight:600;margin-bottom:12px}@media (max-width:1024px){.dashboard-select{min-width:140px;padding:8px 10px}.dashboard-title{font-size:20px}}@media (max-width:640px){.dashboard-filters{align-items:stretch;flex-direction:column;gap:10px}.dashboard-select{min-width:0;min-width:auto;padding:10px 12px;width:100%}.dashboard-title{font-size:18px;margin-bottom:10px}}@media (max-width:400px){.dashboard-title{font-size:16px}.dashboard-select{font-size:14px;padding:10px}}.teachersSection{margin-bottom:20px}.teachersPanel{background-color:#151517;background-color:var(--admin-content-color)}.sectionTitle{color:#9ca3af;color:var(--dash-muted);font-size:16px;font-weight:600;margin-bottom:10px}.dayTabs{align-items:center;display:flex;gap:8px;margin-bottom:12px;padding-top:10px}.allowed-count span{display:inline-block;font-size:20px;padding-left:3px}.dayTab{background:#1e293b;background:var(--dash-tab-bg);border:1px solid #334155;border:1px solid var(--dash-tab-border);border-radius:4px;color:#e5e7eb;color:var(--dash-text);cursor:pointer;font-size:13px;padding:6px 14px}.activeTab{background:#2563eb;background:var(--dash-tab-active-bg);color:#fff;color:var(--dash-tab-active-text)}.dayTabs-scrollBtnInd{display:flex;gap:8px;margin-left:auto}.timeline{display:flex;flex-direction:column;gap:12px;margin-top:20px}.slot-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:160px 1fr}.time{color:#9ca3af;color:var(--dash-muted);font-weight:600}.content{display:flex;flex-wrap:wrap;gap:8px}.assigned{font-size:14px}.assigned,.break,.unassigned{border-radius:10px;padding:6px 12px}.capacity{margin:16px 0}.bar{background:#e5e7eb;border-radius:10px;height:8px;margin-top:6px;overflow:hidden}.fill{background:#16a34a;height:100%}.assigned,.break,.unassigned{border-radius:10px;font-size:14px;line-height:1.2;padding:6px 12px;white-space:nowrap}.assigned{background:#2563eb;color:#fff}.unassigned{border:2px dashed #9ca3af;color:#6b7280}.break{background:#e5e7eb;color:#374151}@media (max-width:1024px){.slot-row{gap:10px;grid-template-columns:140px 1fr}.assigned,.break,.unassigned{font-size:13.5px;padding:6px 10px}}@media (max-width:640px){.slot-row{gap:6px;grid-template-columns:1fr}.time{color:#e5e7eb;color:var(--dash-text);font-size:14px}.content{gap:6px}.assigned,.break,.unassigned{border-radius:8px;font-size:13px;padding:6px 10px}}@media (max-width:400px){.assigned,.break,.unassigned{font-size:12px;padding:5px 8px}}.tableWrapper{background:#202021;background:var(--admin-bg-body)}.headerRow{border-bottom:1px solid #151517;border-bottom:1px solid var(--admin-content-color)}.timeHeader{background-color:#414142;background-color:var(--admin-primary-color);border-right:1px solid #151517;border-right:1px solid var(--admin-content-color)}.batchHeader{background-color:#151517;background-color:var(--admin-content-color);border-right:1px solid #414142;border-right:1px solid var(--admin-primary-color)}.dataRow,.headerRow{border-bottom:1px solid #151517;border-bottom:1px solid var(--admin-content-color)}.cell{background:#202021;background:var(--admin-bg-body);border-right:1px solid #e5e7eb}.cell-text{overflow:hidden;text-overflow:ellipsis;transition:all .15s ease;white-space:nowrap}.cell-filled .cell-text{color:#e5e7eb;color:var(--admin-text-primary);font-size:12.5px;font-weight:500;letter-spacing:.2px}.cell-empty .cell-text{color:#9ca3af;color:var(--admin-text-muted);font-size:13px;font-weight:600}.cell-drag-over.cell-empty .cell-text{color:#cbd5f5;color:var(--admin-text-drag)}.cell-duplicate .cell-text{color:red;font-weight:600}.breakRow{background:#414142;background:var(--admin-primary-color)}.timeLabel{color:#f8f8f8;color:var(--text-grey)}.admin-users-page{padding:24px}.admin-users-page h2{color:#f8f8f8;color:var(--text-grey);padding-bottom:10px}.admin-users-table{border-collapse:collapse;width:100%}.admin-users-table td,.admin-users-table th{border:1px solid #202021;border:1px solid var(--admin-bg-body);padding:10px;text-align:center}.admin-users-table th{background:#414142;background:var(--admin-primary-color)}.admin-users-table td,.admin-users-table th{color:#f8f8f8;color:var(--text-grey)}.danger-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 10px}.modalOverlay{background:#0000008c;padding:16px;z-index:9999}.modalCard{animation:scaleIn .18s ease-out;background:#0f172a;background:var(--modal-bg);border-radius:14px;box-shadow:0 20px 40px #00000059;color:#e5e7eb;color:var(--modal-text);max-width:420px;padding:24px;position:relative;width:100%}.modalClose{background:#0000;border:none;color:inherit;cursor:pointer;font-size:20px;position:absolute;right:14px;top:14px}.modalRow{display:flex;font-size:15px;justify-content:space-between;margin-top:14px}@media (max-width:640px){.modalOverlay{align-items:flex-end}.modalCard{animation:slideUp .22s ease-out;border-radius:16px 16px 0 0;max-height:85vh;max-width:100%;overflow-y:auto;padding:20px;width:100%}.modalClose{font-size:22px;right:12px;top:12px}.modalRow{flex-direction:column;font-size:14px;gap:6px}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.role-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase}.role-reader{background:#ef444426;border:1px solid #ef444466;color:red}.role-editor{background:#eab3082e;border:1px solid #eab30873;color:#eab308}.role-admin{background:#22c55e2e;border:1px solid #22c55e73;color:#22c55e}.exportBar{justify-content:space-between;margin:16px 0 0}.exportBar,.exportBar div{display:flex;flex-wrap:wrap}.exportBar div{gap:10px;margin:16px 0 24px}.exportBtn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;letter-spacing:.3px;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.exportBtn:hover{opacity:.95;transform:translateY(-1px)}.exportBtn:active{transform:scale(.97)}.exportBtn.excel{background:linear-gradient(135deg,#16a34a,#15803d)}.exportBtn.pdf{background:linear-gradient(135deg,#dc2626,#b91c1c)}.exportBtn.word{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.exportBtn.whatsapp{background:linear-gradient(135deg,#22c55e,#16a34a)}.exportBtn.share{background:linear-gradient(135deg,#64748b,#475569)}.scrollHorizontalBtn{align-items:center;background:#151517;background:var(--admin-content-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;letter-spacing:.3px;padding:10px 14px;transition:all .2s ease;white-space:nowrap}.scrollHorizontalBtn:hover{opacity:.95;transform:translateY(-1px)}.scrollHorizontalBtn:active{transform:scale(.97)}.theme-light .exportBtn{color:#fff}@media (max-width:640px){.exportBar,.exportBtn{justify-content:center}.exportBtn{flex:1 1 48%;font-size:13px;padding:10px}}@media (max-width:420px){.exportBtn{flex:1 1 100%}}.teacher-form-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1.2fr}.teacher-left,.teacher-right{background:#020617;border:1px solid #1e293b;border-radius:12px;padding:20px}.section-title{color:#e5e7eb;font-size:15px;font-weight:600;margin-bottom:14px}.grid{display:grid;grid-template-columns:100px repeat(auto-fit,minmax(220px,1fr));height:100vh}.batch-col{border-left:1px solid #2e2e2e;padding:8px}.batch-header{font-weight:600;margin-bottom:8px}.cell{background:#1f2937;border-radius:8px;color:#fff;margin-bottom:8px}.drop-btn{margin-top:6px;width:100%}.cell-time-row{align-items:flex-start;display:inline-flex;gap:8px;margin-top:4px;position:relative}.cell-time{font-size:12px;line-height:1.2;opacity:.85;white-space:nowrap}.timetable-timeEditBtn{align-items:center;background:#0000;border:none;color:#e5e7eb;cursor:pointer;display:flex}.timetable-timeEditBtn .class-edit-icon{color:#f8f8f8;color:var(--text-grey);position:relative;top:0}.timetable-timeEditBtn:hover{color:#38bdf8}.teacher-day,.teacher-meta,.teacher-name{color:#f8f8f8;color:var(--text-grey)}.notification-modal,.teacher-card{background:#202021;background:var(--admin-bg-body)}#toast-container{bottom:24px;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none;position:fixed;right:100px;z-index:99999}.toast{animation:slideIn .3s ease;border-radius:10px;font-weight:600;min-width:260px;padding:12px 18px;pointer-events:auto}.toast-min{background:#facc15;color:#000}.toast-max{background:#ef4444;color:#fff}.toast-exceed{background:#b91c1c;border-left:6px solid #7f1d1d;color:#fff}.toast-exit{opacity:0;transform:translateY(10px);transition:all .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}}.work-toggle-track{transition:background .25s ease}.work-toggle-thumb{background:#e5e7eb;color:#020617;top:2px;transition:transform .25s ease,background .25s ease}.work-toggle.on .work-toggle-thumb{background:#020617;color:#22c55e}.work-toggle:hover .work-toggle-track{filter:brightness(1.1)}.ttw-wrapper{display:flex;flex-direction:column;gap:10px}.ttw-toggle-btn{align-self:flex-start;background:#020617;border:1px solid #334155;border-radius:10px;color:#e5e7eb;cursor:pointer;font-size:13px;padding:8px 14px}.ttw-toggle-btn:hover{background:#020617;border-color:#475569}.ttw-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ttw-close-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:18px;padding:4px}.ttw-close-btn:hover{color:#f87171}.ttw-panel{background:#151517;background:var(--admin-content-color);border:1px solid #1e293b;border-radius:14px;color:#e5e7eb;padding:18px}.ttw-title{color:#f1f5f9;font-size:15px;font-weight:600;letter-spacing:.3px;margin-bottom:14px}.ttw-save-row{align-items:center;display:flex;gap:10px;margin-bottom:16px}.ttw-input{background:linear-gradient(180deg,#020617,#020617);border:1px solid #334155;border-radius:10px;color:#e5e7eb;flex:1 1;font-size:13.5px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease}.ttw-input::placeholder{color:#b7c9e2}.ttw-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40;outline:none}.ttw-btn{border-radius:10px;font-size:12.5px;font-weight:500;padding:9px 14px;transition:background .15s ease,transform .05s ease}.ttw-btn:active{transform:translateY(1px)}.ttw-btn-primary{background:#2563eb;color:#fff}.ttw-btn-primary:hover{background:#1d4ed8}.ttw-btn-secondary{background:#475569;color:#fff}.ttw-btn-secondary:hover{background:#334155}.ttw-btn-open{background:#16a34a;color:#fff}.ttw-btn-open:hover{background:#15803d}.ttw-btn-danger{background:#dc2626;color:#fff}.ttw-btn-danger:hover{background:#b91c1c}.ttw-week-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:0 4px 0 0}.ttw-week-list::-webkit-scrollbar{width:6px}.ttw-week-list::-webkit-scrollbar-track{background:#0000}.ttw-week-list::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.ttw-week-list::-webkit-scrollbar-thumb:hover{background:#475569}.ttw-week-item{align-items:center;background:#202021;background:var(--admin-bg-body);border:1px solid #1e293b;border-radius:12px;display:flex;justify-content:space-between;padding:10px 12px;transition:border-color .15s ease,background .15s ease}.ttw-week-item:hover{background:#020617;border-color:#334155}.ttw-week-active{background:#2563eb26;border-color:#2563eb}.ttw-week-title{color:#f8f8f8;color:var(--text-grey);font-size:13.5px;font-weight:500}.ttw-week-actions{display:flex;gap:6px}:root{--crud-bg:var(--admin-content-color);--crud-title:#f9fafb;--crud-text:#e5e7eb;--crud-muted:#9ca3af;--text-grey:#f8f8f8;--crud-card-bg:linear-gradient(180deg,#111827,#0f172a);--crud-card-border:#ffffff0f;--crud-card-shadow:0 10px 24px #0006;--crud-link:#60a5fa;--crud-btn:linear-gradient(135deg,#2563eb,#1d4ed8);--crud-btn-hover:linear-gradient(135deg,#3b82f6,#2563eb);--crud-modal-bg:#fff;--crud-modal-body:#f9fafb;--crud-modal-text:#020617;--crud-input-bg:#fff;--crud-input-text:#111827;--crud-input-border:#555}.theme-light{--crud-bg:#f4f6f8;--crud-title:#020617;--crud-text:#111827;--crud-muted:#6b7280;--crud-card-bg:#fff;--crud-card-border:#e5e7eb;--crud-card-shadow:0 8px 20px #00000014;--crud-link:#2563eb;--crud-btn:linear-gradient(135deg,#2563eb,#1d4ed8);--crud-btn-hover:linear-gradient(135deg,#1d4ed8,#1e40af);--crud-modal-bg:#fff;--crud-modal-body:#fff;--crud-modal-text:#020617;--crud-input-bg:#fff;--crud-input-text:#020617;--crud-input-border:#cbd5f5;--text-grey:#202021}.CRUD-dashboard{background:var(--admin-content-color);background:var(--crud-bg);color:#e5e7eb;color:var(--crud-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;min-height:100vh;padding:24px}.CRUD-title{color:#f9fafb;color:var(--crud-title);font-size:26px;font-weight:600;margin-bottom:24px}.CRUD-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.CRUD-card{background:linear-gradient(180deg,#111827,#0f172a);background:var(--crud-card-bg);border:1px solid #ffffff0f;border:1px solid var(--crud-card-border);border-radius:14px;box-shadow:0 10px 24px #0006;box-shadow:var(--crud-card-shadow);padding:18px;transition:transform .2s ease,box-shadow .2s ease}@media (hover:hover){.CRUD-card:hover{box-shadow:0 14px 28px #0009;transform:translateY(-2px)}}.CRUD-card-title{color:#f9fafb;color:var(--crud-title);font-size:18px;margin-bottom:6px}.CRUD-card-desc{color:#9ca3af;color:var(--crud-muted);font-size:14px;line-height:1.4;margin-bottom:14px}@media (max-width:1024px){.CRUD-card{border-radius:12px;padding:16px}.CRUD-card-title{font-size:17px}.CRUD-card-desc{font-size:13.5px}}@media (max-width:640px){.CRUD-card{border-radius:12px;padding:14px}.CRUD-card-title{font-size:16px;margin-bottom:4px}.CRUD-card-desc{font-size:13px;line-height:1.5;margin-bottom:10px}}@media (max-width:400px){.CRUD-card{border-radius:10px;padding:12px}.CRUD-card-title{font-size:15px}.CRUD-card-desc{font-size:12.5px}}.CRUD-link{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:14px;margin-bottom:12px;padding:0;text-align:left}.CRUD-link:hover{text-decoration:underline}.CRUD-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 16px;transition:background .2s ease,transform .15s ease}.CRUD-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-1px)}.CRUD-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.CRUD-modal{animation:CRUD-fade-in .2s ease;background:#fff;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 30px 60px #000000e6;min-width:440px}@keyframes CRUD-fade-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.CRUD-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:16px 18px}.CRUD-modal-header h2{color:#020617;font-size:18px;font-weight:600}.CRUD-close{background:none;border:none;color:#0f172a;cursor:pointer;font-size:20px}.CRUD-close:hover{color:#1d4ed8}.CRUD-modal-body{background:#f9fafb;border-radius:0 0 14px 14px;padding:20px}.CRUD-form{gap:14px}.CRUD-field,.CRUD-form{display:flex;flex-direction:column}.CRUD-field{gap:6px}.CRUD-label{color:#0f172a;font-size:13px}.CRUD-input{background:#fff;border:2px solid #555;border-radius:10px;color:#111827;font-size:16px;padding:14px 16px}.CRUD-input::placeholder{color:#555;font-size:15px}.CRUD-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb40}.time-slot-box{align-items:center;display:flex;gap:8px}.time-input{font-size:15px;width:90px}.meridiem-select,.time-input{border:2px solid #555;border-radius:8px;padding:12px}.meridiem-select{font-size:14px}.positions-hint{color:#6b7280;font-size:13px;margin-top:6px}.time-dash{color:#6b7280;font-size:18px;padding:0 4px}@media (max-width:640px){.time-slot-box{flex-wrap:wrap;gap:10px}.time-input{flex:1 1 120px;font-size:14px;padding:10px;width:100%}.meridiem-select{font-size:13px;padding:10px}.time-dash{display:none}.positions-hint{font-size:12px}}.CRUD-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.CRUD-btn-secondary{background:#0000;border:1px solid #2563eb;border-radius:8px;color:#f8f8f8;color:var(--text-grey);cursor:pointer;padding:10px 14px}.CRUD-btn-secondary:hover{background:#020617}@media (max-width:480px){.CRUD-modal{width:92%}}.teacher-container-form{display:flex;gap:20px;width:100%}.teacher-input-box-1{min-width:440px}.teacher-input-box-1,.teacher-input-box-2{display:flex;flex-direction:column}.teacher-input-box-1,.teacher-input-box-2{height:calc(100vh - 200px);overflow-y:auto}.teacher-input-box-1::-webkit-scrollbar{width:8px}.teacher-input-box-1::-webkit-scrollbar-track{background:#0000;margin:6px 10px}.teacher-input-box-1::-webkit-scrollbar-thumb{background:#eee;background-clip:content-box;border:2px solid #0000;border-radius:10px}.teacher-input-box-1::-webkit-scrollbar-thumb:hover{background:#999}.teacher-input-box-2::-webkit-scrollbar{width:8px}.teacher-input-box-2::-webkit-scrollbar-track{background:#0000;margin:6px 0}.teacher-input-box-2::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#475569,#334155);background-clip:content-box;border:2px solid #0000;border-radius:10px}.teacher-input-box-2::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748b,#475569)}.stepper-btn{background:#020617;border:1px solid #1e293b;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;height:32px;width:32px}.stepper-value{color:#020617;min-width:32px}.teacher-card{border:1px solid #ffffff0f;border:1px solid var(--crud-card-border);border-radius:14px;margin-bottom:14px;padding:16px}.teacher-header{align-items:flex-start;display:flex;justify-content:space-between}.teacher-name{align-items:center;display:flex;flex-direction:row;font-size:20px;font-weight:600;gap:10px}.teacher-meta{font-size:13px}.teacher-actions{display:flex;gap:8px}.teacher-days{border-top:1px solid #ffffff14;margin-top:12px}.teacher-day{display:flex;justify-content:space-between;padding:10px 0}.day-meta{font-size:13px}.day-delete{background:#f8f8f8;background:var(--text-grey);border:none;border-radius:20px;color:red;cursor:pointer;font-weight:700;height:40px;width:40px}.teacher-crud-form{display:flex;flex-direction:column;gap:16px}.teacher-form-container{display:flex;gap:24px;width:100%}.teacher-form-left{display:flex;flex:1.3 1;flex-direction:column;gap:14px}.teacher-form-left,.teacher-form-right{flex:1 1;max-height:calc(100vh - 260px);overflow-y:auto;padding-right:6px}.teacher-form-right::-webkit-scrollbar{width:6px}.teacher-form-right::-webkit-scrollbar-thumb{background:#475569;border-radius:6px}.teacher-slot-preview-list{list-style:none;margin:0;padding:0}.teacher-slot-preview-list li{background:linear-gradient(180deg,#020617,#020617);border:1px solid #1e293b;border-radius:8px;color:#e5e7eb;font-size:14px;margin-bottom:8px;padding:10px 12px}.teacher-form-actions{display:flex;justify-content:flex-end;margin-top:10px}@media (max-width:900px){.teacher-form-container{flex-direction:column}.teacher-form-right{max-height:260px}}.teacher-day-card{background:linear-gradient(180deg,azure,#e5e4e2);border:1px solid #1e293b;border-radius:14px;display:flex;gap:20px;justify-content:space-between;margin-bottom:14px;padding:14px}.teacher-day-left{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr}.teacher-day-right{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:80px}.teacher-day-delete{align-items:center;background:#f72829;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.teacher-day-delete:hover{background:#991b1b}.teacher-toggle{align-items:center;color:#cbd5f5;display:flex;flex-direction:column;font-size:12px;gap:6px}.teacher-switch{height:22px;position:relative;width:42px}.teacher-switch input{height:0;opacity:0;width:0}.teacher-slider{background-color:#334155;border-radius:999px;inset:0;position:absolute;transition:.2s}.teacher-slider:before{background-color:#fff;border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:.2s;width:18px}.teacher-switch input:checked+.teacher-slider{background-color:#2563eb}.teacher-switch input:checked+.teacher-slider:before{transform:translateX(20px)}@media (max-width:640px){.teacher-day-card{flex-direction:column}.teacher-day-right{flex-direction:row;justify-content:space-between;width:100%}}.teacher-batch-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.teacher-batches{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:repeat(4,-webkit-max-content);grid-template-columns:repeat(4,max-content)}.teacher-batch-chip{align-items:center;background:linear-gradient(180deg,#020617,#020617);border:1px solid #1e293b;border-radius:999px;color:#e5e7eb;display:inline-flex;flex-shrink:0;font-size:13px;gap:8px;justify-content:space-between;padding:6px 10px;white-space:nowrap}.teacher-batch-meta{color:#3b82f6}.selected-chips{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.batch-limit-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:12px}@media (max-width:640px){.batch-limit-list{grid-template-columns:1fr}}.batch-limit-card{grid-row-gap:14px;grid-column-gap:12px;background:linear-gradient(180deg,#0f172a,#020617);border:1px solid #1e293b;border-radius:14px;box-shadow:0 10px 28px #00000073;column-gap:12px;display:grid;grid-template-columns:1fr auto;padding:16px;position:relative;row-gap:14px}.batch-title{color:#e5e7eb;font-size:15px;grid-column:1/-1;letter-spacing:.3px}.lecture-stepper{align-items:center;background:#020617;border:1px solid #1e293b;border-radius:10px;display:flex;gap:8px;padding:6px 10px}.lecture-stepper span:first-child{color:#94a3b8;font-size:13px;font-weight:500;width:34px}.stepper-value{color:#f8fafc;font-weight:600;min-width:24px;text-align:center}.lecture-stepper button{background:#1e293b;border:none;border-radius:6px;color:#e5e7eb;cursor:pointer;font-size:16px;font-weight:600;height:26px;transition:background .15s ease,transform .1s ease;width:26px}.lecture-stepper button:hover{background:#334155}.lecture-stepper button:active{transform:scale(.95)}.remove-batch{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px;transition:color .15s ease,transform .1s ease}.remove-batch:hover{color:#ef4444;transform:scale(1.1)}.chip{align-items:center;background:linear-gradient(135deg,#1e293b,#020617);border:1px solid #1e293b;border-radius:999px;box-shadow:0 4px 10px #00000059;color:#e5e7eb;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:space-between;padding:6px 10px;transition:transform .15s ease,box-shadow .15s ease}.chip:hover{box-shadow:0 6px 14px #00000073;transform:translateY(-1px)}.chip button{align-items:center;background:#fff;border:none;border-radius:50%;color:red;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;transition:background .15s ease,color .15s ease,transform .15s ease;width:18px}.chip button:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.chip button:active{transform:scale(.95)}.teacher-batch-name{white-space:nowrap}.teacher-batch-remove{background:none;border:none;color:red;cursor:pointer;font-size:14px;line-height:1;padding:0}.teacher-batch-remove:hover{color:#ef4444}.teacher-manage-modal{background:#fff;border-radius:14px;display:flex;flex-direction:column;height:92vh;max-height:92vh;max-width:1200px;width:92vw}.teacher-modal-header{flex-shrink:0}.teacher-modal-body{flex:1 1;overflow-y:auto;padding-right:6px}.modalActions{border-top:1px solid #e5e7eb;flex-shrink:0;padding-top:12px}.modalActions .add-selected-button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:6px 14px}.teacher-modal-body::-webkit-scrollbar{width:8px}.teacher-modal-body::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:10px}.teacher-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tmv2-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9000}.tmv2-container{background:#0f172a;border-radius:16px;color:#e5e7eb;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:900px}.tmv2-header{align-items:center;border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;padding:16px 20px}.tmv2-header-actions{align-items:center;display:flex;gap:10px}.tmv2-header-actions button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:6px 14px}.tmv2-close{cursor:pointer;font-size:20px}.tmv2-body{overflow-y:auto;padding:20px}.tmv2-body::-webkit-scrollbar{width:6px}.tmv2-body::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:6px}.tmv2-field{display:flex;flex-direction:column;margin-bottom:14px}.tmv2-field input{background:#020617;border:none;border-radius:8px;color:#fff;padding:10px}.tmv2-stepper{justify-content:space-between;margin-bottom:14px}.tmv2-stepper div{display:flex;gap:10px}.tmv2-stepper button{border:none;border-radius:6px;cursor:pointer;height:32px;width:32px}.tmv2-day-card{grid-gap:10px;background:#020617;border-radius:10px;display:grid;gap:10px;grid-template-columns:1fr 2fr 80px auto auto;margin-bottom:10px;padding:10px}.tmv2-checkbox{align-items:center;display:flex;gap:6px}.tmv2-footer{border-top:1px solid #1e293b;display:flex;gap:10px;justify-content:flex-end;padding:14px 20px}.tmv2-popup-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.tmv2-popup-box{background:#020617;border-radius:16px;max-height:80vh;overflow-y:auto;padding:20px;position:relative;width:600px}.tmv2-popup-box::-webkit-scrollbar{width:6px}.tmv2-popup-box::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:6px}.tmv2-popup-close{cursor:pointer;font-size:18px;position:absolute;right:14px;top:10px}.teacher-add-batches{color:#fff;display:flex;flex-direction:column;gap:10}.batch-select-controls{align-items:center;display:flex;gap:10px;margin-bottom:12px}.batch-select-info{color:#f8f8f8;color:var(--text-grey);font-size:13px;opacity:.7}.batch-view-row{display:flex;justify-content:space-between}.inner-batch-view-row{display:flex}.row-actions{display:flex;gap:20}.batch-edit-card{grid-gap:14px;animation:fadeIn .18s ease-out;background:linear-gradient(180deg,#0f172a,#020617);border:1px solid #1e293b;border-radius:16px;box-shadow:0 12px 30px #00000073;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);padding:18px}.batch-edit-card>:first-child,.batch-edit-card>:nth-child(2){grid-column:1/-1}.batch-edit-card .CRUD-input{width:100%}.edit-actions{display:flex;gap:10px;grid-column:1/-1;justify-content:flex-end;margin-top:6px}@media (max-width:640px){.batch-edit-card{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.teacher-search{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 1px 4px #0000000f;display:flex;gap:8px;margin-bottom:16px;padding:12px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.teacher-search-icon{color:#6b7280;font-size:16px}.teacher-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:14px;outline:none}.teacher-input::placeholder{color:#9ca3af}.teacher-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.teacher-clear{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#374151;cursor:pointer;display:flex;height:26px;justify-content:center;width:26px}.teacher-clear:hover{background:#e5e7eb}.sortable-row{align-items:stretch;border-radius:14px;display:flex;transition:background .2s ease,box-shadow .2s ease}.drag-handle{align-items:center;border-right:1px dashed #94a3b840;color:#94a3b8;cursor:grab;display:flex;font-size:18px;justify-content:center;padding:14px 12px}.drag-handle:hover{color:#60a5fa}.drag-handle:active{cursor:grabbing}.sortable-content{flex:1 1}.sortable-row.drag-active{background:linear-gradient(135deg,#2563eb2e,#1d4ed81f);box-shadow:0 18px 40px #2563eb59,inset 0 0 0 1px #60a5fa73;transform:scale(1.015);z-index:20}.sortable-row.drag-active .admin-list-items{border-radius:14px}.sortable-row.drag-active *{-webkit-user-select:none;user-select:none}.modalOverlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modalBox{background:#fff;border-radius:8px;padding:20px}.modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modalActions button{cursor:pointer;padding:6px 12px}.modalActions .secondary{background:#eee}.tmv2-batch-row{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin-bottom:10px;padding:10px 12px}.tmv2-batch-name{font-weight:600;min-width:120px}.tmv2-batch-steppers{display:flex;gap:14px}.tmv2-stepper{display:flex;flex-direction:column;font-size:13px}.tmv2-stepper-label{color:#6b7280;margin-bottom:4px;text-align:center}.tmv2-stepper-controls{align-items:center;display:flex;gap:8px}.tmv2-stepper-controls button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;height:28px;width:28px}.tmv2-stepper-value{font-weight:600;min-width:24px;text-align:center}.batch-select-grid{grid-gap:12px;display:grid;gap:12px}.batch-card{border:1px solid #e5e7eb;border-radius:8px;padding:12px}.batch-card-header{align-items:center;display:flex;font-weight:600;gap:10px}.batch-limits{display:flex;gap:20px;margin-top:10px}.batch-limit{display:flex;flex-direction:column;font-size:13px}.batch-stepper{align-items:center;display:flex;gap:8px}.batch-stepper button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;height:28px;width:28px}.batch-stepper span{font-weight:600;min-width:20px;text-align:center}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.checkbox-wrapper input{opacity:0;pointer-events:none;position:absolute}.custom-checkbox{background:#020617;border:2px solid #334155;border-radius:6px;display:grid;height:18px;place-items:center;transition:all .2s ease;width:18px}.custom-checkbox:after{color:#fff;content:"✓";font-size:12px;transform:scale(0);transition:transform .15s ease}.checkbox-wrapper input:checked+.custom-checkbox{background:#2563eb;border-color:#2563eb}.checkbox-wrapper input:checked+.custom-checkbox:after{transform:scale(1)}.checkbox-wrapper:hover .custom-checkbox{border-color:#3b82f6}.checkbox-label{color:#020617;font-size:14px}.teachersPanelWrapper{align-items:center;display:flex;position:relative}.teachersPanel{border-radius:12px;box-shadow:0 2px 6px #0000000d;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:10px 12px;scroll-behavior:smooth;scrollbar-width:none}.teachersPanel::-webkit-scrollbar{display:none}.teachersPanel>*{flex-shrink:0}.scrollArrow{align-items:center;background:#0f172ae6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:34px;z-index:10}.scrollArrow:hover{background:#0f172a}.scrollArrow.left{left:-20px}.scrollArrow.right{right:-20px}.teacherCard{border-radius:14px;color:#fff;cursor:grab;display:flex;flex-direction:column;height:80px;justify-content:space-between;padding:10px 12px;touch-action:none;transition:transform .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;width:140px}.teacherCard:hover{box-shadow:0 8px 16px #0000002e;transform:translateY(-2px)}.teacherCard.active{border:1px solid var(--text-grey);box-shadow:0 0 0 2px #2563eb40}.teacherName{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacherSlots{font-size:12px;opacity:.9}.teacherCard[style*="opacity: 0.4"]{cursor:not-allowed;filter:grayscale(40%)}.tableWrapper{border-radius:12px;box-shadow:0 2px 6px #0000000f;overflow-x:auto;padding:8px}.tableWrapper::-webkit-scrollbar{height:8px}.tableWrapper::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:6px}.headerRow{display:grid;grid-template-columns:160px repeat(6,1fr)}.batchHeader,.timeHeader{font-weight:600;padding:12px}.batchHeader{position:relative;text-align:center;white-space:nowrap}.batch-allowed-dot{background:#ff8c00;border-radius:50%;height:8px;position:absolute;right:50%;top:-6px;width:8px}.dataRow,.headerRow{display:grid;grid-auto-columns:260px;grid-auto-flow:column;grid-template-columns:minmax(220px,260px);min-width:-webkit-max-content;min-width:max-content}.timeCell{padding:10px 12px;position:relative}.timeEditBtn{background:#0000;border:none;bottom:6px;cursor:pointer;font-size:14px;opacity:.6;padding-left:10px;position:absolute;right:6px}.timeEditBtn:hover{opacity:1}.lectureNo{font-size:13px;font-weight:600}.timeLabel{font-size:12px}.cell{cursor:pointer;font-size:13px;padding:10px;text-align:center;transition:background-color .15s ease}.cell:hover{background:#e0f2fe}.cell:not(:empty):not(:contains("Unassigned")){color:#111827;font-weight:600}.breakRow{border-radius:6px;font-size:13px;font-weight:600;grid-column:1/-1;margin:6px 0;padding:8px;text-align:center}.batchHeader:last-child,.cell:last-child{border-right:none}.cell-disabled{background:#ef444414;border:2px dotted #ef4444!important;cursor:not-allowed}.cell-allowed{background:#22c55e14;border:2px dotted #22c55e!important}.cell-time-unavailable{background:#facc151f;background-color:#fef9c3;border:2px dotted #facc15!important}.modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-container{animation:modalPop .18s ease-out;background:var(--admin-bg-body);border-radius:12px;box-shadow:0 20px 50px #00000040;padding:20px 22px;width:360px}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-title{color:#d1d5db;font-size:18px;font-weight:600;margin:0 0 14px}.modal-label{color:#6b7280;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.modal-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;margin-bottom:12px;outline:none;padding:10px 12px;width:100%}.modal-input:focus{border-color:var(--admin-primary-blue-color);box-shadow:0 0 0 2px #3b82f626}.modal-time{background:#f3f4f6;border-radius:6px;color:#374151;font-size:13px;margin-bottom:16px;padding:6px 10px;text-align:center}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.ttw-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 14px}.ttw-btn-cancel{background:#e5e7eb;color:#374151}.ttw-btn-cancel:hover{background:#d1d5db}.ttw-btn-submit{background:#2563eb;color:#fff}.ttw-btn-submit:disabled{background:var(--admin-primary-blue-color);cursor:not-allowed;opacity:.5}.ttw-btn-submit:hover:not(:disabled){background:#2563eb}.bell-wrapper{align-items:center;background:linear-gradient(145deg,#2563eb,#1d4ed8);border-radius:50%;bottom:24px;box-shadow:0 10px 24px #2563eb73,inset 0 0 0 1px #ffffff1f;color:#fff;cursor:pointer;display:flex;height:58px;justify-content:center;position:fixed;right:24px;transition:transform .15s ease,box-shadow .15s ease;width:58px;z-index:1000}.bell-wrapper:hover{box-shadow:0 14px 32px #2563eb99,inset 0 0 0 1px #ffffff2e;transform:translateY(-2px) scale(1.03)}.bell-wrapper:active{transform:scale(.96)}.notification-dot{animation:pulse-ring 1.6s ease-out infinite;background:radial-gradient(circle at center,#fffbeb 20%,#f97316 60%);border:2.5px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #f9731659,0 0 12px #f97316e6;height:14px;position:absolute;right:7px;top:7px;width:14px}@keyframes pulse-ring{0%{box-shadow:0 0 0 2px #f9731699,0 0 10px #f97316e6}70%{box-shadow:0 0 0 10px #f9731600,0 0 14px #f973164d}to{box-shadow:0 0 0 2px #f9731600,0 0 0 #f9731600}}.notification-modal{color:#fff;display:flex;flex-direction:column;inset:0;overflow-y:auto;padding:24px;position:fixed;scroll-behavior:smooth;scrollbar-width:none;z-index:2000}.notification-modal::-webkit-scrollbar{height:0;width:0}.close-btn{background:#0000;border:none;color:#fff;cursor:pointer;position:absolute;right:20px;top:20px}.notification-content{margin-top:10px;text-align:center}.notification-content h2{font-size:28px;margin-bottom:12px}.notification-content p{font-size:16px;opacity:.85}.batch-section{margin-top:32px}.batch-title{color:#0ea5e9;font-size:18px;font-weight:600;margin-bottom:10px}.excel-table-wrapper{background:#fff;border:1px solid #d1d5db;border-radius:6px;overflow-x:auto}.excel-table{border-collapse:collapse;color:#111827;font-size:14px;width:100%}.excel-head{background:#f3f4f6}.excel-th{border:1px solid #d1d5db;font-weight:600;padding:10px;text-align:center;white-space:nowrap}.excel-body{background:#fff}.excel-row:nth-child(2n){background:#f9fafb}.excel-row:hover{background:#eef2ff}.excel-td{border:1px solid #d1d5db;padding:8px 10px;text-align:center;white-space:nowrap}.status-wrapper{align-items:center;display:flex;gap:6px}.status-ball{border-radius:50%;height:10px;width:10px}.status-ball.gray{background:#9ca3af}.status-ball.yellow{background:#facc15}.status-ball.red{background:#ef4444}.status-text{font-size:12px}.notification-dot,.notification-dot.green{background:red}.notification-timetable-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.notification-timetable-grid .tableWrapper{flex:0 0 420px;max-width:100%}@media (max-width:900px){.notification-timetable-grid .tableWrapper{flex:0 0 100%}}.cell-highlight td{animation:pulse 1.5s infinite;background-color:#fef3c7!important;transition:background-color .4s ease,color .3s ease}.cell-highlight td,.cell-highlight td *{color:#1f2937!important}.cell-highlight .status-label{color:#1f2937!important;font-weight:600}.cell-highlight .status-indicator.red{background:#dc2626}.cell-highlight .status-indicator.yellow{background:#ca8a04}.cell-highlight .status-indicator.gray{background:#6b7280}@keyframes pulse{0%{background-color:#fef3c7}50%{background-color:#fde68a}to{background-color:#fef3c7}}:root{--skeleton-bg:#ffffff14;--skeleton-shimmer:#ffffff26}.theme-light{--skeleton-bg:#e5e7eb;--skeleton-shimmer:#ffffffb3}.skeleton{background-color:#ffffff14;background-color:var(--skeleton-bg);overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff26,#0000);background:linear-gradient(90deg,#0000,var(--skeleton-shimmer),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}:root{--wt-track-off:#334155;--wt-track-on:#22c55e;--wt-thumb-bg:#020617;--wt-thumb-icon:#22c55e;--wt-label:#e5e7eb;--wt-border:#888}.theme-light{--wt-track-off:#e5e7eb;--wt-track-on:#22c55e;--wt-thumb-bg:#fff;--wt-thumb-icon:#020617;--wt-label:#020617;--wt-border:#cbd5f5}.work-toggle{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;gap:10px;padding:6px 8px}.work-toggle-track{background:#334155;background:var(--wt-track-off);border:1px solid #888;border:1px solid var(--wt-border);border-radius:999px;height:24px;position:relative;transition:background .25s ease,border .25s ease;width:44px}.work-toggle-thumb{align-items:center;background:#020617;background:var(--wt-thumb-bg);border-radius:50%;color:#22c55e;color:var(--wt-thumb-icon);display:flex;height:20px;justify-content:center;left:2px;position:absolute;top:1.5px;transition:transform .25s ease,background .25s ease,color .25s ease;width:20px}.work-toggle.on .work-toggle-track{background:#22c55e;background:var(--wt-track-on)}.work-toggle.on .work-toggle-thumb{transform:translateX(20px)}.work-toggle-label{color:#e5e7eb;color:var(--wt-label);font-size:13px;font-weight:500;white-space:nowrap}.work-toggle:hover .work-toggle-track{filter:brightness(1.05)}
/*# sourceMappingURL=main.8b16e666.css.map*/