@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";@font-face{src:url(/fonts/Inter/Inter-VariableFont_opsz,wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body{overscroll-behavior:none}html{scroll-behavior:smooth}.header{position:relative;width:100%;background:#0f111a;color:#fff;overflow:hidden;transition:transform .4s ease}.top-bar{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 50px;background:linear-gradient(90deg,#0096b4a6,#b48c00a6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .4s ease;z-index:9999}.top-bar.hide{transform:translateY(-100%)}.header .logo{display:flex;align-items:center;gap:15px}.header .logo img{width:50px;transition:transform .3s ease}.header .logo img:hover{transform:rotate(20deg)}.logo p{font-weight:700;font-size:18px;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:none}.nav-container{display:flex;align-items:center;justify-content:end;flex:1;min-width:0}.nav{display:flex;align-items:center;justify-content:center}.nav a{color:#fff;text-decoration:none;margin-left:25px;font-weight:500;position:relative;transition:color .3s}.nav a:after{content:"";display:block;height:2px;width:0;background:#00bcd4;transition:.3s;position:absolute;bottom:-5px;left:0}.nav a:hover:after{width:100%}.language-switcher{position:relative;display:flex;align-items:center;gap:6px;background:#ffffffe6;border-radius:999px;padding:4px;margin:0 0 0 20px;box-shadow:0 8px 20px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lang-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;color:#333;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.lang-toggle:hover{background-color:#00d2ff33;transform:scale(1.05)}.lang-dropdown{display:flex;position:absolute;top:120%;right:0;background-color:#fff;border:1px solid #e1e4e8;border-radius:12px;padding:5px;min-width:80px;box-shadow:0 10px 30px #00000080;z-index:10001;flex-direction:column;gap:5px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease}.lang-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.lang-btn{width:100%;text-align:center;padding:8px 12px;background:none;border:none;color:#333;cursor:pointer;border-radius:8px;font-weight:500;transition:all .2s}.lang-btn:hover{background-color:#f0f2f5;color:#0072ff}.lang-btn.active{background:#0cdbff;color:#000;box-shadow:0 4px 10px #0cdbff66}.reg-btn{background:linear-gradient(135deg,#00d2ff,#0072ff);color:#fff;border:none;padding:10px 24px;border-radius:50px;cursor:pointer;font-weight:600;font-size:14px;letter-spacing:.5px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0072ff4d;margin-left:15px}.reg-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0072ff66}.reg-btn:active{transform:translateY(0)}.reg-switch-auth{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#666}.text-btn{background:none;border:none;color:#0072ff;font-weight:700;cursor:pointer;font-size:14px;padding:0;transition:all .3s ease}.menuBtn{display:none;background:#0a0a0a66;border:1px solid rgba(255,255,255,.2);padding:0;cursor:pointer;width:45px;height:45px;border-radius:50%;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0000004d;position:relative;overflow:hidden}.menuBtn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;padding:1.5px;background:linear-gradient(135deg,#00d2ff,#f1c40f);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4;transition:opacity .3s}.menuBtn img{width:18px;height:18px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 0 5px rgba(0,210,255,.5))}.menuBtn:hover{background:#0a0a0a99;transform:scale(1.1);box-shadow:0 0 20px #00d2ff4d}.menuBtn:hover:before{opacity:1}.menuBtn:active{transform:scale(.95)}.menuBtn.active img{transform:rotate(180deg)}.headerBanner{min-height:100vh;min-height:100svh;min-height:100dvh;background:linear-gradient(#0f111a99,#0f111a99),url(/images/banner.webp) center/cover no-repeat;display:flex;justify-content:center;align-items:center;text-align:center;padding-top:100px}.banner-content{padding:0 20px;max-width:700px;animation:fadeInUp 2s ease forwards}.banner-content img{width:220px;opacity:0;animation:fadeIn 2s ease .5s forwards}.banner-content h1{font-size:48px;margin:0;opacity:0;animation:fadeIn 2s ease 1s forwards;color:#fff;white-space:pre-line}.banner-content p{font-size:20px;margin-bottom:30px;opacity:0;animation:fadeIn 2s ease 1.5s forwards;color:#fff}.banner-content .btn{display:inline-block;padding:12px 30px;background:#00bcd4;color:#fff;text-decoration:none;font-weight:700;border-radius:30px;transition:background .3s,transform .3s;opacity:0;animation:fadeIn 2s ease 2s forwards}.banner-content .btn:hover{background:#0097a7;transform:scale(1.05)}.user-icon{display:none}.main{position:relative;overflow:hidden;background:linear-gradient(135deg,#00bcd459,#ffeb3b38),repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 1px,transparent 1px,transparent 80px)}#particles-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.main>*:not(#particles-bg){position:relative;z-index:1}.about{position:relative;padding:40px 20px;overflow:hidden;min-height:600px}.about:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1px);background-size:20px 20px;opacity:.25;margin:130px;pointer-events:none}.about-container{position:relative;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;height:500px;border-radius:60px;z-index:0;max-width:1400px;padding:0 40px}.about-text{z-index:2;position:absolute;background:linear-gradient(120deg,#0cdbff4d,#ffef004d);border-radius:39% 61% 5% 95%/63% 22% 78% 37%;width:600px;height:450px;top:5%;left:5%}.about-text h2{font-size:36px;margin:50px 0 30px 150px;position:relative}.about-text h2:after{content:"";width:60px;height:3px;background:#00bcd4;display:block;margin-top:10px}.about-text p{font-size:18px;line-height:1.6;width:500px;text-align:justify;margin:40px 0 15px 80px}.about-stats{position:absolute;display:flex;justify-content:space-between;gap:20px;left:54%;z-index:2}.stat{flex:1;background:#f7f9fc;border-radius:20px;padding:30px 40px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat span{display:block;font-size:40px;font-weight:700;color:#00bcd4;margin-bottom:10px}.stat p{font-size:16px}.stat:hover{transform:translateY(-8px);box-shadow:0 10px 30px #0000001a}.courses{display:flex}.courses-title{font-size:30px!important;font-family:Montserrat,sans-serif;font-size:40px;font-weight:800;text-align:center;margin:0 0 20px!important;letter-spacing:.6px;text-transform:uppercase;background:linear-gradient(90deg,#00d2ff,#3a7bd5,#f1c40f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:glowGradient 3s linear infinite}.cours-title{text-align:center;margin-top:32px}.courses-container{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;max-width:1743px;box-sizing:border-box;perspective:1500px;margin:0 auto;height:750px;z-index:1}.cards-track{display:flex;justify-content:center;align-items:center;gap:30px;transition:transform .6s cubic-bezier(.25,1,.5,1);transform-style:preserve-3d;will-change:transform;z-index:0}.course-card{flex:0 0 320px;background:#fff;border-radius:20px;overflow:hidden;opacity:.3;transform:scale(.8) translateZ(0);transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,z-index 0s .6s;cursor:pointer;position:relative;box-shadow:0 10px 30px #0000001a;will-change:transform,opacity;-webkit-tap-highlight-color:transparent}.course-card.active{opacity:1;transform:scale(1.1) translateZ(0);z-index:10;box-shadow:0 20px 50px #00d2ff33;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,z-index 0s 0s}.card-image img{width:100%;display:block;border-radius:20px 20px 0 0}.card-content{font-family:Montserrat,sans-serif;color:#333;position:relative;z-index:2}.card-text{padding:20px}.glow-title{font-size:22px;font-weight:800;margin-bottom:10px;background:linear-gradient(90deg,#00d2ff,#3a7bd5,#f1c40f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto}.course-card.active .glow-title{animation:glowGradient 3s linear infinite}.card-content p{font-size:14px;line-height:1.5;margin-bottom:10px;color:#555}.price{background:linear-gradient(90deg,#00d2ff1a,#f1c40f26);display:flex;width:100%;align-items:center;justify-content:space-between;padding:15px;border-top:1px solid rgba(0,0,0,.05)}.price span{font-size:20px;color:#333;font-weight:700}.gradient-btn{padding:12px;width:100px;border:none;border-radius:12px;background:linear-gradient(90deg,#00d2ff,#f1c40f);background-size:200% 200%;color:#fff;font-weight:600;cursor:pointer;transition:background-position .5s,transform .2s,box-shadow .2s}.gradient-btn:hover{background-position:100% 0;box-shadow:0 5px 20px #fff6}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0a0a0a66;border:1px solid rgba(255,255,255,.2);color:#00d2ff;font-size:24px;width:65px;height:65px;border-radius:50%;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .4s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.carousel-btn:hover{color:#fff;transform:translateY(-50%) scale(1.1);background:#0a0a0a99}.nav a{font-size:14px;margin-left:15px}.prev{left:30px}.next{right:30px}@keyframes glowGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{to{opacity:1}}@media (max-width: 1300px){.about-container{height:800px;display:flex;flex-direction:column;gap:60px}.about-text{position:relative;justify-content:center;left:0}.about-stats{left:0;position:relative;justify-content:center}}@media (min-width: 1025px){.course-card{filter:blur(4px);transform:scale(.7) translateZ(-200px) rotateY(0)}.course-card.active{transform:scale(1.1) translateZ(100px) rotateY(0);filter:blur(0)}.course-card.prev,.course-card.prev2,.course-card.prev3{transform:scale(.9) translateZ(0) rotateY(20deg);filter:blur(2px)}.course-card.next,.course-card.next2,.course-card.next3{transform:scale(.9) translateZ(0) rotateY(-20deg);filter:blur(2px)}}@media (max-width: 1200px){.headerBanner{background:linear-gradient(#0f111a99,#0f111a99),url(/images/phoneBaner.webp) center/cover no-repeat}.logo p{width:200px}}@media (max-width: 1200px){.logo p{font-size:16px;max-width:none}.top-bar{padding:15px 30px}}@media (max-width: 1100px){.logo p{font-size:14px;max-width:none}.reg-btn{padding:8px 16px;font-size:13px}.top-bar{padding:12px 20px}}@media (max-width: 1050px){.logo p{font-size:12px;max-width:none}.nav a{font-size:13px;margin-left:10px}.reg-btn{padding:6px 12px;font-size:12px}}@media (max-width: 1000px){.language-switcher{height:38.4px;margin:0 auto;grid-column-start:3;grid-row-start:1}.top-bar{display:grid;grid-template-columns:60% 10% 10% 20%;grid-template-rows:repeat(2,auto);padding:10px 20px}.menuBtn{display:flex;margin:10px;z-index:999}.reg-btn{grid-column-start:4;grid-row-start:1}.nav{overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px);display:flex;flex-direction:column;align-items:center;transition:max-height .4s ease,opacity .3s ease,transform .3s ease}.nav.active{max-height:300px;opacity:1;transform:translateY(0)}.nav a{margin:10px 0}.banner-content h1{font-size:32px}.banner-content p{font-size:16px}.headerBanner{background:linear-gradient(#0f111a99,#0f111a99),url(/images/phoneBaner2.webp) center/cover no-repeat}.nav-container{grid-column:span 4 / span 4;grid-column-start:1;grid-row-start:2;align-items:center;justify-content:center}.courses-title{font-size:38px}.logo p{font-size:16px}}@media (max-width: 962px){.reg-btn{padding:5px 16px;font-size:12px}.nav a{font-size:12px;margin-left:8px}}@media (max-width: 850px){.reg-btn{padding:5px 10px;font-size:11px}.nav a{font-size:11px;margin-left:6px}.course-card{flex:0 0 240px;filter:none!important;transform:scale(.85)}.course-card.active{transform:scale(1.05);filter:none!important}.course-card.prev,.course-card.prev2,.course-card.prev3,.course-card.next,.course-card.next2,.course-card.next3{transform:scale(.85);rotate:none}.carousel-btn{width:50px;height:50px;font-size:20px}.prev{left:15px}.next{right:15px}.courses-title{font-size:34px;margin-top:20px}}@media (max-width: 700px){.top-bar{grid-template-columns:1fr auto auto auto;gap:10px;padding:10px 15px}.logo p{width:auto;font-size:15px}.language-switcher,.menuBtn{margin:0}.reg-btn{padding:10px;margin-left:0}.about-container{height:auto;padding:0}.about-text h2{margin:30px 0 0 120px}.about-text{width:90%;height:auto}.about-text p{width:auto;font-size:16px;margin:40px 40px 90px 60px}}@media (max-width: 560px){.headerBanner{background:linear-gradient(#0f111a99,#0f111a99),url(/images/phoneBaner3.webp) center/cover no-repeat}.courses-title{font-size:26px}}@media (max-width: 500px){.logo p{width:150px;font-size:14px;text-align:center}.about-stats{display:block}.stat{margin-bottom:20px}.about{padding:20px 0}.courses-title{margin:0 auto}.reg-btn .btn-text{display:none}.reg-btn .user-icon{display:block}.reg-btn{width:40px;height:40px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center}.reg-btn img{width:40px;height:40px}}@media (max-width: 480px){.carousel-btn{width:45px;height:45px;font-size:18px}.prev{left:10px}.next{right:10px}.course-card{flex:0 0 210px}.glow-title{font-size:20px}.course-card.prev,.course-card.prev2,.course-card.prev3,.course-card.next,.course-card.next2,.course-card.next3{opacity:.4}.price span{font-size:15px}.courses-title{font-size:24px}}@media (max-width: 460px){.header .logo{gap:0}.logo p{font-size:10px;width:110px}.language-switcher,.reg-btn{transform:scale(.8)}.lang-btn{padding:6px 10px;font-size:12px}.menuBtn{margin:5px 0 5px 5px;width:35px;height:35px}.top-bar{padding:10px 15px}.carousel-btn{width:40px;height:40px;font-size:16px;z-index:110}.prev{left:5px}.next{right:5px}}@media (max-width: 360px){.logo p{font-size:10px;width:85px}.courses-title{font-size:22px}}:root{--main-blue: #007bff;--dark-blue: #002d5a;--accent-yellow: #ffc107;--bg: #f4f7fa;--bg-gray: #f4f7fa;--text: #33475b;--text-main: #33475b;--accent: #ffc107;--soft-yellow: #fff8e1;--sidebar-w: 280px;--sidebar-padding: 15px;--sidebar-nav-gap: 20px;--sidebar-nav-padding: 12px 25px;--sidebar-nav-font-size: .85rem;--glass: rgba(255, 255, 255, .95);--shadow: 0 10px 30px rgba(0, 0, 0, .05);--danger: #ff4757;--success: #2ecc71}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{background:var(--bg);color:var(--text);overflow-x:hidden;margin:0;padding:0!important}.sidebar{width:var(--sidebar-w);background:var(--dark-blue);color:#fff;position:fixed;height:100vh;padding:var(--sidebar-padding);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1050;display:flex;flex-direction:column}.sidebar-logo{display:flex;align-items:center;font-weight:800;font-size:1.3rem;color:var(--accent-yellow);margin:40px 0 25px;padding:15px 0;gap:12px}.sidebar-nav{display:flex;flex-direction:column;gap:var(--sidebar-nav-gap);flex:1;overflow-y:auto;padding:10px 0;-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav a{color:#ffffffb3;text-decoration:none;padding:var(--sidebar-nav-padding);border-radius:8px;display:flex;align-items:center;gap:10px;transition:.3s;font-size:var(--sidebar-nav-font-size);margin:0 5px}.sidebar-nav a:hover,.sidebar-nav a.active{background:#ffffff1a;color:var(--accent-yellow);transform:translate(5px)}.nav-divider{height:1px;background:#ffffff1a;margin:15px 0}.logout-link{color:#fffc;padding:10px 12px;font-size:.9rem;text-decoration:none;display:flex;align-items:center;gap:12px;border-radius:8px;transition:all .3s ease}.main-content{flex:1;margin-left:var(--sidebar-w);padding:40px;transition:all .4s ease;width:calc(100% - var(--sidebar-w))}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.welcome-text h1{font-size:2rem;color:var(--dark-blue);margin-bottom:5px}.welcome-text p{color:#7c98b6}.avatar-circle{width:45px;height:45px;background:var(--accent-yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--dark-blue);box-shadow:var(--shadow);overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-bottom:40px}.stat-card{background:#fff;padding:25px;border-radius:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow);transition:.3s}.stat-card:hover{transform:translateY(-10px)}.stat-icon{width:65px;height:65px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.yellow .stat-icon{background:var(--soft-yellow);color:var(--accent-yellow)}.blue .stat-icon{background:#e3f2fd;color:var(--main-blue)}.glass .stat-icon{background:#f0f2f5;color:var(--dark-blue)}.stat-info h3{font-size:1.6rem;font-weight:700}.stat-info p{font-size:.9rem;color:#8492a6}.block{background:var(--glass);padding:20px;border-radius:24px;box-shadow:var(--shadow);margin-bottom:30px}.block-title{font-size:1.3rem;margin-bottom:10px;display:flex;align-items:center;gap:12px;color:var(--dark-blue)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:600px}.table th{text-align:left;padding:15px;background:#f8fafc;color:#64748b;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.table td{padding:20px 15px;border-bottom:1px solid #f1f5f9}.loading-state{text-align:center;padding:40px!important;color:#94a3b8}.menu-toggle{display:none;position:fixed;top:20px;right:20px;z-index:2000;width:45px;height:45px;background:var(--accent-yellow);border:none;border-radius:12px;color:var(--dark-blue);font-size:1.4rem;cursor:pointer;box-shadow:0 4px 12px #ffc1074d;align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}@media (max-width: 1025px){.menu-toggle{display:flex}.sidebar{transform:translate(-100%);width:280px;box-shadow:none}.sidebar.active{transform:translate(0);box-shadow:10px 0 30px #0003}.sidebar-overlay.active{display:block}.main-content{margin-left:0;padding:70px 10px 10px;width:100%}.top-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.user-badge{width:100%;margin-top:5px}}@media (max-width: 768px){.main-content{padding:65px 5px 5px}.stats-grid{grid-template-columns:1fr}.welcome-text h1{font-size:1.6rem}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%;min-width:0}.table tr{margin-bottom:15px;background:#fff;border-radius:16px;padding:20px;border:1px solid #eef1f5;box-shadow:0 4px 10px #00000008}.table td{padding:12px 0;border-bottom:1px solid #f1f5f9;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:6px;word-break:break-word}.table td:last-child{border-bottom:none}.table td:before{content:attr(data-label);font-weight:600;color:#64748b;text-align:left}.block{padding:15px}}.avatar-large{width:120px;height:120px;border-radius:50%;background:var(--accent-yellow);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--dark-blue);font-weight:700;position:relative;overflow:hidden;box-shadow:var(--shadow);cursor:pointer}.edit-avatar-btn,.reset-avatar-btn{position:absolute;width:35px;height:35px;border-radius:50%;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0000001a;transition:.2s}.edit-avatar-btn{bottom:0;right:0;background:var(--main-blue);color:#fff}.reset-avatar-btn{top:0;right:0;background:#ff4757;color:#fff}.edit-avatar-btn:hover,.reset-avatar-btn:hover{transform:scale(1.1)}.attendance-controls{display:flex;align-items:center;gap:15px;justify-content:flex-start}.lessons-left{font-size:.9rem;color:#4a5568;font-weight:600}.btn-group{display:flex;gap:8px}.btn-status{padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-size:.9rem;font-weight:600;transition:.2s;background:#f1f5f9;color:#64748b}.btn-status:hover{background:#e2e8f0}.btn-status.present.active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.btn-status.absent.active{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.btn-status.reset{background:transparent;color:#94a3b8;padding:6px;font-size:1rem}.btn-status.reset:hover{color:#475569;background:#f1f5f9}.btn-status-small{padding:4px 8px;border-radius:6px;border:none;cursor:pointer;font-size:.8rem;font-weight:600;background:#f1f5f9;color:#64748b}.btn-status-small.present.active{background:#dcfce7;color:#166534}.btn-status-small.absent.active{background:#fee2e2;color:#991b1b}.btn-status-small.reset{background:none;color:#94a3b8}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:10px 0}.group-card{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 8px #0000000d;border:1px solid #eee;transition:transform .2s}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid #f0f0f0;padding-bottom:8px}.group-header h4{margin:0;color:#333;font-size:1.1rem}.student-count-badge{background:#e0f2fe;color:#0284c7;padding:4px 8px;border-radius:10px;font-size:.8rem;font-weight:600}.student-count-badge.empty{background:#f3f4f6;color:#9ca3af}.group-info p{margin:5px 0;color:#666;font-size:.9rem;display:flex;align-items:center;gap:8px}.group-actions{display:flex;gap:8px;margin-top:15px;justify-content:flex-end}.btn-icon-small{width:34px;height:34px;margin:10px 0 10px 10px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transition:all .2s ease;font-size:.9rem;box-shadow:0 2px 5px #0000001a}.btn-icon-small:active{transform:none}.btn-icon-small.edit{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:none}.btn-icon-small.edit:hover{background:linear-gradient(135deg,#d97706,#b45309)}.btn-icon-small.users{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:none}.btn-icon-small.users:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-icon-small.delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:none}.btn-icon-small.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.action-buttons{display:flex;align-items:center;gap:8px}.btn-icon-small.plus{background:linear-gradient(135deg,#34c759,#28a745);box-shadow:none}.btn-icon-small.plus:hover{background:linear-gradient(135deg,#2dbb50,#218838)}.btn-icon-small.minus{background:linear-gradient(135deg,#ff4d4d,#dc3545);box-shadow:none}.btn-icon-small.minus:hover{background:linear-gradient(135deg,#e64545,#c82333)}.badge-group{background:#f3e8ff;color:#9333ea;padding:3px 8px;border-radius:6px;font-size:.85rem;font-weight:600}#students-list .table{table-layout:fixed;width:100%;min-width:100%}#students-list .table-container{overflow-x:auto;width:100%;max-width:100%;min-width:100%}#students-list .table th{padding:12px 15px;text-align:center;background:#f8fafc;font-weight:600;color:#4a5568;border-bottom:2px solid #e2e8f0;width:auto}#students-list .table th:nth-child(1){width:15%}#students-list .table th:nth-child(2){width:15%}#students-list .table th:nth-child(4){width:10%}#students-list .table th:nth-child(5){width:40%}#students-list .table td{padding:12px 15px;text-align:center;border-bottom:1px solid #edf2f7;vertical-align:middle}#students-list .table tbody:empty:before{content:"";display:block;height:1px}#students-list .table td[data-label=Имя],#students-list .table td[data-label=Фамилия]{font-weight:500;color:#2d3748}#students-list .table td[data-label=Возраст]{text-align:center;font-weight:600}#students-list .table td[data-label=Группа],#students-list .table td[data-label=Посещаемость]{text-align:center}.attendance-controls{display:flex;flex-direction:column;gap:8px;align-items:center}.lessons-left{font-size:.85rem;color:#4a5568;font-weight:500}.btn-group{display:flex;gap:6px;justify-content:center}.btn-status{padding:6px 12px;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;background:#e2e8f0;color:#4a5568}.btn-status.present{background:#e2e8f0;color:#4a5568}.btn-status.present:hover{background:#cbd5e0}.btn-status.present.active{background:#c6f6d5;color:#22543d;transform:translateY(-1px)}.btn-status.absent{background:#e2e8f0;color:#4a5568}.btn-status.absent:hover{background:#cbd5e0}.btn-status.absent.active{background:#fed7d7;color:#742a2a;transform:translateY(-1px)}.btn-status.reset{background:#e2e8f0;color:#4a5568;padding:6px 10px}.btn-status.reset:hover{background:#cbd5e0;transform:translateY(-1px)}.badge-group{background:#ebf8ff;color:#2b6cb0;padding:4px 12px;border-radius:16px;font-size:.85rem;font-weight:600}@media (max-width: 768px){#students-list .table th,#students-list .table td{padding:10px 12px}.attendance-controls{gap:6px}.btn-group{gap:4px}.btn-status{padding:5px 10px;font-size:.75rem}}@media (max-width: 480px){#students-list .table th,#students-list .table td{padding:8px 10px}.attendance-controls{gap:4px}.btn-group{flex-wrap:wrap;gap:3px}.btn-status{padding:4px 8px;font-size:.7rem}}.profile-flex{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.dashboard-container aside.sidebar .sidebar-nav a{color:#fffc;text-decoration:none;padding:12px 25px;border-radius:8px;display:flex;align-items:center;gap:10px;transition:.3s;font-size:.85rem;width:240px;margin:0 5px}.dashboard-container aside.sidebar .sidebar-nav a:hover{background:#ffffff1a;color:#ffc107}.dashboard-container aside.sidebar .sidebar-nav a.active{background:#ffffff1a;color:#ffc107;font-weight:600;transform:translate(5px)}.avatar-large{width:120px;height:120px;border-radius:50%;background:var(--accent-yellow);display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--dark-blue);font-weight:700;position:relative;overflow:hidden;box-shadow:var(--shadow)}.avatar-wrapper{position:relative}.status-badge-large{display:inline-block;margin-top:10px;padding:6px 15px;background:#e3f2fd;color:var(--main-blue);border-radius:20px;font-weight:600;font-size:.9rem}.name-edit-flex{display:flex;align-items:center;gap:10px}.name-edit-flex h2{margin:0}.user-email{color:#666;margin:5px 0}.profile-actions{margin-top:15px;display:flex;gap:10px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--accent-yellow);color:var(--dark-blue);border:none;border-radius:8px;text-decoration:none;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#ffb300;transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.close-btn{position:absolute;top:15px;right:15px;border:none;background:none;cursor:pointer;font-size:1.2rem;color:#64748b;transition:color .2s;z-index:10}.close-btn:hover{color:#374151}@media (max-width: 400px){.btn{padding:7px 11px;font-size:11px}.btn-sm,.btn.primary.btn-sm{padding:5px 9px;font-size:10px}.header-buttons,.responsive-row{flex-direction:column;gap:8px}.responsive-row input,.responsive-row select,.responsive-row button{width:100%}.modal-box{padding:20px;max-width:calc(100vw - 20px)}.modal-form{gap:10px}.modal-form input,.modal-form select{padding:10px;font-size:14px}.modal-form button{padding:10px 15px;font-size:14px}}@media (max-width: 360px){.btn{padding:8px 12px;font-size:12px}.btn-sm,.btn.primary.btn-sm{padding:6px 10px;font-size:11px}.header-buttons,.responsive-row{flex-direction:column;gap:8px}.responsive-row input,.responsive-row select,.responsive-row button{width:100%}.modal-box{padding:18px;max-width:calc(100vw - 18px)}.modal-form{gap:9px}.modal-form input,.modal-form select{padding:9px;font-size:13px}.modal-form button{padding:9px 14px;font-size:13px}}@media (max-width: 320px){.btn{padding:6px 10px;font-size:11px}.btn-sm,.btn.primary.btn-sm{padding:5px 8px;font-size:10px}.header-buttons,.responsive-row{flex-direction:column;gap:6px}.responsive-row input,.responsive-row select,.responsive-row button{width:100%}.modal-box{padding:15px;max-width:calc(100vw - 15px)}.modal-form{gap:8px}.modal-form input,.modal-form select{padding:8px;font-size:12px}.modal-form button{padding:8px 12px;font-size:12px}}.modal-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;padding:20px;align-items:center;justify-content:center}.modal-box{background:#fff;padding:35px;border-radius:25px;width:100%;max-width:480px;position:relative;max-height:90vh;overflow-y:auto}.modal-buttons{display:flex;gap:10px;justify-content:center;margin-top:25px}.modal-btn{padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:.3s;white-space:nowrap}.modal-btn.secondary{background:#e2e8f0;color:var(--text-main)}.modal-btn.primary{background:var(--accent-yellow);color:var(--dark-blue)}.modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}#students-list .table{width:100%!important;table-layout:fixed!important;min-width:100%!important}#students-list .table-container{width:100%!important;min-width:100%!important;max-width:100%!important}.group-student-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:8px 0;gap:15px}.group-student-item>div:first-child{flex:1;display:flex;align-items:center;gap:10px}.group-student-item .attendance-controls{margin-top:0!important;display:flex;align-items:center;gap:15px;flex-shrink:0}.group-student-item{border-bottom:1px solid #e2e8f0;padding:12px 0}.group-student-item:last-child{border-bottom:none}:root{--bg: #f4f6fa;--white: #ffffff;--border: #e4e7ec;--text: #1d1f23;--muted: #797f89;--accent: #00a4ff;--danger: #ff4d4d;--success: #34C759;--radius: 14px;--shadow: 0 4px 18px rgba(0,0,0,.06);--main-content-padding: 40px}@font-face{font-family:Inter;src:url(/fonts/Inter/Inter-VariableFont_opsz,wght.ttf) format("truetype-variations");font-weight:100 900;font-display:swap}body{margin:0;padding:0!important;font-family:Inter,sans-serif;background:var(--bg);color:var(--text)}@media (max-width: 576px){body{padding:0!important}}@media (max-width: 768px){body{padding:0!important}}@media (max-width: 1024px){body{padding:0!important}}@media (max-width: 1200px){body{padding:0!important}}.sidebar-nav a{width:calc(var(--sidebar-w) - 30px)}@media (min-width: 1201px){body{padding:0!important}}.admin{max-width:1180px;margin:auto}.dashboard-container{display:flex;width:100%;min-height:100vh;background-color:#f4f7f6}.sidebar{width:var(--sidebar-w);background:#002d5a;color:#fff;display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease;z-index:1050;position:fixed;height:100vh;padding:var(--sidebar-padding)}.sidebar-logo{padding:15px 0;display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.3rem;color:#ffc107;margin-bottom:20px}.sidebar-logo img{width:45px}.sidebar-nav{padding:10px 0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sidebar-nav-gap);-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:8px 12px;color:#fffc;text-decoration:none;transition:all .3s ease;font-size:.85rem;border-radius:8px;width:240px;margin:0 5px}.sidebar-nav a:hover{background:#ffffff1a;color:#fff}.sidebar-nav a.active{background:#ffc107;color:#002d5a;font-weight:600}.nav-divider{height:1px;background:#fff3;margin:12px 15px}.logout-link{margin-top:0;padding:var(--sidebar-nav-padding);font-size:var(--sidebar-nav-font-size);color:#fffc;text-decoration:none;display:flex;align-items:center;gap:10px;border-radius:8px;transition:all .3s ease}.logout-link:hover{background:#ffffff1a;color:#fff}.main-content{flex:1;margin-left:var(--sidebar-w);padding:40px;transition:margin-left .3s ease}@media (max-width: 1024px){.sidebar{transform:translate(-100%)}.sidebar.active{transform:translate(0);box-shadow:10px 0 30px #0003}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.sidebar-overlay.active{display:block}.menu-toggle{display:flex;background:#ffc107;border:none;width:45px;height:45px;border-radius:12px;font-size:1.4rem;cursor:pointer;color:#002d5a;margin-right:20px;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffc1074d}.main-content{margin-left:0;width:100%;padding:40px}}.admin-header{background:var(--white);padding:10px;border-radius:var(--radius);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-header h2{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:24px;margin:0}.header-buttons{display:flex;gap:12px}.btn{padding:9px 18px;background:var(--white);border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:.2s;font-size:14px;display:flex;align-items:center;gap:6px}.btn:hover{background:#eef1f5}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:#ffeaea}.btn.home{background:linear-gradient(135deg,#00a4ff,#0087cc);color:#fff;padding:12px 24px;border-radius:var(--radius);box-shadow:0 4px 14px #00a4ff59;font-size:15px;font-weight:600;transition:.25s ease}.btn.home:hover{background:linear-gradient(135deg,#0087cc,#0071a3)}.btn.home:active{box-shadow:none}.stats-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:30px}.user-badge{display:flex;align-items:center;gap:15px}.stat-card{background:var(--white);padding:10px;border-radius:14px;text-align:center;border:1px solid var(--border);box-shadow:var(--shadow)}.stat-value{font-size:30px;font-weight:800;color:var(--accent)}.stat-label{margin-top:5px;font-size:14px;color:var(--muted)}.panel-section{background:var(--white);border-radius:14px;border:1px solid var(--border);padding:10px;margin-bottom:32px}.section-title{margin:0 0 18px;font-size:20px;font-weight:600}.table-container{overflow-x:auto;width:100%;max-width:100%}#students-list .table{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed;min-width:0}.table thead{background:#f7f9fc}.table th{text-align:left;padding:12px 15px;color:var(--muted);border-bottom:1px solid var(--border);font-weight:500;width:calc(100% / 6)}#students-list .table th:nth-child(1){width:20%}#students-list .table th:nth-child(2){width:10%}#students-list .table th:nth-child(3){width:20%}#students-list .table th:nth-child(4){width:15%}#students-list .table th:nth-child(5){width:20%}#students-list .table th:nth-child(6){width:15%}.table td{padding:12px 15px;border-bottom:1px solid var(--border);vertical-align:middle}#students-list .table td{text-align:center}#students-list .table td[data-label=ФИО]{font-weight:500;color:#2d3748}#students-list .table td[data-label=Возраст]{text-align:center}#students-list .table td[data-label="Оставшиеся уроки"]{text-align:center;font-weight:600}#students-list .table td[data-label="Статус оплаты"],#students-list .table td[data-label=Действие]{text-align:center}.block-title{margin-bottom:10px}.table tbody tr:hover td{background:#f3f6ff}.badge-ok{color:var(--success);font-weight:700}.badge-bad{color:var(--danger);font-weight:700}.delete-btn{background:none;border:none;color:var(--danger);font-size:17px;cursor:pointer;padding:6px 8px;border-radius:6px}.delete-btn:hover{background:#ffeaea}.badge-user{padding:4px 10px;background:#e8eaf0;color:#7f8c8d;border-radius:12px;font-size:12px;font-weight:600}.badge-teacher{padding:4px 10px;background:#e8f5e8;color:#27ae60;border-radius:12px;font-size:12px;font-weight:600}.make-teacher-btn{background:none;border:none;color:#3498db;font-size:17px;cursor:pointer;padding:6px 8px;border-radius:6px;margin-left:5px}.make-teacher-btn:hover{background:#e3f2fd}.remove-teacher-btn{background:none;border:none;color:#f39c12;font-size:17px;cursor:pointer;padding:6px 8px;border-radius:6px;margin-left:5px}.remove-teacher-btn:hover{background:#fdf2e9}.actions-cell{display:flex;gap:5px;align-items:center}.table-actions{display:flex;gap:8px;align-items:center}.superadmin-only{display:none}.admin-only.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}@media (max-width: 400px){.btn{padding:7px 11px;font-size:11px}.btn-sm,.btn.primary.btn-sm{padding:5px 9px;font-size:10px}.header-buttons,.responsive-row{flex-direction:column;gap:8px}.responsive-row input,.responsive-row select,.responsive-row button{width:100%}.modal{padding:20px;max-width:calc(100vw - 20px)}.modal-form{gap:10px}.modal-form input,.modal-form select{padding:10px}}@media (max-width: 360px){.btn{padding:8px 12px;font-size:12px}.btn-sm,.btn.primary.btn-sm{padding:6px 10px;font-size:11px}.header-buttons,.responsive-row{flex-direction:column;gap:8px}.responsive-row input,.responsive-row select,.responsive-row button{width:100%}.modal{padding:20px;max-width:calc(100vw - 20px)}.modal-form{gap:10px}.modal-form input,.modal-form select{padding:10px}}@media (max-width: 320px){.btn{padding:6px 10px;font-size:11px}.btn-sm,.btn.primary.btn-sm{padding:5px 8px;font-size:10px}.header-buttons,.responsive-row{flex-direction:column;gap:6px}.responsive-row input,.responsive-row select,.responsive-row button{width:100%}.modal{padding:15px;max-width:calc(100vw - 15px)}.modal-form{gap:8px}.modal-form input,.modal-form select{padding:8px;font-size:11px}}@media (max-width: 768px){.admin-header{flex-direction:column;align-items:flex-start;gap:15px}.header-buttons{width:100%;flex-wrap:wrap}.btn{flex:1;justify-content:center}.stats-grid{grid-template-columns:1fr}.admin-only.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.panel-section{padding:20px 15px}}.block-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-radius:10px;flex-wrap:wrap;gap:15px;position:sticky;top:0;z-index:99;background:#fffffff2;padding:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.table-img{width:60px;height:40px;object-fit:cover;border-radius:8px}.menu-toggle{position:fixed;top:15px;z-index:2000}.sidebar-logo{margin-top:40px}.admin-forms-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px}.mini-form label{display:block;margin-bottom:8px;font-weight:600;color:#7c98b6;font-size:.85rem}.input-group{display:flex;gap:8px}.input-group input{flex:1;padding:12px;border:1px solid #e2e8f0;border-radius:10px;outline:none;min-width:0}.btn{padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:.3s;white-space:nowrap}.btn.primary{background:var(--accent-yellow);color:var(--dark-blue)}.btn.primary:hover{background:#e6ae00}.btn.danger{background:var(--danger);color:#fff}.btn.secondary{background:#e2e8f0;color:var(--text-main)}.btn.w-100{width:100%;justify-content:center}.action-btn{border-radius:8px;border:none;background:none;cursor:pointer;padding:6px;font-size:1rem;color:#cbd5e0;transition:.2s}.action-btn:hover{color:#fff!important;background-color:var(--danger)!important;border-radius:8px}.action-btn.warn:hover{color:#f39c12}.act-flex{display:flex;gap:8px}.badge{padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700}.b-admin{background:#fff3cd;color:#856404}.b-teacher{background:#d1ecf1;color:#0c5460}.b-user{background:#e2e3e5;color:#383d41}.modal-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;padding:20px;align-items:center;justify-content:center}@media (max-width: 400px){.btn{padding:9px 14px;font-size:12px}.btn-sm,.btn.primary.btn-sm{padding:7px 11px;font-size:11px}.header-buttons,.responsive-row{flex-direction:column;gap:8px}.responsive-row input,.responsive-row select,.responsive-row button{width:100%}.modal{padding:20px;max-width:calc(100vw - 20px)}.modal-form{gap:10px}.modal-form input,.modal-form select{padding:10px}}@media (max-width: 360px){.btn{padding:10px 16px;font-size:13px}.btn-sm,.btn.primary.btn-sm{padding:8px 12px;font-size:12px}.header-buttons,.responsive-row{flex-direction:column;gap:8px}.responsive-row input,.responsive-row select,.responsive-row button{width:100%}.modal{padding:20px;max-width:calc(100vw - 20px)}.modal-form{gap:10px}.modal-form input,.modal-form select{padding:10px}}@media (max-width: 320px){.btn{padding:8px 12px;font-size:12px}.btn-sm,.btn.primary.btn-sm{padding:6px 10px;font-size:11px}.header-buttons,.responsive-row{flex-direction:column;gap:6px}.responsive-row input,.responsive-row select,.responsive-row button{width:100%}.modal{padding:15px;max-width:calc(100vw - 15px)}.modal-form{gap:8px}.modal-form input,.modal-form select{padding:8px;font-size:12px}}.modal{background:#fff;padding:35px;border-radius:25px;width:100%;max-width:480px;position:relative;max-height:90vh;overflow-y:auto}.close-btn{position:absolute;top:15px;right:15px;border:none;background:none;cursor:pointer;font-size:1.2rem}.modal-form{display:grid;gap:12px;margin-top:20px}.modal-form input,.modal-form select{padding:12px;border:1px solid #eee;border-radius:10px}.warning-icon{font-size:3rem;color:var(--danger);margin-bottom:15px;display:block;text-align:center}.confirm-content{text-align:center}.modal-btns{display:flex;gap:10px;justify-content:center;margin-top:25px}@media (max-width: 400px){.modal{padding:20px;max-width:calc(100vw - 20px)}.modal-form{gap:10px}.modal-form input,.modal-form select{padding:10px;font-size:14px}.modal-form button{padding:10px 15px;font-size:14px}}@media (max-width: 360px){.modal{padding:18px;max-width:calc(100vw - 18px)}.modal-form{gap:9px}.modal-form input,.modal-form select{padding:9px;font-size:13px}.modal-form button{padding:9px 14px;font-size:13px}}@media (max-width: 320px){.modal{padding:15px;max-width:calc(100vw - 15px)}.modal-form{gap:8px}.modal-form input,.modal-form select{padding:8px;font-size:12px}.modal-form button{padding:8px 12px;font-size:12px}}.status-paid{color:var(--success);font-weight:600}.status-unpaid{color:var(--danger);font-weight:600}.payment-due td{background-color:#fff5f5}.payment-due td:first-child{border-left:3px solid var(--danger)}.notification-bell{color:var(--danger);margin-left:8px;animation:bell-ring 1.5s infinite}@keyframes bell-ring{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(15deg)}20%,40%,60%,80%{transform:rotate(-15deg)}}.warning-banner{background-color:#fee2e2;border:1px solid #ef4444;color:#b91c1c;padding:15px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:600;animation:fadeIn .5s ease}#newTeacherCourseSelect{flex:1;padding:12px 40px 12px 12px;border:1px solid #e2e8f0;border-radius:10px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 15px center;background-size:16px;cursor:pointer}.toggle-btn{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:1.1rem;padding:5px;transition:transform .6s cubic-bezier(.4,0,.2,1)}.toggle-btn.rotated{transform:rotate(180deg)}.block-content{display:grid;grid-template-rows:1fr;opacity:1;transition:all .8s cubic-bezier(.4,0,.2,1)}.block-content.hidden{grid-template-rows:0fr;opacity:0;visibility:hidden}.block-content>*{overflow:hidden;min-height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.history-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;margin-top:15px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#fff;border-radius:10px;border:1px solid #e2e8f0;gap:15px}.history-date{color:#64748b;font-size:.9rem;font-weight:500}.history-status{font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase}.history-status.present{background:#dcfce7;color:#15803d}.history-status.absent{background:#fee2e2;color:#b91c1c}.history-status.paid{background:#dbeafe;color:#1e40af}.history-statuses{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}@font-face{font-family:Inter;src:url(/fonts/Inter/Inter-VariableFont_opsz,wght.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}.maptitle{text-align:center;position:relative;padding:0 10px;font-weight:700}.map-section{align-items:center;max-width:1400px;height:750px;padding:0 20px;margin:100px auto;content-visibility:auto;contain-intrinsic-size:1px 750px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:0px 100px;grid-template-areas:"map-wrapper map-info"}.map-wrapper{height:600px;position:relative;grid-area:map-wrapper;cursor:pointer}.anim-container{position:relative;top:40px}.c1{font-size:46px!important;margin:0!important}.map-info{background:linear-gradient(120deg,#0cdbff4d,#13ffa52e,#ffef004d);border-radius:30px;padding:20px 40px;box-shadow:0 10px 30px #00000014;grid-area:map-info;transform:translateY(-45px);height:600px;z-index:0}.map-info h3{font-size:28px;width:auto;margin:0 auto 20px}.map-info-text{display:inline-block;padding:10px 14px;margin:0 0 20px;font-size:14px;font-weight:500;color:#000;background:#ffeb3b;border:2px solid #000;border-radius:12px;box-shadow:0 6px 15px #0000002e}.map-btn{margin:20px 0 0;position:relative;display:inline-block;padding:12px 24px;background:#0a0a0a66;border:1px solid rgba(255,255,255,.2);color:#00d2ff;border-radius:25px;text-decoration:none;font-weight:600;transition:all .4s;grid-area:map-btn;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 4px 15px #0003}.map-btn:hover{background:#0a0a0a99;color:#fff;transform:scale(1.05)}.map-btn-container{width:50%;text-align:center;position:relative;display:grid;grid-template-columns:170px 1fr;grid-template-rows:250px 50px;gap:0px 50px;grid-template-areas:"schedule map-animation" "schedule map-btn"}.logoMap{position:relative;bottom:600px;left:65%;width:250px;height:150px;background:url(/images/logo2.svg) center/contain no-repeat;transition:transform .2s ease;z-index:3}.logoMap2{position:relative;bottom:300px;right:40px;width:200px;height:250px;background:url(/images/mapimg.png) center/contain no-repeat;z-index:3;transition:transform .2s ease}.map-bg{position:absolute;height:630px;top:-60px;right:-60px;bottom:-60px;left:-60px;border-radius:40px;background:linear-gradient(135deg,#00bcd414,#ffeb3b14);z-index:1;margin:0 0 0 70px}.map-container{position:relative;width:100%;height:500px;border-radius:25px;overflow:hidden;z-index:2;box-shadow:0 10px 30px #00000026;margin:0 0 0 35px}.map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;cursor:pointer}#map{position:absolute;top:0;right:0;bottom:0;left:0}.schedule{width:170px;height:400px;margin:0 0 10px;background-image:url(/images/backgound-day.webp);background-size:cover;border-radius:14px;border:2px solid #000;box-shadow:0 10px 25px #00000026;overflow:hidden;font-family:Inter,sans-serif;grid-area:schedule}.schedule-day h5{width:120px;position:relative;font-size:14px;font-weight:600;letter-spacing:.5px;transform:translate(50px) translateY(10px)}.logoSchedule{height:80px;background-image:url(/images/logo2.svg);background-size:contain;background-repeat:no-repeat;background-position:center;border-bottom:2px solid #000;background-color:#f7f7f7}.schedule-day-p-container{margin:0 0 0 10px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:repeat(7,30px);gap:10px 10px;grid-template-areas:"a work-schedule" "b work-schedule" "c work-schedule" "d work-schedule" "e work-schedule-2" "f work-schedule-3" "g work-schedule-3";align-items:center}.schedule-day-p{width:32px;height:32px;text-align:center;position:relative;border:2px solid #000;border-radius:8px;line-height:28px;font-size:13px;font-weight:600;background:#fff}.a{grid-area:a}.b{grid-area:b}.c{grid-area:c}.d{grid-area:d}.e{grid-area:e}.f{grid-area:f}.g{grid-area:g}.a:after,.b:after,.c:after,.d:after,.e:after,.f:after,.g:after{content:"";position:absolute;right:-8px;top:0;width:2px;background:#000}.a:after,.b:after,.c:after{height:40px}.d:after,.g:after{height:30px}.e:after{height:32px;background:#ffeb3b}.f:after{height:44px}#yellow{color:#ff0;border:2px solid #ffeb3b;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.work-schedule,.work-schedule-3{width:auto;font-size:12px;margin:0 auto;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.work-schedule{grid-area:work-schedule}.work-schedule-3{grid-area:work-schedule-3}.work-schedule-2{grid-area:work-schedule-2;width:auto;color:#ffeb3b;font-weight:550;font-size:12px;margin:0 auto;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.student-section{display:flex;border-radius:40px;background:linear-gradient(120deg,#0cdbff4d,#13ffa52e,#ffef004d);max-width:1150px;padding:30px;margin:150px auto;content-visibility:auto;contain-intrinsic-size:1px 600px;gap:0 100px}.ItLoopStudents-photo{display:grid;grid-template-columns:repeat(4,100px);grid-template-rows:repeat(3,150px);gap:30px;justify-content:center;align-content:center}.card-label{color:#015969}.styled-img{position:relative;border-radius:10px;background-size:cover}.img1{background-image:url(/images/st3.webp);width:240px;height:150px;grid-column:span 2}.img2{background-image:url(/images/st4.webp);width:230px;height:150px;grid-column:span 2;grid-column-start:3}.img3{background-image:url(/images/st2.webp);grid-column-start:4;grid-row-start:2;width:150px;height:150px;transform:translate(-50px)}.img4{background-image:url(/images/st1.webp);width:150px;height:150px;grid-column-start:1;grid-row-start:2}.img5{background-image:url(/images/st5.webp);width:240px;height:150px;grid-column:span 2;grid-column-start:1;grid-row-start:3}.img6{background-image:url(/images/st6.webp);width:230px;height:150px;grid-column:span 2;grid-column-start:3;grid-row-start:3}.img7{background:url(/images/logo.webp) center/contain no-repeat,linear-gradient(135deg,#00c4ff,#ffeb3bf5);width:150px;height:150px;border-radius:50%;grid-column:span 2;grid-column-start:2;grid-row-start:2;transform:translate(45px)}.about-stidents h3{margin:0 0 8px;font-size:26px;line-height:1.1;color:transparent;background:linear-gradient(90deg,#05f,#ffd600b0 70%,#00a2ff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:gradientShift 11s linear infinite;font-weight:700}.students_text{color:#073848;background:linear-gradient(90deg,#00d4ff0a,#ffeb3b08);border-radius:12px;box-shadow:0 8px 20px #03223d0a;font-size:16px;line-height:1.75;margin-bottom:12px;width:500px;text-align:justify}.students_text2{display:flex;text-align:justify}.students_text2 ul{list-style:none;padding:0;margin:0}.students_text2 li{position:relative;background:linear-gradient(180deg,#ffffff05,#0000);color:#0b5966;font-weight:600;transition:transform .18s ease,box-shadow .18s ease}.students_text2 li:before{content:"";position:absolute;top:8px;left:-30px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#00d2ff,#ffd600)}.student-img{width:280px}.title-achiv{font-size:20px;font-weight:700;color:#073848}.footer{padding:20px 30px;background-image:linear-gradient(135deg,#0cdbff1f,#ffef001f),url(/images/lines.svg);background-size:cover,cover;background-position:center,center -400px;background-repeat:no-repeat;z-index:0;height:auto;content-visibility:auto;contain-intrinsic-size:1px 400px}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.6fr;align-items:center;gap:80px}.code-window{display:flex;justify-content:center;align-items:center;font-size:14px}.code-window svg{width:clamp(220px,40vw,360px);height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25))}.svg-code{font-family:Courier New,monospace;font-size:.9em;fill:#abb2bf}.svg-tag{font-family:Courier New,monospace;font-size:.9em;fill:#61afef}.svg-title{font-family:Courier New,monospace;font-size:.95em;fill:#98c379}.svg-h1,.svg-p{font-family:Courier New,monospace;font-size:.95em;fill:#c678dd}.footer-center{border-radius:26px;padding:50px 40px;text-align:center}.footer-logo{display:flex;flex-direction:column;align-items:center;gap:12px}.footer-logo img{width:110px}.gradient-title{font-size:38px;font-weight:800;background:linear-gradient(90deg,#00b3ff,#ffd600 70%,#009dff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 7s linear infinite}.footer-nav{margin-top:25px;display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.footer-nav a{font-size:16px;color:#333;font-weight:600;text-decoration:none;transition:.3s}.footer-nav a:hover{color:#00a2ff}.footer-socials{margin-top:25px;display:flex;justify-content:center;gap:15px}.footer-socials img{width:34px;transition:.3s}.footer-copy{margin-top:35px;padding-top:20px;font-size:15px;color:#666;opacity:.85;position:relative}.footer-copy:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1.5px;background:linear-gradient(90deg,#00c4ff73,#ffd600a6,#00c4ff73);border-radius:4px}.modals-container.modal-open{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden}.modals-container.modal-open~#main,.modals-container.modal-open~.header{display:none!important}body:has(.modals-container.modal-open) .header{display:none!important}.reg-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.reg-modal.active{display:flex}.reg-modal-content{background-color:#fff;margin:auto;padding:20px 25px;border:1px solid #e1e4e8;border-radius:16px;width:90%;max-width:420px;position:relative;box-shadow:0 15px 40px #00000080;color:#333;animation:slideDown .3s ease-out;max-height:85vh;overflow-y:auto}.reg-close{position:absolute;top:15px;right:20px;color:#999;font-size:24px;font-weight:700;cursor:pointer;transition:color .2s;line-height:1}.reg-close:hover{color:#333}.reg-form input{background-color:#f5f7fa;border:1px solid #e1e4e8;color:#333;transition:border-color .3s;width:100%;padding:10px 12px;border-radius:10px;font-size:14px;box-sizing:border-box}.reg-form input:focus{border-color:#00d2ff;outline:none;background-color:#fff}.reg-modal h2{text-align:center;margin-bottom:12px;color:#1a1a1a;font-size:20px}.reg-input-group{margin-bottom:8px}.reg-input-group label{display:block;margin-bottom:6px;font-weight:500;color:#4a5568;font-size:13px}.reg-row{display:flex;gap:15px}.reg-row .reg-input-group{flex:1;min-width:0}.reg-submit-btn{width:100%;margin-top:8px;font-size:15px;padding:10px}.auth-separator{display:flex;align-items:center;text-align:center;margin:10px 0;color:#a0aec0;font-size:13px}.auth-separator:before,.auth-separator:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-separator span{padding:0 10px}.google-auth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-weight:500;color:#2d3748;transition:all .2s;font-size:14px}.google-auth-btn:hover{background-color:#f7fafc;border-color:#cbd5e0}.reg-switch-auth{margin-top:12px;text-align:center;font-size:13px;color:#718096}.text-btn{background:none;border:none;color:#0072ff;font-weight:600;cursor:pointer;padding:0 5px;font-size:14px}.text-btn:hover{text-decoration:underline}.login-options{display:flex;justify-content:flex-end;margin-bottom:20px;margin-top:-5px}.forgot-pass-link{font-size:13px;color:#0072ff;text-decoration:none}.forgot-pass-link:hover{text-decoration:underline}@media (max-width: 500px){.reg-row{flex-direction:column;gap:0}}.map-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:100000;display:none;animation:fadeIn .3s ease}#fullscreenMap{width:100%;height:100%}.map-fullscreen-close{position:absolute;top:20px;right:20px;z-index:10000;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0a0a0a66;color:#00d2ff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s;box-shadow:0 8px 32px #0000004d;overflow:hidden}.map-fullscreen-close:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;padding:2px;background:linear-gradient(135deg,#00d2ff,#f1c40f);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;transition:opacity .3s}.map-fullscreen-close:hover{color:#fff;background:#0a0a0a99;transform:scale(1.1)}.map-fullscreen-close:hover:before{opacity:1}.map-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;align-items:center;z-index:999;animation:fadeIn .3s ease}.map-modal.active{display:flex}.map-modal-content{background:linear-gradient(135deg,#0cdbff33,#ffef0033);border-radius:30px;padding:10px;max-width:350px;width:90%;text-align:center;box-shadow:0 15px 40px #0003;transform:scale(.5);opacity:0;animation:scaleIn .5s forwards;z-index:999999}.map-options{display:flex;justify-content:center;align-items:center;gap:20px}.map-modal-content h3{font-size:26px;margin-bottom:25px;color:#00bcd4;font-weight:700}.map-option{align-content:center;display:block;margin:0 auto;width:50px;height:50px;border-radius:15px;font-weight:600;color:#fff;text-decoration:none;transition:transform .3s,box-shadow .3s;box-shadow:0 5px 15px #00000026;background:#fff}.map-option:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000040}.map-close-btn{margin-top:20px;padding:12px 25px;font-weight:700;border-radius:30px;cursor:pointer;background:#0a0a0a66;border:1px solid rgba(255,255,255,.2);color:#00d2ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:16px;transition:all .3s ease}.map-close-btn:hover{background:#0a0a0a99;color:#fff;transform:scale(1.05)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wholeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bodyBreath{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes headMove{0%,to{transform:rotate(0)}40%{transform:rotate(1.2deg)}70%{transform:rotate(-1deg)}}@keyframes blinkEyes{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes handTyping{0%{transform:rotate(0)}20%{transform:rotate(2deg)}40%{transform:rotate(0)}60%{transform:rotate(3deg)}80%{transform:rotate(1deg)}to{transform:rotate(0)}}@keyframes screenGlow{0%,to{opacity:1}50%{opacity:.92}}@keyframes coffeeSmoke{0%{transform:translateY(8px) scale(.9);opacity:0}30%{opacity:.5}70%{transform:translateY(-16px) scale(1.05);opacity:.25}to{transform:translateY(-24px) scale(1.1);opacity:0}}@keyframes ideasFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.map-animation{display:flex;justify-content:center;align-items:center;position:relative;grid-area:map-animation;transition:transform .3s ease;grid-column-start:2;transform:translateY(-50px)}.map-animation svg{animation:wholeFloat 10s ease-in-out infinite;transform-origin:center bottom;width:300px;height:auto}.map-animation svg>path:nth-child(2),.map-animation svg>path:nth-child(3){animation:bodyBreath 6s ease-in-out infinite;transform-origin:center bottom}.map-animation svg>path:nth-child(9),.map-animation svg>path:nth-child(10),.map-animation svg>path:nth-child(11),.map-animation svg>path:nth-child(12){animation:headMove 8s ease-in-out infinite;transform-origin:center bottom}.map-animation rect[fill="#24C28A"]{animation:blinkEyes 7s infinite;transform-origin:center}.map-animation path[fill*=paint0],.map-animation path[fill*=paint1]{animation:handTyping 3.5s ease-in-out infinite;transform-origin:left center}.map-animation rect[fill*=paint6]{animation:screenGlow 4s ease-in-out infinite}.map-animation path[fill="#FFBCBC"]{animation:coffeeSmoke 5s ease-in-out infinite;transform-origin:center bottom}.map-animation circle[stroke="#F7F7F7"],.map-animation path[stroke]{animation:ideasFloat 6.5s ease-in-out infinite;transform-origin:center}body.map-open .top-bar{transform:translateY(-100%);transition:transform .35s ease}body.map-open .courses-container,body.map-open .carousel-btn{display:none!important}body.map-open .cours-title,body.map-open .courses-title,body.map-open .cours-title-bg{position:relative;z-index:0!important}@media (max-width: 1300px){.logoMap{transform:scale(.8) translate(-60px)}.logoMap2{transform:scale(.8);transition:transform .9s ease}.map-option{margin:0 auto}.map-btn-container{gap:0px 50px}.map-animation svg{width:230px}.map-animation{transform:translate(0) translateY(0);transition:transform .3s ease}.student-section{flex-direction:column;align-items:center;text-align:center;gap:40px;padding:40px 20px;margin:0 auto 150px;max-width:1000px}.title-achiv{margin:20px 0}.students_text{width:70%;margin:0 auto;font-size:16px}.students_text2{width:300px;margin:0 auto;flex-direction:column;align-items:center}}@media (max-width: 1200px){.footer{background-position:center,center -200px}.footer-grid{gap:10px;grid-template-columns:1fr 1.4fr}.gradient-title{font-size:34px}}@media (max-width: 1000px){.map-animation svg{width:280px;height:auto;transform:translateY(-30px)}.map-animation svg{width:280px;height:auto}.map-btn{padding:10px;text-align:center;align-content:center;font-size:14px;transform:translateY(-20px) translate(0);transition:transform .3s ease}.map-section{display:grid;grid-template-columns:1fr;grid-template-areas:"map-info" "map-wrapper";gap:30px;margin:0 auto;max-width:1400px;height:1500px}.map-info{grid-area:map-info;max-width:700px;margin:0 auto;transform:none;height:1000px;text-align:center;position:relative;z-index:1}.map-wrapper{margin:100px 0 0;grid-area:map-wrapper;justify-content:center;height:390px}.map-container,.map-bg{width:400px;height:300px;margin:0 auto}.map-btn-container{width:100%;margin:20px auto 0;display:flex;flex-direction:column;align-items:center;gap:20px}.map-btn{transform:none;font-size:16px}.logoMap{position:relative;transform:scale(.6) translateY(300px);left:100px;margin:20px auto 0}.logoMap2{display:none}}@media (max-width: 930px){.footer{background-position:center,center 250px}.footer-grid{grid-template-columns:1fr;gap:60px;text-align:center}.code-window{order:2}.footer-center{padding:45px 30px}.gradient-title{font-size:32px}}@media (max-width: 900px){.students_text{font-size:15px;line-height:1.6;padding:10px 15px}.students_text2 li{padding-left:0!important;font-size:15px;margin-bottom:10px;max-width:500px}.student-img{width:200px}}@media (max-width: 768px){.c1{position:relative;top:50px}*{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}}@media (max-width: 700px){.map-container{width:400px}.map-bg{max-width:400px}.student-section{margin-top:130px}.anim-container{top:0}}@media (max-width: 500px){.ItLoopStudents-photo{grid-template-columns:repeat(4,70px);grid-template-rows:repeat(3,100px);gap:15px}.img1,.img2,.img6,.img5{width:140px;height:100px}.img3{transform:translate(-45px);width:100px;height:100px}.img4{width:100px;height:100px}.img7{transform:translate(20px);width:100px;height:100px}.map-section{gap:30px 0;padding:0;max-width:1400px;height:1600px}.map-modal-content{padding:15px}.map-option,.map-close-btn{font-size:16px;padding:10px 15px}.map-option{padding:0}.logoMap{transform:scale(.6) translateY(290px) translate(-70px)}.map-container{width:300px;height:300px}.map-bg{max-width:300px}.map-btn-container{width:100px}}@media (max-width: 400px){.courses-title{font-size:20px!important}.map-info{height:900px}.c1{font-size:30px!important;top:100px}.map-animation svg{width:200px}.gradient-title{font-size:24px}.footer-logo img{width:90px}.footer-copy:before{width:80%}.students_text2{width:200px}}.dashboard-container{display:flex;min-height:100vh;position:relative;width:100%}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:15px}.dash-info p{font-size:16px;margin-bottom:10px;color:#333}.dash-info strong{color:#00d2ff}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #eee;text-align:left}.password-wrapper{position:relative}.password-wrapper input{padding-right:40px}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#a0aec0;padding:0;display:flex;align-items:center;z-index:2}.toggle-password:hover{color:#00d2ff}body.modal-open{overflow:hidden}body.modal-open .top-bar{display:none!important}.marker{width:25px;height:25px}.modal-message{margin-top:15px;text-align:center;font-size:14px;font-weight:500}.modal-message.error{color:#ff5252}.modal-message.success{color:#2d3748;background-color:#f0f5fa;border:1px solid #e2e8f0;padding:10px;border-radius:8px}.password-strength-container{margin-bottom:15px;background:#f9fafb;padding:10px;border-radius:10px;border:1px solid #edf2f7}.strength-meter{height:6px;background-color:#e2e8f0;border-radius:3px;overflow:hidden;margin-bottom:5px}.strength-bar{height:100%;width:0;transition:width .3s ease,background-color .3s ease}.strength-text{font-size:12px;margin-bottom:8px;font-weight:600;text-align:right}.password-requirements{margin-bottom:15px;background:#f9fafb;padding:12px 15px;border-radius:10px;border:1px solid #edf2f7}.requirements-title{font-size:13px;font-weight:600;color:#2d3748;margin-bottom:10px;margin-top:0}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{font-size:12px;color:#718096;margin-bottom:6px;display:flex;align-items:center;transition:color .3s ease}.requirements-list li:last-child{margin-bottom:0}.requirements-list li.valid{color:#48bb78}.check-icon{display:inline-block;width:18px;height:18px;margin-right:8px;font-weight:700;text-align:center;line-height:18px}.password-checklist{list-style:none;padding:0;margin:0;font-size:12px;color:#718096}.password-checklist li{margin-bottom:2px;display:flex;align-items:center;gap:5px}.password-checklist li:before{content:"•";font-size:14px}.password-checklist li.valid{color:#28c840}.password-checklist li.valid:before{content:"✓"}.marker{width:60px;height:60px;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer}body{font-family:Montserrat,sans-serif!important;background:var(--bg)!important;color:var(--text)!important;margin:0;padding:0}.dashboard-container{font-family:Montserrat,sans-serif}.fas,.far,.fab,.fal,.fad{display:inline-block!important;font-style:normal!important;font-variant:normal!important;text-rendering:auto!important;line-height:1!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-weight:900!important}*:not(i)>.fas,*:not(i)>.far,*:not(i)>.fab,*:not(i)>.fal,*:not(i)>.fad{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands"!important}.sidebar-nav i,.stat-icon i,.block-title i,.top-header i,.user-badge i,.action-btn i{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;display:inline-block!important}i[class*=fa-]{font-family:"Font Awesome 6 Free","Font Awesome 6 Brands"!important;font-weight:900!important;font-style:normal!important;display:inline-block!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.stat-icon i[class*=fa-]{display:inline-block!important;font-size:1.8rem!important;line-height:1!important;width:auto!important;height:auto!important}.testimonials-section[data-v-16307dbb]{position:relative;overflow-x:auto;overflow-y:hidden;max-width:100%;margin:20px auto;content-visibility:auto;contain-intrinsic-size:1px 600px;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.testimonials-section[data-v-16307dbb]::-webkit-scrollbar{display:none}.testimonials-title[data-v-16307dbb]{font-size:48px;font-family:Montserrat,sans-serif;font-weight:800;text-align:center;margin:0 0 20px!important;letter-spacing:.6px;text-transform:uppercase;background:linear-gradient(90deg,#00d2ff,#3a7bd5,#f1c40f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:glowGradient-16307dbb 3s linear infinite;position:relative;z-index:2}@keyframes glowGradient-16307dbb{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.testimonials-container[data-v-16307dbb]{position:relative;height:600px;min-height:300px;max-width:1200px;margin:0 auto;display:flex;flex-direction:row;gap:20px;padding:10px;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;border-radius:50% 50% 48% 52%/68% 23% 77% 32%;background:linear-gradient(120deg,#0cdbff4d,#ffef004d);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);cursor:grab;-webkit-user-select:none;user-select:none}.testimonials-container[data-v-16307dbb]:active{cursor:grabbing}.testimonials-container[data-v-16307dbb]::-webkit-scrollbar{display:none}.testimonials-container .testimonial-content-wrapper[data-v-16307dbb]{display:flex;flex-direction:row;gap:20px;animation:scroll-16307dbb 40s linear infinite;padding:10px}.testimonials-container.paused .testimonial-content-wrapper[data-v-16307dbb]{animation-play-state:paused!important}@keyframes scroll-16307dbb{0%{transform:translate(0)}to{transform:translate(-3200px)}}.testimonial-image[data-v-16307dbb]{width:auto;max-width:400px;border-radius:15px;overflow:hidden;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;scroll-snap-align:start;-webkit-overflow-scrolling:touch}.testimonial-img[data-v-16307dbb]{width:100%;height:auto;display:block;border-radius:15px;transition:transform .3s ease;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.testimonial-card-1[data-v-16307dbb],.testimonial-card-2[data-v-16307dbb],.testimonial-card-3[data-v-16307dbb],.testimonial-card-4[data-v-16307dbb],.testimonial-card-5[data-v-16307dbb],.testimonial-card-6[data-v-16307dbb],.testimonial-card-7[data-v-16307dbb],.testimonial-card-8[data-v-16307dbb],.testimonial-card-9[data-v-16307dbb],.testimonial-card-10[data-v-16307dbb]{position:static;transform:none;top:auto;left:auto;right:auto}@media (max-width: 1000px){.testimonials-section[data-v-16307dbb]{padding:60px 20px}.testimonials-title[data-v-16307dbb]{font-size:30px;margin-bottom:50px}.testimonials-container[data-v-16307dbb]{height:400px;min-height:250px;gap:15px}.testimonial-image[data-v-16307dbb]{max-width:300px}.testimonials-container .testimonial-content-wrapper[data-v-16307dbb]{animation-duration:60s}}@media (max-width: 900px){.testimonials-container .testimonial-content-wrapper[data-v-16307dbb]{animation-duration:80s}}@media (max-width: 800px){.testimonials-container .testimonial-content-wrapper[data-v-16307dbb]{animation-duration:100s}}@media (max-width: 700px){.testimonials-container .testimonial-content-wrapper[data-v-16307dbb]{animation-duration:120s}}@media (max-width: 600px){.testimonials-container .testimonial-content-wrapper[data-v-16307dbb]{animation-duration:140s}}@media (max-width: 675px){.testimonials-container[data-v-16307dbb]{height:350px}}@media (max-width: 768px){.testimonials-container[data-v-16307dbb]{min-height:200px;gap:10px;padding:10px}.testimonial-img[data-v-16307dbb]{font-size:15px}}@media (max-width: 500px){.testimonials-section[data-v-16307dbb]{padding:50px 15px}.testimonials-title[data-v-16307dbb]{font-size:26px}.testimonials-container[data-v-16307dbb]{min-height:180px;gap:8px;padding:8px}.testimonial-img[data-v-16307dbb]{width:100%}}.floating-courses[data-v-221a3e2d]{position:absolute;top:20px90-;left:0;width:100%;height:100%;pointer-events:none}.floating-course[data-v-221a3e2d]{position:absolute;width:60px;height:60px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0003;animation:floatAnim-221a3e2d 4s ease-in-out infinite;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5}.floating-course img[data-v-221a3e2d]{width:100%;height:100%;object-fit:cover}@keyframes floatAnim-221a3e2d{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.list-move[data-v-4c35f418]{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}