@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Amiri:wght@400;700&display=swap";:root{--primary: #047857;--primary-light: #10b981;--primary-dark: #064e3b;--secondary: #fbbf24;--bg-app: #f8fafc;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--shadow-hover: 0 10px 25px -5px rgba(4, 120, 87, .15);--radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased}.quran-text{font-family:Amiri,serif}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem;transition:var(--transition);z-index:10}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-app)}.top-header{height:76px;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;box-shadow:0 1px 2px #00000005;z-index:5}.content-area{flex:1;padding:2rem;overflow-y:auto;animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-muted);text-decoration:none;border-radius:12px;font-weight:500;transition:var(--transition);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--primary);transform:scaleY(0);transition:transform .2s ease;border-radius:0 4px 4px 0}.nav-link:hover{background:#f1f5f9;color:var(--primary);transform:translate(4px)}.nav-link.active{background:#ecfdf5;color:var(--primary-dark)}.nav-link.active:before{transform:scaleY(1)}.nav-link-sub{display:flex;align-items:center;gap:10px;padding:8px 12px;color:var(--text-muted);text-decoration:none;border-radius:8px;font-weight:500;font-size:.88rem;transition:var(--transition);position:relative;overflow:hidden}.nav-link-sub:hover{background:#f1f5f9;color:var(--primary);transform:translate(4px)}.nav-link-sub.active{background:#ecfdf5;color:var(--primary-dark);font-weight:600}.card{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid rgba(226,232,240,.6);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-hover)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1.25rem;border-left:4px solid var(--primary)}.stat-card:hover{transform:translateY(-4px)}.stat-icon{width:56px;height:56px;border-radius:14px;background:var(--bg-app);display:flex;align-items:center;justify-content:center;color:var(--primary)}.stat-info h3{font-size:.875rem;color:var(--text-muted);font-weight:500;margin-bottom:4px}.stat-info p{font-size:1.75rem;font-weight:700;color:var(--text-main)}.module-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px -10px #0000001a}.hover-card:hover{border-color:var(--primary)!important;background:#ecfdf5!important;transform:translateY(-2px)}.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.badge{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-primary{background:#e0e7ff;color:#3730a3}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px}.data-table th,.data-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border)}.data-table th{color:var(--text-muted);font-weight:500;font-size:.875rem;background:#f8fafc}.data-table th:first-child{border-top-left-radius:8px}.data-table th:last-child{border-top-right-radius:8px}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#f8fafc}.btn{padding:10px 18px;border-radius:10px;border:none;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #04785733}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 6px 8px -1px #0478574d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}input{font-family:inherit;transition:var(--transition)}input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0478571a}@media (max-width: 768px){.app-layout{flex-direction:column}.sidebar{position:fixed;top:0;left:-100%;bottom:0;width:280px;height:100vh;z-index:1000;box-shadow:var(--shadow-lg);border-right:1px solid var(--border);transition:left .3s cubic-bezier(.4,0,.2,1)}.sidebar.open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .3s ease}.top-header{padding:0 1rem;height:64px}.content-area,.card{padding:1rem!important}.btn{padding:12px!important;font-size:.9rem!important;width:100%!important;justify-content:center}.stat-grid{grid-template-columns:1fr;gap:1rem}.menu-toggle{display:flex!important}.controls-bar{flex-direction:column!important;align-items:stretch!important}input[type=text],input[type=password],select{width:100%!important}.tabs-container{flex-wrap:wrap!important;justify-content:center!important}.action-buttons{flex-direction:column;width:100%}}.menu-toggle{display:none;background:transparent;border:none;color:var(--text-main);padding:8px;cursor:pointer;border-radius:8px;align-items:center;justify-content:center}.menu-toggle:active{background:#f1f5f9}@media print{body *{visibility:hidden}.print-section,.print-section *{visibility:visible}.print-section{position:absolute;left:0;top:0;width:100%;margin:0;padding:0}.no-print{display:none!important}@page{margin:.5cm}}.super-admin-banner{background:radial-gradient(circle at 10% 20%,#0e1726,#1f2937 90%);border-radius:24px;padding:2.5rem;color:#fff;position:relative;overflow:hidden;margin-bottom:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.super-admin-banner h2{font-size:2.5rem;margin-bottom:10px;font-weight:700;letter-spacing:-.02em}@media (max-width: 768px){.super-admin-banner{padding:1.5rem!important;border-radius:16px!important}.super-admin-banner h2{font-size:1.75rem!important}}.landing-page{font-family:Inter,system-ui,sans-serif;background:#f8fafc;min-height:100vh;overflow-x:hidden}.landing-nav{padding:20px 0;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(226,232,240,.8)}.hero-section{position:relative;padding:100px 0 80px;overflow:hidden;text-align:center;background:linear-gradient(180deg,#f8fafc,#fff)}.hero-content{position:relative;z-index:10;max-width:800px;margin:0 auto}.badge-pill{display:inline-block;padding:8px 16px;background:#d1fae5;color:#065f46;border-radius:30px;font-size:.875rem;font-weight:700;margin-bottom:24px;border:1px solid rgba(16,185,129,.2);box-shadow:0 4px 6px #00000005;animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;color:#0f172a;margin-bottom:24px;letter-spacing:-.03em;position:relative;overflow:hidden}.hero-title:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,#10b981,#3b82f6);transform:scaleX(0);transform-origin:left;animation:underline 3s forwards}@keyframes underline{to{transform:scaleX(1)}}.text-gradient{background:linear-gradient(135deg,#059669,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero-subtitle{font-size:1.25rem;color:#475569;line-height:1.6;margin-bottom:40px}.hero-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:60px}.hero-btn{padding:16px 32px;font-size:1.1rem;border-radius:12px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center}.hero-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0596694d}.hero-btn-outline{padding:16px 32px;font-size:1.1rem;border-radius:12px;font-weight:600;background:#fff;color:#0f172a;border:1px solid #cbd5e1;box-shadow:0 4px 6px -1px #0000000d;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.landing-nav-content{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.dev-card-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:48px;align-items:center}.dev-card-info{display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 992px){.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.hero-content{align-items:center!important}.hero-title{font-size:2.8rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center!important}.hero-stats{flex-wrap:wrap;justify-content:center}}@media (max-width: 768px){.landing-nav-content{flex-direction:column;gap:16px;padding:16px}.hero-title{font-size:2.2rem}.hero-btn,.hero-btn-outline{width:100%}.dev-card-grid{grid-template-columns:1fr;text-align:center;padding:24px}.dev-card-info{align-items:center!important}.hero-stats{gap:20px!important}}.hero-btn-outline:hover{background:#f8fafc}.hero-stats{display:flex;justify-content:center;align-items:center;gap:40px;background:#fff;padding:24px 48px;border-radius:24px;box-shadow:0 20px 25px -5px #0000000d;border:1px solid rgba(226,232,240,.8);display:inline-flex}.animate-slide-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-slide-up.visible{opacity:1;transform:none}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:800;color:#0f172a}.stat-label{font-size:.875rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.stat-divider{width:1px;height:40px;background:#e2e8f0}.blob{position:absolute;filter:blur(80px);z-index:1;border-radius:50%;opacity:.5;animation:blobMove 20s infinite alternate}@keyframes blobMove{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}to{transform:translate(-30px,30px) scale(.9)}}.blob-1{width:400px;height:400px;background:#10b9814d;top:-100px;left:-100px}.blob-2{width:500px;height:500px;background:#3b82f633;bottom:-200px;right:-100px;animation-delay:5s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.features-section{padding:100px 0;background:#fff}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:16px}.section-subtitle{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.feature-card{padding:32px;border-radius:24px;background:#f8fafc;border:1px solid #e2e8f0;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d;background:#fff;border-color:#cbd5e1}.feature-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-card h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:12px}.feature-card p{color:#64748b;line-height:1.6}.trust-section{padding:100px 0;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden}.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.checklist li{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.1rem;font-weight:500;background:#ffffff1a;padding:12px 24px;border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-footer{background:#0f172a;padding:32px 0;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column}.hero-stats{flex-direction:column;gap:20px;padding:24px}.stat-divider{width:100%;height:1px}.section-title{font-size:2rem}}.landing-page{font-family:Outfit,Inter,sans-serif;background-color:#fafafa;color:#1e293b;overflow-x:hidden}.comparison-section{padding:100px 0;background:linear-gradient(135deg,#090d16,#111827);color:#fff;position:relative;overflow:hidden}.comparison-header{text-align:center;margin-bottom:60px}.comparison-title{font-size:2.8rem;font-weight:800;letter-spacing:-.03em;margin-bottom:12px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.comparison-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;max-width:1100px;margin:0 auto;padding:0 20px;align-items:center}.comparison-card-before{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:40px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 50px -12px #00000080;position:relative}.comparison-card-after{background:#fff;border-radius:28px;padding:40px;color:#0f172a;box-shadow:0 30px 60px -15px #3b82f64d,0 0 40px 10px #3b82f61a;position:relative;border:1px solid rgba(59,130,246,.1)}.solution-badge{position:absolute;top:-14px;right:40px;background:#3b82f6;color:#fff;padding:6px 14px;border-radius:20px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 8px 16px #3b82f64d}.comparison-list{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-direction:column;gap:20px}.comparison-item{display:flex;align-items:center;gap:16px;font-size:1.05rem;font-weight:500}.comparison-item.before{color:#94a3b8}.comparison-item.after{color:#334155;font-weight:600}.dev-partner-section{padding:80px 0;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.dev-card{max-width:900px;margin:0 auto;background:#fff;border-radius:24px;padding:40px;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:40px}@media (max-width: 768px){.dev-card{flex-direction:column;text-align:center;padding:30px 20px;gap:24px}.comparison-grid{grid-template-columns:1fr;gap:30px}}.interactive-demo{background:#fff;border-radius:24px;border:1px solid #e2e8f0;box-shadow:var(--shadow-md);overflow:hidden;max-width:1000px;margin:40px auto}.demo-tabs{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px;gap:8px;overflow-x:auto}.demo-tab-btn{padding:12px 24px;border-radius:12px;border:none;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;background:transparent;color:#64748b;white-space:nowrap}.demo-tab-btn.active{background:#fff;color:var(--primary-dark);box-shadow:var(--shadow-sm)}.demo-content{padding:32px;min-height:350px;background:#fff}@keyframes gradient-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:.8}to{transform:scale(.95);opacity:.5}}.animate-slide-up{animation:slideUp .8s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{animation:fadeInScale .6s cubic-bezier(.16,1,.3,1) forwards}.glowing-ring{animation:pulse-ring 3s infinite ease-in-out}.glass-panel{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26870d}.dark-glass-panel{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0003}.portal-card{transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;overflow:hidden;position:relative}.portal-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.portal-card:hover:before{transform:scaleX(1)}.portal-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -15px #0000001a;border-color:#10b9814d!important}.pulse-green{animation:pulse-indicator 2s infinite}@keyframes pulse-indicator{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.logo-ticker-container{overflow:hidden;white-space:nowrap;position:relative;width:100%;padding:24px 0;background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.logo-ticker-inner{display:inline-flex;gap:40px;animation:logo-ticker-scroll 25s linear infinite;align-items:center}@keyframes logo-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-ticker-inner:hover{animation-play-state:paused}.browser-mockup{border-radius:16px;background:#fff;box-shadow:0 25px 50px -12px #0000001f,0 0 80px #10b9810d;border:1px solid #e2e8f0;overflow:hidden}.browser-header{height:40px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 16px;gap:8px}.browser-dot{width:12px;height:12px;border-radius:50%}.browser-dot.red{background:#ff5f56}.browser-dot.yellow{background:#ffbd2e}.browser-dot.green{background:#27c93f}.browser-address{flex:1;background:#fff;border-radius:6px;height:24px;border:1px solid #e2e8f0;margin:0 40px;font-size:.75rem;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:6px}.mesh-bg-circle{position:absolute;border-radius:50%;filter:blur(120px);z-index:0;opacity:.6}.mesh-1{background:radial-gradient(circle,rgba(16,185,129,.25) 0%,transparent 80%);width:500px;height:500px;top:-100px;right:-100px}.mesh-2{background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 80%);width:600px;height:600px;bottom:-150px;left:-150px}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 15px 30px #10b98126;transform:translateY(-4px)}.who-section{padding:80px 0;background:#f8fafc;font-family:Outfit,sans-serif;overflow:hidden}.who-container{max-width:1200px;margin:0 auto;padding:0 20px}.who-header{text-align:center;margin-bottom:60px}.who-title{font-size:2.5rem;font-weight:800;color:#0f172a;margin-bottom:16px;letter-spacing:-.02em}.who-subtitle{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.who-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:48px;flex-wrap:wrap}.who-tab-btn{padding:12px 32px;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background:#fff;color:#64748b;box-shadow:0 4px 6px -1px #0000000d}.who-tab-btn:hover{background:#f1f5f9;color:#334155}.who-tab-btn.active-admin{background:#4f46e5;color:#fff;transform:scale(1.05);box-shadow:0 10px 15px -3px #4f46e54d}.who-tab-btn.active-teacher{background:#0d9488;color:#fff;transform:scale(1.05);box-shadow:0 10px 15px -3px #0d94884d}.who-tab-btn.active-parent{background:#f59e0b;color:#fff;transform:scale(1.05);box-shadow:0 10px 15px -3px #f59e0b4d}.who-content-wrapper{position:relative;min-height:400px}.who-pane{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .5s ease}.who-pane.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}.who-card{display:flex;background:#fff;border-radius:24px;padding:48px;box-shadow:0 20px 25px -5px #0000000d;border:1px solid #f1f5f9;gap:48px;align-items:center}.who-card-reverse{flex-direction:row-reverse}.who-text{flex:1}.who-text h3{font-size:1.8rem;font-weight:800;margin-bottom:24px}.who-text.admin h3{color:#4338ca}.who-text.teacher h3{color:#0f766e}.who-text.parent h3{color:#d97706}.who-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.who-list li{display:flex;align-items:flex-start;gap:16px;font-size:1.1rem;color:#475569;line-height:1.6}.who-list-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;margin-top:4px}.who-list-icon.admin{background:#e0e7ff;color:#4f46e5}.who-list-icon.teacher{background:#ccfbf1;color:#0d9488}.who-list-icon.parent{background:#fef3c7;color:#d97706}.who-image{flex:1;position:relative;width:100%}.who-img-box{width:100%;aspect-ratio:16/9;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.who-img-box.admin{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #e0e7ff}.who-img-box.teacher{background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border:1px solid #ccfbf1}.who-img-box.parent{background:linear-gradient(135deg,#fffbeb,#fff7ed);border:1px solid #fef3c7}.who-img-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff;box-shadow:0 10px 15px -3px #0000001a}.who-img-icon.admin{background:#6366f1}.who-img-icon.teacher{background:#14b8a6}.who-img-icon.parent{background:#f59e0b}.who-img-text{font-weight:600;font-size:1.1rem}.who-img-text.admin{color:#3730a3}.who-img-text.teacher{color:#0f766e}.who-img-text.parent{color:#b45309}@media (max-width: 768px){.who-card{flex-direction:column;padding:24px;gap:32px}.who-card-reverse{flex-direction:column}.who-tabs{flex-direction:column;align-items:stretch}.who-tab-btn{width:100%;text-align:center}}.horizontal-tabs{display:flex;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;gap:1rem;padding-bottom:.5rem}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dashboard-bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.dashboard-bottom-grid{grid-template-columns:1fr}}.responsive-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.responsive-grid-2{grid-template-columns:1fr}}@media (max-width: 768px){.desktop-tabs-row{display:none!important}.mobile-tabs-dropdown{display:block!important}}@media (min-width: 769px){.mobile-tabs-dropdown{display:none!important}.desktop-tabs-row{display:flex!important}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-main)}.close-btn{background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--text-muted);cursor:pointer}.close-btn:hover{color:var(--text-main)}.modal-body{padding:1.5rem}@media (max-width: 768px){.top-header{flex-wrap:wrap;height:auto!important;padding:10px!important}div[style*=borderBottom]{flex-wrap:wrap;gap:5px!important}button{white-space:nowrap}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;display:block}.card{padding:1rem!important}.top-stats-card{flex-wrap:wrap;height:auto}.card>div[style*="justify-content: space-between"]{flex-wrap:wrap;gap:15px}.modal-overlay .card{width:95%!important;padding:1.5rem!important;margin:10px!important;max-height:90vh;overflow-y:auto}}.tabs-container,.action-buttons{flex-wrap:wrap!important}