@import url(https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);:root{--page-bg:#f7efe9;--page-bg-warm:#eedecf;--panel-bg:#fff;--panel-alt:#faf4ef;--panel-highlight:#f4e8dc;--text-main:#3d200f;--text-soft:#6e4f39;--text-muted:#9e7d66;--accent-color:#8c5a3c;--accent-hover:#a6714e;--accent-light:#f0e0d2;--gold-tint:#c59858;--gold-glow:#c5985840;--line:#e8d8cc;--line-soft:#4e2a1414;--shadow-sm:0 4px 14px #4e2a140a;--shadow-card:0 12px 32px #4e2a1412;--shadow-hover:0 20px 44px #4e2a1421;--radius-xl:26px;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--radius-pill:999px;--font-serif:"Playfair Display",Georgia,"Amiri",serif;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-arabic:"Amiri","Playfair Display",serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#f7efe9;background:var(--page-bg);background-attachment:fixed;background-image:radial-gradient(circle at 5% 15%,#eedecfb3 0,#0000 45%),radial-gradient(circle at 95% 85%,#eedecf99 0,#0000 45%);color:#3d200f;color:var(--text-main);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);line-height:1.6;min-height:100vh;width:100%}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#f7efe9;background:var(--page-bg)}::-webkit-scrollbar-thumb{background:#e8d8cc;background:var(--line);border-radius:999px;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#8c5a3c;background:var(--accent-color)}.serif-font,h1,h2,h3{color:#3d200f;color:var(--text-main);font-family:Playfair Display,Georgia,Amiri,serif;font-family:var(--font-serif);font-weight:700;letter-spacing:-.015em;line-height:1.25}a,button{-webkit-tap-highlight-color:transparent;transition:all .25s cubic-bezier(.4,0,.2,1)}button{background:none;border:none;cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}.site-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%}.container{margin:0 auto;max-width:1300px;padding:0 32px;width:100%}.topbar-wrapper{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#f7efe9f0;border-bottom:1px solid #e8d8cc;border-bottom:1px solid var(--line);box-shadow:0 2px 10px #4e2a1408;position:sticky;top:0;width:100%;z-index:100}.topbar-container{gap:20px;justify-content:space-between;padding-bottom:14px;padding-top:14px}.brand-wrap,.topbar-container{align-items:center;display:flex}.brand-wrap{gap:14px}.brand-logo-frame{background:#fff;background:var(--panel-bg);border:1.5px solid #c59858;border:1.5px solid var(--gold-tint);border-radius:14px;box-shadow:0 6px 16px #4e2a141f;display:grid;flex-shrink:0;height:52px;overflow:hidden;place-items:center;transition:transform .3s ease,box-shadow .3s ease;width:52px}.brand-logo-frame:hover{box-shadow:0 8px 22px #4e2a1433;transform:scale(1.05)}.brand-logo-img{display:block;height:100%;object-fit:cover;width:100%}.brand-text{display:flex;flex-direction:column}.brand-name{color:#3d200f;color:var(--text-main);font-family:Playfair Display,Georgia,Amiri,serif;font-family:var(--font-serif);font-size:1.28rem;font-weight:800;line-height:1.15}.brand-sub{color:#8c5a3c;color:var(--accent-color);direction:rtl;font-family:Amiri,Playfair Display,serif;font-family:var(--font-arabic);font-size:.96rem}.main-nav{align-items:center;display:flex;gap:26px;justify-content:center}.nav-link{color:#6e4f39;color:var(--text-soft);font-size:.95rem;font-weight:600;padding:6px 2px;position:relative}.nav-link:hover{color:#3d200f;color:var(--text-main)}.nav-link:after{background:#8c5a3c;background:var(--accent-color);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;width:0}.nav-link:hover:after{width:100%}.lang-switcher{align-items:center;background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 4px 14px #4e2a140a;box-shadow:var(--shadow-sm);display:inline-flex;gap:4px;padding:4px 6px}.lang-btn{border-radius:999px;border-radius:var(--radius-pill);color:#9e7d66;color:var(--text-muted);font-size:.84rem;font-weight:700;padding:5px 12px}.lang-btn:hover{color:#3d200f;color:var(--text-main)}.lang-btn.active{background:#8c5a3c;background:var(--accent-color);box-shadow:0 2px 8px #8c5a3c4d;color:#fff}.hero-section{overflow:hidden;padding:70px 0 80px;position:relative}.hero-container{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:1.25fr 1fr}.hero-copy{display:flex;flex-direction:column;gap:20px}.hero-arabic-banner{align-items:center;align-self:flex-start;background:#ffffffb3;border:1px solid #c59858;border:1px solid var(--gold-tint);border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 4px 14px #4e2a140a;box-shadow:var(--shadow-sm);display:inline-flex;gap:10px;padding:6px 18px}.academy-arabic{color:#8c5a3c;color:var(--accent-color);direction:rtl;font-family:Amiri,Playfair Display,serif;font-family:var(--font-arabic);font-size:1.05rem;font-weight:700}.banner-icon{color:#c59858;color:var(--gold-tint);font-size:.9rem}.eyebrow-wrap{display:flex}.eyebrow{display:inline-block;font-size:.88rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow,.eyebrow-dark{color:#8c5a3c;color:var(--accent-color)}.hero-main-title{color:#3d200f;color:var(--text-main);font-size:clamp(2.3rem,3.8vw,3.4rem);line-height:1.2}.hero-highlight-group{align-items:baseline;display:inline-flex;flex-wrap:wrap;gap:8px}.highlight{color:#8c5a3c;color:var(--accent-color);position:relative}.hero-big-arabic{color:#c59858;color:var(--gold-tint);direction:rtl;font-family:Amiri,Playfair Display,serif;font-family:var(--font-arabic);font-size:.85em}.hero-desc{color:#6e4f39;color:var(--text-soft);font-size:1.1rem;line-height:1.7;max-width:580px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-top:8px}.primary-btn{align-items:center;background:#3d200f;background:var(--text-main);border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 10px 24px #3d200f38;color:#fff;display:inline-flex;font-size:1.02rem;font-weight:700;justify-content:center;padding:1rem 2.2rem}.primary-btn:hover{background:#8c5a3c;background:var(--accent-color);box-shadow:0 14px 28px #8c5a3c4d;color:#fff;transform:translateY(-2px)}.secondary-link{align-items:center;border-bottom:2px solid #0000;color:#3d200f;color:var(--text-main);display:inline-flex;font-size:1rem;font-weight:700;gap:6px;padding:8px 12px}.secondary-link:hover{border-bottom-color:#8c5a3c;border-bottom-color:var(--accent-color);color:#8c5a3c;color:var(--accent-color);transform:translateX(3px)}.hero-panel{display:flex;flex-direction:column;gap:20px;position:relative}.hero-logo-showcase{display:grid;height:140px;margin:0 auto -10px;place-items:center;position:relative;width:140px}.hero-logo-halo{animation:pulseHalo 4s ease-in-out infinite alternate;background:radial-gradient(circle,#c5985840 0,#0000 70%);background:radial-gradient(circle,var(--gold-glow) 0,#0000 70%);border-radius:36px;filter:blur(10px);inset:-12px;position:absolute}@keyframes pulseHalo{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.1)}}.hero-center-logo{background:#fff;background:var(--panel-bg);border:2px solid #c59858;border:2px solid var(--gold-tint);border-radius:28px;box-shadow:0 16px 36px #4e2a1429;height:120px;object-fit:cover;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:120px;z-index:2}.hero-center-logo:hover{transform:scale(1.08) rotate(1deg)}.mini-card{align-items:center;background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 32px #4e2a1412;box-shadow:var(--shadow-card);display:flex;gap:16px;justify-content:space-between;padding:22px 28px;transition:transform .3s ease,box-shadow .3s ease}.mini-card:hover{box-shadow:0 20px 44px #4e2a1421;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-labels{display:flex;flex-direction:column;gap:2px}.card-labels .label{color:#9e7d66;color:var(--text-muted);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.card-arabic-sub{color:#8c5a3c;color:var(--accent-color);direction:rtl;font-family:Amiri,Playfair Display,serif;font-family:var(--font-arabic);font-size:1.05rem}.mini-card strong{color:#3d200f;color:var(--text-main);font-family:Playfair Display,Georgia,Amiri,serif;font-family:var(--font-serif);font-size:1.35rem;white-space:nowrap}.hero-block{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-box{background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 12px 32px #4e2a1412;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:4px;padding:22px 20px;transition:transform .3s ease,box-shadow .3s ease}.stat-box:hover{box-shadow:0 20px 44px #4e2a1421;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.stat-box.accent{background:linear-gradient(135deg,#fff,#f4e8dc);background:linear-gradient(135deg,#fff 0,var(--panel-highlight) 100%);border-color:#c59858;border-color:var(--gold-tint)}.small-label{color:#9e7d66;color:var(--text-muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stat-box strong{color:#3d200f;color:var(--text-main);font-family:Playfair Display,Georgia,Amiri,serif;font-family:var(--font-serif);font-size:1.32rem}.stat-arabic{color:#8c5a3c;color:var(--accent-color);direction:rtl;font-family:Amiri,Playfair Display,serif;font-family:var(--font-arabic);font-size:.95rem}.section-header{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:44px;text-align:center}.section-title-wrap{align-items:center;background:#ffffffb3;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 4px 14px #4e2a140a;box-shadow:var(--shadow-sm);display:inline-flex;gap:12px;padding:5px 16px}.section-arabic-badge{color:#8c5a3c;color:var(--accent-color);direction:rtl;font-family:Amiri,Playfair Display,serif;font-family:var(--font-arabic);font-size:1rem;font-weight:700}.section-header h2{color:#3d200f;color:var(--text-main);font-size:clamp(2rem,3vw,2.7rem);max-width:780px}.about-section{background:#faf4ef;background:var(--panel-alt);border-bottom:1px solid #e8d8cc;border-bottom:1px solid var(--line);border-top:1px solid #e8d8cc;border-top:1px solid var(--line);padding:85px 0}.about-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr}.info-card{background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #4e2a1412;box-shadow:var(--shadow-card);overflow:hidden;padding:38px 34px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.info-card:before{background:linear-gradient(90deg,#8c5a3c,#c59858);background:linear-gradient(90deg,var(--accent-color),var(--gold-tint));content:"";height:4px;left:0;position:absolute;right:0;top:0}.info-card:hover{box-shadow:0 20px 44px #4e2a1421;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.info-card h3{color:#3d200f;color:var(--text-main);font-size:1.35rem;margin-bottom:12px}.info-card p{color:#6e4f39;color:var(--text-soft);font-size:1.02rem;line-height:1.75}.courses-section{padding:95px 0}.course-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(2,1fr)}.course-card{align-items:flex-start;background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #4e2a1412;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:36px 32px;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.course-card:before{background:#8c5a3c;background:var(--accent-color);content:"";height:4px;left:0;position:absolute;right:0;top:0;transition:height .3s ease}.course-card.gold:before{background:linear-gradient(90deg,#c59858,#dfb370);background:linear-gradient(90deg,var(--gold-tint),#dfb370)}.course-card.navy:before{background:linear-gradient(90deg,#2c3e50,#8c5a3c);background:linear-gradient(90deg,#2c3e50,var(--accent-color))}.course-card.slate:before{background:linear-gradient(90deg,#5d6d7e,#8c5a3c);background:linear-gradient(90deg,#5d6d7e,var(--accent-color))}.course-card:hover{border-color:#c59858;border-color:var(--gold-tint);box-shadow:0 20px 44px #4e2a1421;box-shadow:var(--shadow-hover);transform:translateY(-6px)}.course-card:hover:before{height:6px}.course-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;width:100%}.course-tag{background:#f0e0d2;background:var(--accent-light);border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:999px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:700;letter-spacing:.06em;padding:4px 14px;text-transform:uppercase}.course-arabic-tag,.course-tag{color:#8c5a3c;color:var(--accent-color)}.course-arabic-tag{direction:rtl;font-family:Amiri,Playfair Display,serif;font-family:var(--font-arabic);font-size:1.05rem}.course-card h3{color:#3d200f;color:var(--text-main);font-size:1.45rem;margin:0}.course-card p{color:#6e4f39;color:var(--text-soft);flex-grow:1;font-size:1.02rem;line-height:1.7}.course-btn{align-items:center;border-bottom:2px solid #0000;color:#8c5a3c;color:var(--accent-color);display:inline-flex;font-size:.96rem;font-weight:700;gap:6px;margin-top:8px;padding:6px 0}.course-btn:hover{border-bottom-color:#8c5a3c;border-bottom-color:var(--accent-color);color:#3d200f;color:var(--text-main);transform:translateX(4px)}.goals-section{background:linear-gradient(180deg,#faf4ef,#f7efe9);background:linear-gradient(180deg,var(--panel-alt) 0,var(--page-bg) 100%);border-top:1px solid #e8d8cc;border-top:1px solid var(--line);padding:95px 0}.goals-desc{color:#6e4f39;color:var(--text-soft);font-size:1.06rem;line-height:1.7;margin:6px auto 0;max-width:680px;text-align:center}.goals-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(4,1fr);margin-top:48px}.goal-card{align-items:flex-start;background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #4e2a1412;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:34px 26px 28px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.goal-card:before{background:linear-gradient(90deg,#8c5a3c,#c59858);background:linear-gradient(90deg,var(--accent-color),var(--gold-tint));content:"";height:4px;left:0;position:absolute;right:0;top:0}.goal-card:hover{box-shadow:0 20px 44px #4e2a1421;box-shadow:var(--shadow-hover);transform:translateY(-6px)}.goal-icon{background:#f0e0d2;background:var(--accent-light);border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);box-shadow:0 4px 14px #4e2a140a;box-shadow:var(--shadow-sm);display:grid;font-size:2.2rem;height:58px;line-height:1;place-items:center;width:58px}.goal-card h3{color:#3d200f;color:var(--text-main);font-size:1.18rem;font-weight:700;line-height:1.35;margin:0}.goal-card p{color:#6e4f39;color:var(--text-soft);font-size:.95rem;line-height:1.65;margin:0}.mentor-section{padding:95px 0}.mentor-layout{grid-gap:36px;align-items:stretch;display:grid;gap:36px;grid-template-columns:1fr 1.15fr}.mentor-profile{background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #4e2a1412;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:22px;padding:38px 34px}.mentor-avatar-wrap{align-items:center;display:flex;gap:16px}.mentor-avatar{background:linear-gradient(135deg,#3d200f,#8c5a3c);background:linear-gradient(135deg,var(--text-main) 0,var(--accent-color) 100%);border:2px solid #c59858;border:2px solid var(--gold-tint);border-radius:24px;box-shadow:0 10px 24px #3d200f38;color:#fff;display:grid;font-family:Amiri,Playfair Display,serif;font-family:var(--font-arabic);font-size:2.5rem;font-weight:700;height:80px;place-items:center;width:80px}.mentor-info{display:flex;flex-direction:column;gap:10px}.mentor-badges{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.mentor-role-badge{background:#f0e0d2;background:var(--accent-light);border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:999px;border-radius:var(--radius-pill);font-size:.84rem;padding:4px 14px}.mentor-arabic-title,.mentor-role-badge{color:#8c5a3c;color:var(--accent-color);font-weight:700}.mentor-arabic-title{direction:rtl;font-family:Amiri,Playfair Display,serif;font-family:var(--font-arabic);font-size:1.15rem}.mentor-info h3{color:#3d200f;color:var(--text-main);font-size:1.7rem;margin:0}.mentor-arabic-role{direction:rtl;font-family:Amiri,Playfair Display,serif;font-family:var(--font-arabic);font-size:1.05rem}.mentor-arabic-role,.mentor-info p{color:#6e4f39;color:var(--text-soft)}.mentor-info p{font-size:1.02rem;line-height:1.75;margin-top:4px}.video-section{background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #4e2a1412;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:22px;justify-content:space-between;padding:34px 30px}.video-section-header h3{color:#3d200f;color:var(--text-main);font-size:1.35rem;margin-bottom:4px}.video-section-note{color:#9e7d66;color:var(--text-muted);font-size:.92rem}.video-gallery-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.video-card{display:flex;flex-direction:column}.video-link,.video-placeholder-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;width:100%}.video-thumbnail{aspect-ratio:16/9;background:#faf4ef;background:var(--panel-alt);border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);display:grid;overflow:hidden;place-items:center;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;width:100%}.video-link:hover .video-thumbnail{border-color:#c59858;border-color:var(--gold-tint);box-shadow:0 4px 14px #4e2a140a;box-shadow:var(--shadow-sm);transform:translateY(-3px)}.play-btn{background:#8c5a3c;background:var(--accent-color);border-radius:50%;box-shadow:0 4px 12px #8c5a3c4d;color:#fff;display:grid;height:44px;place-items:center;transition:transform .2s ease,background .2s ease;width:44px}.video-link:hover .play-btn{background:#3d200f;background:var(--text-main);transform:scale(1.1)}.play-btn.disabled{background:#f0e0d2;background:var(--accent-light);box-shadow:none;color:#8c5a3c;color:var(--accent-color)}.video-meta{align-items:flex-start;display:flex;flex-direction:column;gap:6px;width:100%}.video-title{color:#3d200f;color:var(--text-main);font-size:.95rem;font-weight:700}.video-coming-soon{background:#f4e8dc;background:var(--panel-highlight);color:#9e7d66;color:var(--text-muted);display:inline-block;font-size:.78rem;font-weight:600;padding:3px 10px}.tg-channel-btn,.video-coming-soon{border-radius:999px;border-radius:var(--radius-pill)}.tg-channel-btn{align-items:center;background:#24a1de;box-shadow:0 8px 20px #24a1de47;color:#fff;display:inline-flex;font-size:.98rem;font-weight:700;gap:10px;justify-content:center;margin-top:8px;padding:14px 24px}.tg-channel-btn:hover{background:#1c86ba;box-shadow:0 12px 24px #24a1de5c;color:#fff;transform:translateY(-2px)}.contact-section{padding:60px 0 80px}.contact-card{align-items:center;background:linear-gradient(135deg,#fff,#f4e8dc);background:linear-gradient(135deg,#fff 0,var(--panel-highlight) 100%);border:1.5px solid #c59858;border:1.5px solid var(--gold-tint);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #4e2a1412;box-shadow:var(--shadow-card);display:flex;gap:32px;justify-content:space-between;padding:48px 52px}.contact-card h2{font-size:clamp(1.8rem,2.6vw,2.5rem);margin:10px 0 0}.telegram-btn{align-items:center;background:#3d200f;background:var(--text-main);border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 12px 28px #3d200f3d;color:#fff;display:inline-flex;font-size:1.05rem;font-weight:700;justify-content:center;padding:1.15rem 2.4rem;white-space:nowrap}.telegram-btn:hover{background:#8c5a3c;background:var(--accent-color);box-shadow:0 16px 32px #8c5a3c52;color:#fff;transform:translateY(-3px)}.site-footer{background:#fff;border-top:1px solid #e8d8cc;border-top:1px solid var(--line);margin-top:auto;padding:32px 0;width:100%}.footer-container{color:#9e7d66;color:var(--text-muted);font-size:.94rem;gap:16px}.footer-arabic-motto{color:#8c5a3c;color:var(--accent-color);direction:rtl;font-family:Amiri,Playfair Display,serif;font-family:var(--font-arabic);font-size:1.25rem}@media (max-width:1100px){.goals-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.hero-container{gap:40px}.about-grid,.course-grid,.hero-container,.mentor-layout{grid-template-columns:1fr}.main-nav{gap:18px}}@media (max-width:768px){.container{padding:0 20px}.topbar-container{flex-wrap:wrap}.main-nav{border-top:1px solid #e8d8cc;border-top:1px solid var(--line);gap:16px;justify-content:flex-start;order:3;overflow-x:auto;padding-top:12px;width:100%}.goals-grid,.hero-block{grid-template-columns:1fr}.contact-card{align-items:flex-start;flex-direction:column;padding:32px 24px}.footer-container{flex-direction:column;gap:16px;text-align:center}.footer-left{align-items:center;text-align:center}}.footer-container{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.footer-left{display:flex;flex-direction:column;gap:6px}.footer-right{align-items:center;display:flex}.subtle-admin-link{align-items:center;background:#0000;border:1px solid #ffffff14;border-radius:999px;border-radius:var(--radius-pill);color:#ffffff73;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;letter-spacing:.02em;padding:6px 12px;text-decoration:none;transition:all .25s ease}.subtle-admin-link:hover{background:#ffffff0f;border-color:#d4af374d;color:#c59858;color:var(--gold-tint);transform:translateY(-1px)}.subtle-admin-link svg{transition:transform .2s ease,opacity .2s ease}.subtle-admin-link:hover svg{opacity:1;transform:scale(1.05)}.grades-section{background:#faf4ef;background:var(--panel-alt);border-top:1px solid #e8d8cc;border-top:1px solid var(--line);padding:85px 0}.grades-lookup-form{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:0 auto 28px;max-width:520px}.grades-input{background:#fff;border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:999px;border-radius:var(--radius-pill);color:#3d200f;color:var(--text-main);flex:1 1;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:.98rem;min-width:200px;outline:none;padding:13px 20px;transition:border-color .2s}.grades-input:focus{border-color:#8c5a3c;border-color:var(--accent-color)}.grades-error{background:#fdecea;border-radius:14px;border-radius:var(--radius-md);color:#c0392b;font-size:.95rem;margin-left:auto;margin-right:auto;margin-top:10px;max-width:520px;padding:10px 16px;text-align:center}.grades-table-wrap{background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #4e2a1412;box-shadow:var(--shadow-card);margin:0 auto;max-width:650px;overflow:hidden}.grades-table{border-collapse:collapse;width:100%}.grades-table th{background:#faf4ef;background:var(--panel-alt);border-bottom:1px solid #e8d8cc;border-bottom:1px solid var(--line);color:#9e7d66;color:var(--text-muted);font-size:.82rem;letter-spacing:.07em;padding:14px 20px;text-align:left;text-transform:uppercase}.grades-table td{border-bottom:1px solid #4e2a1414;border-bottom:1px solid var(--line-soft);font-size:.96rem;padding:14px 20px}.grades-table tr:last-child td{border-bottom:none}.grades-table tr.top-row{background:#1a7a5e0a}.rank-cell{font-size:1.15rem;text-align:center;width:50px}.points-badge{background:#3d200f;background:var(--text-main);border-radius:999px;border-radius:var(--radius-pill);color:#fff;display:inline-block;font-size:.88rem;font-weight:700;padding:3px 14px}.points-badge.pub{background:#8c5a3c;background:var(--accent-color)}.results-section{background:#f7efe9;background:var(--page-bg);border-top:1px solid #e8d8cc;border-top:1px solid var(--line);padding:85px 0}.results-gallery{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.result-card{background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #4e2a1412;box-shadow:var(--shadow-card);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.result-card:hover{box-shadow:0 20px 44px #4e2a1421;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.result-card img{aspect-ratio:4/3;display:block;object-fit:cover;width:100%}.result-caption{border-top:1px solid #4e2a1414;border-top:1px solid var(--line-soft);color:#3d200f;color:var(--text-main);font-size:.95rem;font-weight:500;padding:16px 20px}.reviews-section{background:#faf4ef;background:var(--panel-alt);border-top:1px solid #e8d8cc;border-top:1px solid var(--line);padding:85px 0}.reviews-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:24px}.review-card{background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 12px 32px #4e2a1412;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:28px 26px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.review-card:before{background:linear-gradient(90deg,#8c5a3c,#c59858);background:linear-gradient(90deg,var(--accent-color),var(--gold-tint));content:"";height:4px;left:0;position:absolute;right:0;top:0}.review-card:hover{box-shadow:0 20px 44px #4e2a1421;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.review-stars{color:#f59e0b;font-size:1.15rem;letter-spacing:2px}.review-text{color:#6e4f39;color:var(--text-soft);flex-grow:1;font-size:.98rem;font-style:italic;line-height:1.7}.review-author{align-items:center;display:flex;gap:12px;margin-top:6px}.review-avatar{background:linear-gradient(135deg,#3d200f,#8c5a3c);background:linear-gradient(135deg,var(--text-main),var(--accent-color));border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;place-items:center;width:40px}.review-author span{color:#3d200f;color:var(--text-main);font-size:.96rem;font-weight:700}.admin-login-page{align-items:center;background:radial-gradient(circle at 50% 20%,#eedecf 0,#f7efe9 65%,#e8d8cc 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.admin-login-glow-bg{background:radial-gradient(circle,#c5985840 0,#0000 70%);height:550px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:550px}.admin-login-card{align-items:center;background:#fff;border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 20px 44px #4e2a1421;box-shadow:var(--shadow-hover);box-sizing:border-box;display:flex;flex-direction:column;max-width:420px;padding:44px 38px;position:relative;width:100%;z-index:2}.admin-login-logo{border:2.5px solid #c59858;border:2.5px solid var(--gold-tint);border-radius:20px;box-shadow:0 8px 18px #4e2a141f;height:76px;margin-bottom:12px;overflow:hidden;width:76px}.admin-login-logo img{height:100%;object-fit:cover;width:100%}.admin-login-badge{background:#f0e0d2;background:var(--accent-light);border-radius:999px;border-radius:var(--radius-pill);color:#8c5a3c;color:var(--accent-color);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:8px;padding:4px 14px;text-transform:uppercase}.admin-login-card h1{color:#3d200f;color:var(--text-main);font-family:Playfair Display,Georgia,Amiri,serif;font-family:var(--font-serif);font-size:1.65rem;margin:4px 0 2px}.admin-login-sub{color:#9e7d66;color:var(--text-muted);font-size:.9rem;margin:0 0 22px}.admin-login-form{gap:16px;width:100%}.admin-field,.admin-login-form{display:flex;flex-direction:column}.admin-field{gap:6px}.admin-field label{color:#6e4f39;color:var(--text-soft);font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.password-input-wrap{align-items:center;display:flex;position:relative;width:100%}.password-input-wrap input{background:#faf4ef;background:var(--panel-alt);border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:14px;border-radius:var(--radius-md);box-sizing:border-box;color:#3d200f;color:var(--text-main);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:1rem;outline:none;padding:13px 44px 13px 18px;transition:all .2s;width:100%}.password-input-wrap input:focus{background:#fff;border-color:#8c5a3c;border-color:var(--accent-color);box-shadow:0 0 0 3px #f0e0d2;box-shadow:0 0 0 3px var(--accent-light)}.toggle-password-btn{background:none;border:none;color:#9e7d66;color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:4px;position:absolute;right:12px}.admin-error{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;border-radius:var(--radius-md);color:#dc2626;font-size:.88rem;line-height:1.4;padding:10px 14px}.admin-login-btn{background:#3d200f;background:var(--text-main);border:none;border-radius:999px;border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:13px;transition:all .25s ease;width:100%}.admin-login-btn:hover{background:#8c5a3c;background:var(--accent-color);transform:translateY(-1px)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.6}.admin-back-link{color:#9e7d66;color:var(--text-muted);font-size:.88rem;margin-top:18px;text-decoration:none;transition:color .2s}.admin-back-link:hover{color:#8c5a3c;color:var(--accent-color)}.admin-layout{background:#f7efe9;background:var(--page-bg);color:#3d200f;color:var(--text-main);display:flex;min-height:100vh;position:relative}.admin-mobile-header{align-items:center;background:#2d180c;border-bottom:1px solid #c5985833;box-shadow:0 2px 10px #2d180c40;color:#fff;display:none;justify-content:space-between;padding:12px 18px;position:sticky;top:0;z-index:50}.admin-mobile-brand{align-items:center;display:flex;gap:10px}.admin-mobile-logo{border:1.5px solid #c59858;border:1.5px solid var(--gold-tint);border-radius:10px;height:36px;object-fit:cover;width:36px}.admin-mobile-role{color:#ffffffa6;display:block;font-size:.75rem}.admin-mobile-actions{align-items:center;display:flex;gap:8px}.admin-mobile-logout,.admin-top-link{background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;text-decoration:none;transition:background .2s}.admin-mobile-logout{background:#dc262640;border-color:#dc262666}.admin-bottom-nav{background:#2d180c;border-top:1px solid #c5985833;bottom:0;box-shadow:0 -4px 14px #2d180c33;display:none;justify-content:flex-start;left:0;overflow-x:auto;padding:6px 10px;position:fixed;right:0;z-index:50}.admin-bottom-item{align-items:center;background:none;border:none;border-radius:12px;color:#ffffffa6;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;font-size:.72rem;font-weight:600;gap:3px;padding:6px 10px;transition:all .2s}.admin-bottom-item.active{background:#8c5a3c;background:var(--accent-color);color:#fff}.bottom-icon{font-size:1.15rem}.admin-sidebar{background:#2d180c;border-right:1px solid #c5985826;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:24px 0;position:sticky;top:0;width:270px}.admin-sidebar-brand{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:12px;margin-bottom:16px;padding:0 20px 22px}.admin-sidebar-brand-text span{display:block;font-family:Playfair Display,Georgia,Amiri,serif;font-family:var(--font-serif);font-size:1.02rem;font-weight:700}.admin-sidebar-brand-text small{color:#ffffff8c;font-size:.78rem}.admin-sidebar-logo{border:1.5px solid #c59858;border:1.5px solid var(--gold-tint);border-radius:12px;height:44px;object-fit:cover;width:44px}.admin-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:6px;padding:0 14px}.admin-nav-item{align-items:center;background:none;border:none;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.94rem;font-weight:600;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.admin-nav-icon{font-size:1.15rem}.admin-nav-item:hover{background:#ffffff14;color:#fff}.admin-nav-item.active{background:#8c5a3c;background:var(--accent-color);box-shadow:0 4px 14px #8c5a3c66;color:#fff}.admin-sidebar-footer{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:8px;padding:16px 14px 0}.admin-view-site-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;border-radius:var(--radius-md);color:#ffffffd9;display:block;font-size:.88rem;font-weight:600;padding:10px 14px;text-align:center;text-decoration:none;transition:all .2s}.admin-view-site-btn:hover{background:#c5985833;border-color:#c59858;border-color:var(--gold-tint);color:#fff}.admin-logout-btn{background:#dc26262e;border:none;border-radius:14px;border-radius:var(--radius-md);color:#fca5a5;cursor:pointer;font-size:.88rem;font-weight:600;padding:10px 14px;text-align:center;transition:all .2s}.admin-logout-btn:hover{background:#dc262659;color:#fff}.admin-main{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:32px 36px}.admin-quick-stats{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));margin-bottom:28px}.quick-stat-card{align-items:center;background:#fff;border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 4px 14px #4e2a140a;box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:18px 20px}.stat-icon-wrap{border-radius:12px;display:grid;flex-shrink:0;font-size:1.4rem;height:48px;place-items:center;width:48px}.stat-label{color:#9e7d66;color:var(--text-muted);display:block;font-size:.82rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-num{color:#3d200f;color:var(--text-main);font-size:1.35rem;font-weight:700}.admin-live-stats{margin-top:24px}.admin-live-stat-grid,.admin-live-stats-header{align-items:center;display:flex;gap:14px;justify-content:space-between}.admin-group-stats>p,.admin-live-stats-header p{color:#9e7d66;color:var(--text-muted);font-size:.86rem;margin:0}.admin-live-stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));margin:18px 0 22px}.admin-live-stat-grid>div{background:#faf4ef;background:var(--panel-alt);border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:5px;padding:14px}.admin-live-stat-grid span{color:#6e4f39;color:var(--text-soft);font-size:.82rem}.admin-live-stat-grid strong{color:#3d200f;color:var(--text-main);font-size:1.3rem}.admin-group-stats{overflow-x:auto}.admin-group-column-chart{align-items:end;border-bottom:1px solid #e8d8cc;border-bottom:1px solid var(--line);display:flex;gap:18px;min-height:220px;min-width:max-content;padding:16px 8px 0}.admin-group-column{grid-gap:6px;display:grid;gap:6px;grid-template-rows:22px 150px 38px;justify-items:center;width:84px}.admin-group-column-value{color:#3d200f;color:var(--text-main);font-size:.84rem;font-weight:700}.admin-group-column-track{align-items:end;background:#faf4ef;background:var(--panel-alt);border-radius:10px 10px 3px 3px;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.admin-group-column-track span{background:linear-gradient(0deg,#10b981,#d4af37);border-radius:8px 8px 2px 2px;display:block;min-height:8px;transition:height .35s ease;width:min(48px,70%)}.admin-group-column-label{color:#6e4f39;color:var(--text-soft);font-size:.72rem;line-height:1.2;overflow:hidden;text-align:center;text-overflow:ellipsis;width:100%}.admin-sync-time{color:#9e7d66;color:var(--text-muted);display:block;margin-top:18px}.admin-section{display:flex;flex-direction:column;gap:22px}.admin-section-header h2{color:#3d200f;color:var(--text-main);font-family:Playfair Display,Georgia,Amiri,serif;font-family:var(--font-serif);font-size:1.55rem;font-weight:700;margin:0 0 6px}.admin-section-desc{color:#9e7d66;color:var(--text-muted);font-size:.95rem;margin:0}.admin-card{background:#fff;border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:26px;border-radius:var(--radius-xl);box-shadow:0 4px 14px #4e2a140a;box-shadow:var(--shadow-sm);box-sizing:border-box;padding:24px 28px}.admin-card-title{align-items:center;color:#3d200f;color:var(--text-main);display:flex;flex-wrap:wrap;font-size:1.08rem;font-weight:700;gap:10px;justify-content:space-between;margin:0 0 18px}.badge-count{background:#f0e0d2;background:var(--accent-light);border-radius:999px;border-radius:var(--radius-pill);color:#8c5a3c;color:var(--accent-color);font-size:.78rem;font-weight:600;padding:3px 10px}.admin-alert{align-items:center;border-radius:14px;border-radius:var(--radius-md);display:flex;font-size:.92rem;font-weight:600;gap:10px;padding:12px 18px}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.admin-flex-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.admin-form-col{display:flex;flex-direction:column;gap:14px}.admin-input{background:#faf4ef;background:var(--panel-alt);border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:14px;border-radius:var(--radius-md);box-sizing:border-box;color:#3d200f;color:var(--text-main);flex:1 1;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:.94rem;min-width:220px;outline:none;padding:11px 16px;transition:all .2s}.admin-input:focus{background:#fff;border-color:#8c5a3c;border-color:var(--accent-color);box-shadow:0 0 0 3px #f0e0d2;box-shadow:0 0 0 3px var(--accent-light)}.search-input{border-radius:999px;border-radius:var(--radius-pill);width:100%}.admin-textarea{min-height:90px;resize:vertical}.admin-btn{border:none;border-radius:14px;border-radius:var(--radius-md);cursor:pointer;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:.92rem;font-weight:700;padding:11px 22px;transition:all .2s;white-space:nowrap}.admin-btn.primary{background:#3d200f;background:var(--text-main);color:#fff}.admin-btn.primary:hover{background:#8c5a3c;background:var(--accent-color);transform:translateY(-1px)}.admin-btn.danger{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.admin-btn.danger:hover{background:#dc2626;color:#fff}.admin-btn.small{border-radius:10px;border-radius:var(--radius-sm);font-size:.82rem;padding:6px 14px}.admin-btn.full-w{width:100%}.admin-btn:disabled{cursor:not-allowed;opacity:.5}.grade-chart-card{background:linear-gradient(180deg,#fff,#faf4ef);background:linear-gradient(180deg,#fff 0,var(--panel-alt) 100%);margin-bottom:18px;padding:20px}.grade-chart-header{gap:20px;margin-bottom:18px}.grade-chart-header h4{font-size:1rem}.grade-chart-header p{color:#9e7d66;color:var(--text-muted);font-size:.8rem}.grade-summary{background:#f0e0d2;background:var(--accent-light);border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);min-width:96px;padding:10px 14px;text-align:center}.grade-summary strong{color:#3d200f;color:var(--text-main);display:block;font-size:1.35rem}.grade-summary span{color:#6e4f39;color:var(--text-soft);font-size:.72rem}.grade-chart-bars{grid-gap:12px;align-items:end;background:#ffffff8c;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:repeat(6,minmax(36px,1fr));height:180px;padding:12px 8px 4px}.grade-bar-group{align-items:center;display:flex;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.grade-bar-value{color:#9e7d66;color:var(--text-muted);font-size:.72rem;font-weight:700}.grade-bar-track{align-items:flex-end;background:linear-gradient(180deg,#8c5a3c0a,#8c5a3c1f);display:flex;height:100%;justify-content:center;padding:0 4px}.grade-bar-fill,.grade-bar-track{border-radius:10px 10px 0 0;width:100%}.grade-bar-fill{background:linear-gradient(180deg,#c59858,#8c5a3c);background:linear-gradient(180deg,var(--gold-tint),var(--accent-color));box-shadow:0 0 0 1px #8c5a3c1f;display:block;min-height:6px}.grade-bar-label{color:#6e4f39;color:var(--text-soft);font-size:.74rem;font-weight:700}.grade-chart-footer{color:#6e4f39;color:var(--text-soft);display:flex;font-size:.75rem;gap:12px;justify-content:space-between;margin-top:14px}.admin-empty-state{color:#9e7d66;color:var(--text-muted);padding:36px 16px;text-align:center}.empty-icon{display:block;font-size:2.2rem;margin-bottom:8px}.admin-two-cols{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:320px 1fr}.groups-list{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto}.group-item{align-items:center;background:#fff;border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:14px;border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.group-item:hover{background:#faf4ef;background:var(--panel-alt)}.group-item.selected,.group-item:hover{border-color:#8c5a3c;border-color:var(--accent-color)}.group-item.selected{background:#f0e0d2;background:var(--accent-light)}.group-item-info{display:flex;flex-direction:column;gap:2px}.group-name{color:#3d200f;color:var(--text-main);font-size:.94rem;font-weight:700}.group-code{color:#9e7d66;color:var(--text-muted);font-size:.78rem}.group-item-chevron{color:#8c5a3c;color:var(--accent-color);font-size:1.1rem;font-weight:700}.students-header-bar{align-items:center;border-bottom:1.5px solid #e8d8cc;border-bottom:1.5px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px;padding-bottom:14px}.group-id-pill{background:#f0e0d2;background:var(--accent-light);border-radius:999px;border-radius:var(--radius-pill);color:#8c5a3c;color:var(--accent-color);display:inline-block;font-size:.76rem;font-weight:600;margin-top:4px;padding:2px 10px}.add-student-form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.students-cards-container{display:flex;flex-direction:column;gap:8px}.student-row-card{align-items:center;background:#faf4ef;background:var(--panel-alt);border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:14px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px;transition:all .2s}.student-row-card:hover{background:#fff;border-color:#c59858;border-color:var(--gold-tint);box-shadow:0 4px 14px #4e2a140a;box-shadow:var(--shadow-sm)}.student-main-info{align-items:center;display:flex;gap:12px}.rank-badge{background:#f0e0d2;background:var(--accent-light);border-radius:50%;color:#8c5a3c;color:var(--accent-color);display:grid;font-size:.95rem;font-weight:700;height:34px;place-items:center;width:34px}.rank-badge.rank-1,.rank-badge.rank-2,.rank-badge.rank-3{background:#fef3c7;font-size:1.2rem}.student-name{color:#3d200f;color:var(--text-main);font-size:.96rem}.student-meta{color:#9e7d66;color:var(--text-muted);display:flex;font-size:.78rem;gap:12px;margin-top:2px}.current-pts{background:#f0e0d2;background:var(--accent-light);border-radius:999px;border-radius:var(--radius-pill);color:#8c5a3c;color:var(--accent-color);font-size:.82rem;font-weight:700;padding:3px 10px}.student-actions{align-items:center;display:flex;gap:12px}.grade-quick-select{align-items:center;background:#fff;border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:999px;border-radius:var(--radius-pill);display:flex;gap:4px;padding:4px}.grade-pill-btn{background:#0000;border:none;border-radius:50%;color:#6e4f39;color:var(--text-soft);cursor:pointer;display:grid;font-size:.85rem;font-weight:700;height:30px;place-items:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);width:30px}.grade-pill-btn:hover{background:#faf4ef;background:var(--panel-alt);color:#3d200f;color:var(--text-main);transform:scale(1.1)}.grade-pill-btn.active{background:linear-gradient(135deg,#1a7a5e,#115e46);box-shadow:0 4px 10px #1a7a5e59;color:#fff;transform:scale(1.08)}.admin-btn-icon-delete{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:50%;color:#dc2626;cursor:pointer;display:grid;font-size:.95rem;height:34px;place-items:center;transition:all .2s;width:34px}.admin-btn-icon-delete:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 12px #dc262640;transform:scale(1.1)}.group-delete-btn{align-items:center;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;color:#dc2626;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.34,1.56,.64,1);width:32px;z-index:5}.group-delete-btn:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 10px #dc26264d;color:#fff;transform:scale(1.12)}.admin-btn-icon-delete:active,.group-delete-btn:active{transform:scale(.94)}.grade-chart-card{background:#fff;border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #3d200f0d;margin-bottom:24px;padding:22px}.grade-chart-header{align-items:flex-start;border-bottom:1.5px solid #e8d8cc;border-bottom:1.5px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.grade-chart-header h4{color:#3d200f;color:var(--text-main);font-size:1.1rem;font-weight:800;margin:0 0 4px}.grade-chart-header p{color:#6e4f39;color:var(--text-soft);font-size:.85rem;margin:0}.chart-stat-badges{display:flex;flex-wrap:wrap;gap:10px}.mini-stat-badge{align-items:center;background:#faf4ef;background:var(--panel-alt);border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);display:flex;flex-direction:column;min-width:80px;padding:6px 14px}.mini-stat-title{color:#9e7d66;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.mini-stat-val{color:#3d200f;color:var(--text-main);font-size:1.15rem;font-weight:800;margin-top:2px}.text-gold{color:#d97706!important}.text-green{color:#10b981!important}.column-chart-wrapper{overflow-x:auto;padding:10px 0 6px}.column-chart-grid{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:repeat(6,1fr);height:200px;min-width:320px;padding-bottom:4px}.column-chart-item{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;position:relative}.column-value-tag{align-items:center;background:#faf4ef;background:var(--panel-alt);border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:999px;border-radius:var(--radius-pill);color:#3d200f;color:var(--text-main);display:flex;font-size:.78rem;font-weight:800;height:20px;justify-content:center;margin-bottom:8px;padding:2px 8px}.empty-val{color:#9e7d66;color:var(--text-muted);font-weight:500}.column-track{align-items:flex-end;background:#00000008;border:1px dashed #00000014;border-radius:12px 12px 6px 6px;display:flex;height:130px;max-width:52px;padding:4px;transition:all .2s;width:100%}.column-chart-item:hover .column-track{background:#0000000f;border-color:#c59858;border-color:var(--gold-tint)}.student-progress-table-wrap{overflow-x:auto}.student-progress-chart{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(90px,1fr));height:190px;margin:8px 0 22px;padding:12px 8px 0}.student-progress-chart-item{grid-gap:6px;color:#6e4f39;color:var(--text-soft);display:grid;font-size:.75rem;font-weight:700;gap:6px;grid-template-rows:20px minmax(0,1fr) 34px;justify-items:center;text-align:center}.student-progress-chart-track{align-items:flex-end;background:#faf4ef;background:var(--panel-alt);border-radius:10px 10px 5px 5px;display:flex;height:100%;overflow:hidden;width:min(100%,64px)}.student-progress-chart-bar{border-radius:8px 8px 4px 4px;min-height:0;transition:height .3s ease;width:100%}.progress-chart-up{background:linear-gradient(180deg,#34d399,#10b981)}.progress-chart-same{background:linear-gradient(180deg,#fbbf24,#d97706)}.progress-chart-down{background:linear-gradient(180deg,#f87171,#dc2626)}.progress-chart-no-data{background:linear-gradient(180deg,#9ca3af,#6b7280)}.student-progress-table{border-collapse:collapse;min-width:620px;text-align:left;width:100%}.student-progress-table td,.student-progress-table th{border-bottom:1px solid #e8d8cc;border-bottom:1px solid var(--line);font-size:.88rem;padding:12px 14px}.student-progress-table th{color:#9e7d66;color:var(--text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase}.student-progress-table tbody tr:last-child td{border-bottom:0}.progress-student-name{color:#3d200f;color:var(--text-main);font-weight:800}.progress-status{border-radius:999px;border-radius:var(--radius-pill);display:inline-flex;font-size:.76rem;font-weight:800;padding:5px 10px;white-space:nowrap}.progress-up{background:#d1fae5;color:#047857}.progress-down{background:#fee2e2;color:#b91c1c}.progress-same{background:#fef3c7;color:#92400e}.progress-no-data{background:#faf4ef;background:var(--panel-alt);color:#9e7d66;color:var(--text-muted)}.progress-difference-up{color:#047857;font-weight:800}.progress-difference-down{color:#b91c1c;font-weight:800}.student-progress-empty{color:#9e7d66;color:var(--text-muted);margin:8px 0;text-align:center}.review-status-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.review-status-badge{background:#faf4ef;background:var(--panel-alt);border-radius:999px;border-radius:var(--radius-pill);color:#6e4f39;color:var(--text-soft);display:inline-block;font-size:.74rem;font-weight:700;margin:0 0 10px;padding:4px 9px}.review-status-pending{background:#fef3c7;color:#92400e}.review-status-approved{background:#d1fae5;color:#047857}.review-status-rejected{background:#fee2e2;color:#b91c1c}.column-bar{align-items:center;border-radius:8px 8px 4px 4px;box-shadow:0 4px 12px #0000001f;display:flex;justify-content:center;min-height:4px;position:relative;transition:height .6s cubic-bezier(.34,1.56,.64,1);width:100%}.bar-inner-percent{color:#fff;font-size:.72rem;font-weight:800;text-shadow:0 1px 2px #0006}.column-axis-label{align-items:center;display:flex;flex-direction:column;margin-top:10px;text-align:center}.column-axis-label strong{color:#3d200f;color:var(--text-main);font-size:.84rem}.column-axis-label small{color:#9e7d66;color:var(--text-muted);font-size:.72rem;margin-top:1px}.group-delete-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:.92rem;opacity:.5;padding:4px;transition:all .2s}.group-item:hover .group-delete-btn{opacity:1}.group-delete-btn:hover{background:#fee2e2;transform:scale(1.2)}.month-selector-bar{background:#fff;border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:14px 18px}.month-selector-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.month-selector-label{color:#6e4f39;color:var(--text-soft);font-size:.86rem;font-weight:700}.current-month-display{background:#f0e0d2;background:var(--accent-light);border-radius:999px;border-radius:var(--radius-pill);color:#8c5a3c;color:var(--accent-color);font-size:.98rem;font-weight:800;padding:3px 12px}.month-pills-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.month-pill-btn{background:#faf4ef;background:var(--panel-alt);border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:999px;border-radius:var(--radius-pill);color:#3d200f;color:var(--text-main);cursor:pointer;font-size:.84rem;font-weight:700;padding:6px 14px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.month-pill-btn:hover{background:#fff;border-color:#8c5a3c;border-color:var(--accent-color);transform:translateY(-1px)}.month-pill-btn.active{background:linear-gradient(135deg,#1a7a5e,#115e46);border-color:#0000;box-shadow:0 4px 12px #1a7a5e47;color:#fff}.month-pill-btn.add-new-month{background:#0000;border-style:dashed;color:#6e4f39;color:var(--text-soft)}.month-pill-btn.add-new-month:hover{background:#f0e0d2;background:var(--accent-light);border-style:solid;color:#8c5a3c;color:var(--accent-color)}.add-month-inline-form{align-items:center;display:flex;gap:6px}.admin-input-compact{background:#fff;border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:10px;border-radius:var(--radius-sm);color:#3d200f;color:var(--text-main);font-size:.85rem;font-weight:600;outline:none;padding:5px 10px}.admin-input-compact:focus{border-color:#8c5a3c;border-color:var(--accent-color)}.student-journal-card{background:#fff;border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 2px 10px #00000008;display:flex;flex-direction:column;gap:16px;padding:18px 20px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.student-journal-card:hover{border-color:#c59858;border-color:var(--gold-tint);box-shadow:0 8px 24px #3d200f14}.student-journal-top{border-bottom:1px solid #e8d8cc;border-bottom:1px solid var(--line);gap:12px;justify-content:space-between;padding-bottom:12px}.student-journal-meta,.student-journal-top{align-items:center;display:flex;flex-wrap:wrap}.student-journal-meta{gap:8px;margin-top:4px}.badge-total-pts{background:#f0e0d2;background:var(--accent-light);color:#8c5a3c;color:var(--accent-color)}.badge-avg-pts,.badge-total-pts{border-radius:999px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:800;padding:3px 10px}.badge-avg-pts{background:#fef3c7;color:#d97706}.badge-lessons-count{background:#f3f4f6;border-radius:999px;border-radius:var(--radius-pill);color:#4b5563;font-size:.78rem;font-weight:600;padding:3px 8px}.lessons-journal-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}@media (min-width:1200px){.lessons-journal-grid{grid-template-columns:repeat(6,1fr)}}.lesson-cell{background:#faf4ef;background:var(--panel-alt);border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:14px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;padding:8px 10px;transition:all .2s}.lesson-cell.empty{opacity:.85}.lesson-cell.empty:hover{border-color:#9ca3af;opacity:1}.lesson-cell.has-grade{background:#fff;border-color:#8c5a3c;border-color:var(--accent-color);box-shadow:0 2px 6px #0000000a}.lesson-cell.grade-5{background:#10b9810d;border-color:#10b981}.lesson-cell.grade-4{background:#d977060d;border-color:#d97706}.lesson-cell.grade-3{background:#3b82f60d;border-color:#3b82f6}.lesson-cell.grade-0,.lesson-cell.grade-1,.lesson-cell.grade-2{background:#ef44440d;border-color:#ef4444}.lesson-cell-header{align-items:center;display:flex;justify-content:space-between}.lesson-cell-title{color:#6e4f39;color:var(--text-soft);font-size:.76rem;font-weight:700;text-transform:uppercase}.lesson-score-pill{background:#10b981;border-radius:4px;color:#fff;font-size:.74rem;font-weight:800;padding:1px 6px}.lesson-cell.grade-4 .lesson-score-pill{background:#d97706}.lesson-cell.grade-3 .lesson-score-pill{background:#3b82f6}.lesson-cell.grade-0 .lesson-score-pill,.lesson-cell.grade-1 .lesson-score-pill,.lesson-cell.grade-2 .lesson-score-pill{background:#ef4444}.lesson-grade-select{background:#fff;border:1px solid #e8d8cc;border:1px solid var(--line);border-radius:10px;border-radius:var(--radius-sm);color:#3d200f;color:var(--text-main);cursor:pointer;font-size:.82rem;font-weight:700;outline:none;padding:5px 6px;transition:border-color .15s;width:100%}.lesson-grade-select:focus{border-color:#8c5a3c;border-color:var(--accent-color)}.admin-dropzone{background:#faf4ef;background:var(--panel-alt);border:2px dashed #e8d8cc;border:2px dashed var(--line);border-radius:18px;border-radius:var(--radius-lg);cursor:pointer;padding:32px 20px;text-align:center;transition:all .2s}.admin-dropzone:hover{background:#f0e0d2;background:var(--accent-light);border-color:#8c5a3c;border-color:var(--accent-color)}.dropzone-placeholder{align-items:center;display:flex;flex-direction:column;gap:6px}.dropzone-icon{font-size:2.4rem;margin-bottom:4px}.dropzone-placeholder strong{color:#3d200f;color:var(--text-main);font-size:1rem}.dropzone-placeholder small{color:#9e7d66;color:var(--text-muted)}.dropzone-preview{align-items:center;display:flex;flex-direction:column;gap:10px}.dropzone-preview img{border-radius:14px;border-radius:var(--radius-md);max-height:190px;object-fit:contain}.results-admin-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.result-admin-card{background:#fff;border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:14px;border-radius:var(--radius-md);box-shadow:0 4px 14px #4e2a140a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.result-img-wrapper img{aspect-ratio:4/3;display:block;object-fit:cover;width:100%}.result-card-info{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:space-between;padding:12px}.result-card-caption{color:#6e4f39;color:var(--text-soft);font-size:.86rem;line-height:1.4;margin:0}.star-picker{align-items:center;display:flex;gap:10px}.star-picker label{color:#6e4f39;color:var(--text-soft);font-size:.82rem;font-weight:700;text-transform:uppercase}.stars-btns-wrap{display:flex;gap:2px}.star-choice-btn{background:none;border:none;color:#e8d8cc;color:var(--line);cursor:pointer;font-size:1.6rem;padding:0 2px;transition:color .15s}.star-choice-btn.filled{color:#f59e0b}.reviews-admin-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.review-admin-card{background:#faf4ef;background:var(--panel-alt);border:1.5px solid #e8d8cc;border:1.5px solid var(--line);border-radius:18px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px;padding:18px}.review-admin-header{align-items:center;display:flex;justify-content:space-between}.review-admin-user{align-items:center;display:flex;gap:8px}.avatar-circle{background:#3d200f;background:var(--text-main);border-radius:50%;color:#fff;display:grid;font-size:.82rem;font-weight:700;height:30px;place-items:center;width:30px}.stars-gold{color:#f59e0b;font-size:1rem;letter-spacing:1.5px}.review-admin-text{color:#6e4f39;color:var(--text-soft);flex:1 1;font-size:.92rem;font-style:italic;line-height:1.6;margin:0}.review-admin-footer{display:flex;justify-content:flex-end}.admin-steps-list{color:#6e4f39;color:var(--text-soft);line-height:1.9;padding-left:20px}.admin-steps-list code{background:#faf4ef;background:var(--panel-alt);border-radius:4px;padding:2px 6px}.admin-info-box,.admin-steps-list code{border:1px solid #e8d8cc;border:1px solid var(--line);color:#3d200f;color:var(--text-main)}.admin-info-box{background:#f0e0d2;background:var(--accent-light);border-radius:14px;border-radius:var(--radius-md);line-height:1.7;padding:16px 20px}@media (max-width:900px){.admin-two-cols{grid-template-columns:1fr}}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{display:none}.admin-bottom-nav,.admin-mobile-header{display:flex}.admin-main{padding:18px 14px 85px}.admin-card{border-radius:18px;border-radius:var(--radius-lg);padding:18px 14px}.admin-flex-row{align-items:stretch;flex-direction:column}.admin-btn,.admin-input{min-width:0;min-width:auto;width:100%}.add-student-form{flex-direction:column}.add-student-form input{max-width:none!important}.grade-chart-footer,.grade-chart-header{flex-direction:column}.grade-summary{width:100%}.student-row-card{align-items:flex-start;flex-direction:column;gap:10px}.student-actions{justify-content:space-between;width:100%}.student-actions .grade-num-input{flex:1 1;max-width:100px}.student-actions .admin-btn{flex:2 1}.admin-login-card{border-radius:18px;padding:32px 20px}}
/*# sourceMappingURL=main.8a0a41c3.css.map*/