body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#4b6cb7,#182848);color:#fff}.navbar{display:flex;justify-content:space-between;padding:15px 40px;background:#0000004d;align-items:center}.nav-title{font-size:20px;font-weight:700}.navbar button{margin-left:10px;padding:8px 15px;border-radius:20px;border:none;background:#ff9800;color:#fff;cursor:pointer}.hero-wrap{display:flex;justify-content:center;margin-top:60px}.hero-main-card,.dashboard-card,.quiz-card,.leaderboard-card,.crud-card,.form-card{width:70%;max-width:900px;background:#ffffff1f;padding:25px 30px;border-radius:18px;margin:0 auto}.hero-buttons button,.dashboard-buttons button{margin-right:10px;padding:10px 18px;border:none;border-radius:20px;background:#ff9800;color:#fff;cursor:pointer}.form-container{display:flex;justify-content:center;margin-top:60px}.form-card input{width:100%;margin:8px 0;padding:10px;border-radius:8px;border:none}.button{width:100%;padding:12px;margin-top:10px;border-radius:8px;border:none;background:#ff9800;color:#fff;cursor:pointer}.center-text{text-align:center;margin-top:60px}.timer{margin:10px 0 20px;display:inline-block;padding:6px 12px;border-radius:16px;background:#0000004d}.question-block{margin-bottom:15px}.option-row{display:flex;align-items:center;gap:6px}.lb-table{width:100%;border-collapse:collapse;margin-top:15px;background:#0003}.lb-table th,.lb-table td{padding:8px 10px;text-align:left}.lb-table th{background:#0000004d}.crud-form input{width:100%;margin:5px 0;padding:8px;border-radius:6px;border:none}.home-wrapper{width:100%;padding:40px 0;text-align:center;color:#fff}.home-header h2{font-size:32px;font-weight:700;margin-bottom:10px}.home-header p{font-size:18px;opacity:.9}.home-buttons{margin-top:25px;display:flex;justify-content:center;gap:20px}.primary-btn{background:#ff9800;color:#fff;border:none;padding:12px 25px;font-size:18px;border-radius:30px;cursor:pointer;transition:.2s}.primary-btn:hover{background:#ffa726;transform:translateY(-3px)}.cards-container{display:flex;justify-content:center;gap:30px;margin-top:40px;flex-wrap:wrap}.action-card{width:280px;background:#ffffff1f;padding:25px;border-radius:18px;cursor:pointer;transition:.3s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #00000040}.action-card h3{font-size:24px;margin-bottom:10px;font-weight:600}.action-card p{font-size:15px;opacity:.85}.action-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #00000059;background:#ffffff2e}.home-wrapper{position:relative;width:100%;min-height:90vh;padding:70px 0;text-align:center;color:#fff;background:linear-gradient(135deg,#203a72,#1e2e59 40%,#18305e);overflow:hidden}.circle{position:absolute;width:260px;height:260px;border-radius:50%;background:#ffffff14;filter:blur(35px);animation:float 12s infinite ease-in-out}.circle1{top:10%;left:15%}.circle2{bottom:10%;right:20%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}.home-header h1{font-size:40px;font-weight:800;margin-bottom:15px}.subtitle{font-size:18px;opacity:.95;max-width:700px;margin:0 auto;line-height:1.6}.home-buttons-large{margin-top:40px;display:flex;justify-content:center;gap:25px}.main-btn{background:#ff9800;padding:14px 30px;font-size:19px;border-radius:35px;border:none;font-weight:600;cursor:pointer;transition:.3s}.main-btn:hover{background:#ffb84d;transform:translateY(-4px);box-shadow:0 8px 20px #ff980066}.cards-container-enhanced{margin-top:50px;display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.action-card-pro{width:310px;background:#ffffff1a;padding:30px;border-radius:22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 25px #00000040;transition:.35s}.action-card-pro h3{font-size:26px;font-weight:700;margin-bottom:12px}.action-card-pro p{font-size:15px;opacity:.85}.action-card-pro:hover{transform:translateY(-10px);background:#ffffff2e;box-shadow:0 12px 35px #00000059}.stats-section{text-align:center;margin-top:60px}.stats-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:20px}.stat-box{width:200px;padding:20px;background:#ffffff1f;border-radius:15px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);transition:.3s}.stat-box:hover{transform:translateY(-8px);background:#ffffff2e}.leader-preview{margin-top:70px;text-align:center}.leader-cards{display:flex;justify-content:center;gap:25px;margin-top:20px;flex-wrap:wrap}.leader-card{width:200px;padding:20px;background:#ffffff1f;border-radius:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);transition:.3s}.leader-card:hover{transform:translateY(-10px)}.rank{font-size:28px;font-weight:900;color:gold}.cta-banner{margin-top:80px;padding:35px;background:#ffffff1a;border-radius:20px;width:70%;margin-left:auto;margin-right:auto;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:6px;margin-bottom:15px}.progress-fill{height:8px;background:#ff9800;border-radius:6px}.options-block{margin:15px 0}.nav-buttons{display:flex;justify-content:space-between;margin-top:20px}.review-block{background:#ffffff1a;padding:15px;border-radius:10px;margin-bottom:12px}.correct{color:#4caf50}.wrong{color:#ff5252}.submit-btn{background:#ff9800;color:#fff;padding:10px 20px}.admin-container{padding:20px}.form-card,.edit-card{background:#ffffff1f;padding:20px;border-radius:15px;margin-bottom:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.question-row{background:#ffffff14;padding:12px;margin:10px 0;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.small-btn{padding:5px 10px;margin-left:10px}.delete-btn{background:#e53935}.edit-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center}.edit-card{width:400px}.quiz-setup-container{max-width:800px;margin:auto;padding:20px;color:#fff}.category-grid{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.category-card{width:150px;padding:15px;background:#ffffff1a;border-radius:15px;text-align:center;cursor:pointer;transition:.3s;border:2px solid transparent}.category-card:hover{transform:scale(1.05);background:#fff3}.selected-category{border-color:#ff9800;background:#ff980033}.category-img{width:100%;height:80px;object-fit:cover;border-radius:10px;margin-bottom:10px}.dropdown,.timer-input{width:100%;padding:10px;border-radius:10px;margin-bottom:15px}.checkbox-row{display:flex;align-items:center;gap:10px}.start-btn{margin-top:20px;width:100%}.analytics-container{color:#fff;padding:20px;max-width:900px;margin:auto}.summary-card{background:#ffffff1a;padding:15px;border-radius:12px;margin-bottom:30px}.chart-block{background:#ffffff14;padding:20px;border-radius:15px;margin-bottom:35px;text-align:center}.hero-container{display:flex;justify-content:center;margin-top:60px}.hero-box{width:600px;padding:35px 30px;border:2px solid rgba(255,165,0,.8);border-radius:18px;background:#ffa5000d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;animation:fadeIn 1.2s ease}.title-text{font-size:42px;font-weight:800;color:#fff;margin-bottom:12px;text-shadow:0px 0px 12px rgba(255,165,0,.7),0px 0px 25px rgba(255,165,0,.4)}.subtitle{color:#ddd;font-size:17px;margin-bottom:25px}.button-row{display:flex;justify-content:center;gap:20px}.main-btn:hover{transform:scale(1.06);background:#ffb241}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.dashboard-wrapper{max-width:900px;margin:40px auto;text-align:center;color:#fff}.dashboard-title{font-size:32px;font-weight:700;margin-bottom:25px}.dashboard-card{background:#ffffff1f;padding:30px;border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);animation:fadeIn .8s ease}.dash-welcome{font-size:26px;margin-bottom:5px}.dash-role{font-size:16px;opacity:.9;margin-bottom:20px}.dash-section p{font-size:16px;margin:8px 0}.dash-btn{margin-top:18px;background:#ff9800;padding:12px 22px;font-size:17px;border-radius:30px;border:none;color:#fff;cursor:pointer;transition:.25s}.dash-btn:hover{background:#ffb84d;transform:translateY(-3px);box-shadow:0 6px 18px #ff980066}.admin-stats-row{display:flex;justify-content:center;gap:25px;margin:40px auto;flex-wrap:wrap}.stat-box{width:220px;padding:25px;background:#ffffff1f;border-radius:18px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.25);font-size:18px;font-weight:700;transition:.3s}.stat-box:hover{transform:translateY(-6px);background:#ffffff2e}.admin-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;width:70%;margin:40px auto}.action-card-pro{padding:28px;background:#ffffff1f;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.25);text-align:center;cursor:pointer;transition:.3s}.action-card-pro:hover{transform:translateY(-8px);background:#fff3;box-shadow:0 10px 35px #00000059}.back-btn{background:transparent;border:2px solid #ff9800;padding:8px 18px;border-radius:30px;color:#ff9800;font-weight:700;cursor:pointer;margin-bottom:20px;transition:.3s}.back-btn:hover{background:#ff9800;color:#fff;transform:translateY(-3px)}.admin-dashboard{width:100%;padding:30px 0;text-align:center;color:#fff}.page-title{font-size:36px;margin-bottom:25px;font-weight:800}.admin-box,.stat-card,.admin-action-card{border-radius:15px;padding:25px;box-shadow:0 4px 15px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25)}.welcome-box{width:60%;margin:0 auto 40px;background:#ffffff1a}.stats-row{display:flex;justify-content:center;gap:30px;margin-bottom:50px}.stat-card{width:220px;font-size:18px}.stat-blue{background:#3498db40;border-color:#3498db80}.stat-green{background:#2ecc7140;border-color:#2ecc7180}.stat-orange{background:#f39c1240;border-color:#f39c1280}.admin-actions-row{display:flex;justify-content:center;gap:40px;margin-bottom:35px}.admin-action-card{width:320px;cursor:pointer;transition:.3s}.admin-action-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #00000059}.action-purple{background:#9b59b640;border-color:#9b59b680}.action-blue{background:#2980b940;border-color:#2980b980}.action-green{background:#27ae6040;border-color:#27ae6080}.action-gold{background:#f1c40f40;border-color:#f1c40f80}.analytics-wrapper{padding:30px;text-align:center;color:#fff}.analytics-title{font-size:32px;font-weight:700;margin-bottom:20px}.analytics-card{background:#ffffff1a;padding:20px;border-radius:12px;width:80%;margin:0 auto 30px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.analytics-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}.analytics-chart{background:#ffffff1a;padding:20px;width:360px;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2)}.analytics-empty{text-align:center;padding:40px;font-size:20px;color:#fff}.options-block{display:flex;flex-direction:column;gap:15px;margin-top:20px}.option-box{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#ffffff12;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:.25s}.option-box:hover{transform:scale(1.02);background:#ffffff1f}.option-box.selected{border-color:orange;background:#ffa50040}.square{width:22px;height:22px;border:2px solid #fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#00ff5e;font-weight:700}.option-text{font-size:18px;color:#fff;font-weight:500}.question-text{font-size:22px!important;font-weight:600;margin-bottom:12px;color:#fff}.option-box.correct{border-color:#00ff73!important;background:#00ff7340!important}.option-box.wrong{border-color:#ff3b3b!important;background:#ff3b3b40!important}.option-box.correct .square{border-color:#00ff73!important;color:#00ff73!important}.option-box.wrong .square{border-color:#ff3b3b!important;color:#ff3b3b!important}.analytics-wrapper{width:90%;margin:auto;padding-top:20px;animation:fadeIn .7s ease}.analytics-title{text-align:center;font-size:32px;font-weight:700;margin-bottom:20px}.analytics-card{width:90%;margin:20px auto;padding:25px;border-radius:20px;text-align:center}.glass-card{background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);box-shadow:0 6px 20px #00000040}.analytics-grid{margin-top:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:25px}.analytics-chart{width:340px;padding:20px;border-radius:20px;text-align:center;transition:transform .25s ease}.analytics-chart:hover{transform:translateY(-6px)}.analytics-empty{text-align:center;margin-top:60px;color:#fff}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-btn{margin-top:12px;background:#ff9800;border-radius:25px;padding:10px 22px;transition:.25s}.home-btn:hover{transform:translateY(-3px);background:#ffa726}.analytics-card{margin-bottom:30px;padding:30px;border-radius:25px;background:linear-gradient(145deg,#ffffff14,#00000026);box-shadow:0 8px 24px #0000004d}.analytics-chart{border-radius:22px;padding:25px;background:linear-gradient(145deg,#ffffff0d,#0000002e);box-shadow:0 6px 20px #00000040}.question-row{display:flex;align-items:center;gap:15px;background:#ffffff0d;padding:15px;border-radius:15px;margin-bottom:15px;box-shadow:0 4px 12px #00000040}.question-text{flex:1;font-size:18px;line-height:1.3;color:#fff}.edit-btn{background:orange;padding:6px 16px;border-radius:10px;font-size:14px}.delete-btn{background:#e53935;padding:6px 16px;border-radius:10px;font-size:14px}.question-row{background:#2e4272;padding:20px;margin:15px 0;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}.question-text{font-size:22px;font-weight:600;color:#fff;flex:1;line-height:1.4}.action-buttons{display:flex;gap:10px}.edit-btn{background:orange;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;color:#fff;font-weight:600;font-size:14px}.delete-btn{background:#d9534f;padding:8px 14px;border-radius:6px;border:none;cursor:pointer;color:#fff;font-weight:600;font-size:14px}.delete-btn:hover{background:#b52b27}.edit-btn:hover{background:#e09200}.mode-buttons-column{display:flex;flex-direction:column;gap:20px;margin-top:20px;align-items:center}.mode-big-btn{width:70%;max-width:550px;padding:18px;font-size:20px;font-weight:600;background:#ff9800;color:#000;border:none;border-radius:40px;cursor:pointer;transition:.2s ease}.mode-big-btn:hover{background:#ffa726;transform:scale(1.02)}.lb-tabs{display:flex;gap:12px;margin-bottom:20px}.lb-tab{padding:10px 20px;border-radius:20px;background:#eee;cursor:pointer;border:none;font-weight:700}.lb-tab.active{background:orange;color:#fff}.top-rank{background:#fff8d1;font-weight:700}.top-rank{background:linear-gradient(to right,#ffeaa7,#fff3d6)}.lb-table tbody tr.top-rank td:first-child:before{content:"🥇 "}.action-teal{background:linear-gradient(135deg,#0fb7a1,#0cae9a);color:#fff}.analytics-wrapper{padding:28px 48px;color:#fff;box-sizing:border-box}.analytics-title{text-align:center;margin:12px 0 22px;font-size:28px;font-weight:700}.back-btn{margin-bottom:12px;background:#ff9800;color:#fff;border:none;padding:8px 12px;border-radius:999px;cursor:pointer}.analytics-top-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.analytics-card.small-card-body{background:#ffffff0a;padding:22px;border-radius:16px;min-height:160px;box-shadow:0 8px 18px #00000040}.analytics-section{margin-top:20px}.section-title{margin:8px 0 12px 6px;font-size:20px;font-weight:700;color:inherit}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.analytics-chart{background:#ffffff08;border-radius:14px;padding:18px;min-height:260px;box-sizing:border-box}.analytics-chart h4{margin:0 0 12px;text-align:center}@media (max-width:1200px){.analytics-top-cards,.three-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.analytics-top-cards,.three-grid{grid-template-columns:1fr}}.chart-empty{min-height:160px;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:15px}:root{--app-bg: linear-gradient(135deg, #203a72, #18305e);--page-bg: var(--app-bg);--card-bg: rgba(255,255,255,.08);--card-border: rgba(255,255,255,.12);--text-main: #ffffff;--text-muted: rgba(255,255,255,.7);--accent: #ff9800;--btn-bg: #ff9800;--btn-text: #fff;--card-shadow: 0 8px 24px rgba(0,0,0,.32);--chart-grid: rgba(255,255,255,.12)}html.theme-classic-light,body.theme-classic-light{--app-bg: #f6f9fc !important;--page-bg: #f6f9fc !important;--card-bg: #ffffff !important;--card-border: rgba(0,0,0,.06) !important;--text-main: #17202a !important;--text-muted: rgba(23,32,42,.6) !important;--accent: #0b79ff !important;--btn-bg: #0b79ff !important;--btn-text: #fff !important;--card-shadow: 0 14px 30px rgba(11,23,36,.06) !important;--chart-grid: rgba(11,23,36,.08) !important}html.theme-classic-light body,html.theme-classic-light .home-wrapper,html.theme-classic-light .analytics-wrapper,html.theme-classic-light .dashboard-wrapper{background:var(--page-bg)!important;color:var(--text-main)!important}html.theme-classic-light .glass-card,html.theme-classic-light .analytics-card,html.theme-classic-light .sd-glass-card,html.theme-classic-light .submit-box,html.theme-classic-light .leaderboard-card,html.theme-classic-light .hero-box,html.theme-classic-light .action-card,html.theme-classic-light .action-card-pro,html.theme-classic-light .stat-box,html.theme-classic-light .chart-block,html.theme-classic-light .analytics-chart{background:var(--card-bg)!important;color:var(--text-main)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}html.theme-classic-light .navbar,html.theme-classic-light .nav-title{background:transparent!important;color:var(--text-main)!important}html.theme-classic-light button,html.theme-classic-light .btn,html.theme-classic-light .primary-btn,html.theme-classic-light .main-btn,html.theme-classic-light .home-btn,html.theme-classic-light .submit-btn,html.theme-classic-light .lb-tab,html.theme-classic-light .sd-btn-big,html.theme-classic-light .back-btn{background:var(--btn-bg)!important;color:var(--btn-text)!important;border:none!important;box-shadow:0 8px 20px #0b17240f!important}html.theme-classic-light .lb-table,html.theme-classic-light .sd-table,html.theme-classic-light table{color:var(--text-main)!important}html.theme-classic-light .lb-table th,html.theme-classic-light .sd-table th{color:var(--text-main)!important;background:transparent!important}html.theme-classic-light .top-rank{background:linear-gradient(90deg,#0b17240a,#0b172405)!important;color:var(--text-main)!important}html.theme-classic-light input,html.theme-classic-light textarea,html.theme-classic-light .input-field,html.theme-classic-light .file-field{background:linear-gradient(180deg,#00000005,#00000003)!important;color:var(--text-main)!important;border:1px solid var(--card-border)!important}html.theme-classic-light .recharts-cartesian-grid .recharts-cartesian-grid-line{stroke:var(--chart-grid)!important}html.theme-classic-light .recharts-tooltip-wrapper,html.theme-classic-light .recharts-tooltip{background:var(--card-bg)!important;color:var(--text-main)!important;border:1px solid var(--card-border)!important}html.theme-classic-light .hero-box{border-color:#0b79cc2e!important}html.theme-pearl,body.theme-pearl{--app-bg: linear-gradient(180deg,#fff7f0,#fff1e6) !important;--page-bg: #fff8f3 !important;--card-bg: #fffdf7 !important;--card-border: rgba(0,0,0,.04) !important;--text-main: #2b2b2b !important;--text-muted: rgba(43,43,43,.56) !important;--accent: #ff6b35 !important;--btn-bg: #ff6b35 !important;--btn-text: #fff !important;--card-shadow: 0 12px 28px rgba(43,43,43,.06) !important;--chart-grid: rgba(43,43,43,.08) !important}html.theme-pearl body,html.theme-pearl .home-wrapper,html.theme-pearl .analytics-wrapper{background:var(--page-bg)!important;color:var(--text-main)!important}html.theme-pearl .glass-card,html.theme-pearl .analytics-card,html.theme-pearl .sd-glass-card,html.theme-pearl .submit-box,html.theme-pearl .leaderboard-card,html.theme-pearl .action-card,html.theme-pearl .action-card-pro{background:var(--card-bg)!important;color:var(--text-main)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}html.theme-pearl button,html.theme-pearl .btn,html.theme-pearl .main-btn,html.theme-pearl .lb-tab.active{background:var(--btn-bg)!important;color:var(--btn-text)!important}html.theme-pearl .recharts-cartesian-grid .recharts-cartesian-grid-line{stroke:var(--chart-grid)!important}html.theme-snow,body.theme-snow{--app-bg:#ffffff !important;--page-bg:#ffffff !important;--card-bg:#f7fbff !important;--card-border: rgba(0,0,0,.04) !important;--text-main:#0b1724 !important;--text-muted: rgba(11,23,36,.55) !important;--accent: #0066ff !important;--btn-bg: #0066ff !important;--btn-text: #fff !important;--card-shadow: 0 8px 22px rgba(11,23,36,.06) !important;--chart-grid: rgba(11,23,36,.09) !important}html.theme-snow body,html.theme-snow .home-wrapper,html.theme-snow .analytics-wrapper{background:var(--page-bg)!important;color:var(--text-main)!important}html.theme-snow .glass-card,html.theme-snow .analytics-card,html.theme-snow .sd-glass-card,html.theme-snow .submit-box,html.theme-snow .leaderboard-card,html.theme-snow .action-card,html.theme-snow .action-card-pro{background:var(--card-bg)!important;color:var(--text-main)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}html.theme-snow button,html.theme-snow .btn,html.theme-snow .main-btn,html.theme-snow .lb-tab.active{background:var(--btn-bg)!important;color:var(--btn-text)!important}html.theme-classic-light body:before,html.theme-pearl body:before,html.theme-snow body:before{background:none!important;display:block}html.theme-classic-light .home-wrapper:before,html.theme-pearl .home-wrapper:before,html.theme-snow .home-wrapper:before,html.theme-classic-light .hero-container:before,html.theme-pearl .hero-container:before,html.theme-snow .hero-container:before{background:none!important;opacity:1!important}.title-text{color:var(--text-main)!important;text-shadow:0 2px 10px rgba(0,0,0,.06),0 0 18px rgba(255,165,0,.18)!important}.home-header h1,.hero-box .title-text{opacity:1!important}.lb-table,.sd-table,table{border-collapse:separate!important;border-spacing:0 6px!important}.lb-table th,.sd-table th{background:transparent!important;color:var(--text-main)!important;border-bottom:2px solid rgba(0,0,0,.06)!important;padding:14px 18px!important}.lb-table td,.sd-table td{padding:14px 18px!important;color:var(--text-main)!important;border-bottom:1px solid rgba(0,0,0,.04)!important}.top-rank{background:linear-gradient(90deg,#ffffffd9,#fffffff2)!important;box-shadow:0 6px 20px #0000000a!important;color:var(--text-main)!important}.glass-card *{color:inherit!important}.recharts-cartesian-grid .recharts-cartesian-grid-line{stroke:var(--chart-grid)!important}.recharts-tooltip,.recharts-tooltip-wrapper{color:var(--text-main)!important;background:var(--card-bg)!important}html.theme-classic-light,html.theme-pearl,html.theme-snow,body.theme-classic-light,body.theme-pearl,body.theme-snow{color:var(--text-main)!important;background:var(--app-bg)!important}html.theme-classic-light .title-text,html.theme-pearl .title-text,html.theme-snow .title-text,body.theme-classic-light .title-text,body.theme-pearl .title-text,body.theme-snow .title-text{text-shadow:none!important;color:var(--text-main)!important;opacity:1!important;filter:none!important}html.theme-classic-light h1,html.theme-pearl h1,html.theme-snow h1,body.theme-classic-light h1,body.theme-pearl h1,body.theme-snow h1,html.theme-classic-light h2,h3,h4,h5,h6,html.theme-pearl h2,html.theme-snow h2,body.theme-classic-light h2,body.theme-pearl h2,body.theme-snow h2{color:var(--text-main)!important;text-shadow:none!important;opacity:1!important}html.theme-classic-light .hero-box,html.theme-pearl .hero-box,html.theme-snow .hero-box,body.theme-classic-light .hero-box,body.theme-pearl .hero-box,body.theme-snow .hero-box{background:var(--card-bg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important;color:var(--text-main)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.theme-classic-light .glass-card,html.theme-classic-light .stat-box,html.theme-classic-light .action-card,html.theme-classic-light .action-card-pro,html.theme-classic-light .analytics-card,html.theme-classic-light .leaderboard-card,html.theme-pearl .glass-card,html.theme-pearl .stat-box,html.theme-pearl .action-card,html.theme-pearl .action-card-pro,html.theme-pearl .analytics-card,html.theme-pearl .leaderboard-card,html.theme-snow .glass-card,html.theme-snow .stat-box,html.theme-snow .action-card,html.theme-snow .action-card-pro,html.theme-snow .analytics-card,html.theme-snow .leaderboard-card,body.theme-classic-light .glass-card,body.theme-pearl .glass-card,body.theme-snow .glass-card{background:var(--card-bg)!important;color:var(--text-main)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}html.theme-classic-light .dashboard-card,html.theme-pearl .dashboard-card,html.theme-snow .dashboard-card,body.theme-classic-light .dashboard-card,body.theme-pearl .dashboard-card,body.theme-snow .dashboard-card{background:var(--card-bg)!important;color:var(--text-main)!important;opacity:1!important;filter:none!important;text-shadow:none!important}html.theme-classic-light .lb-table,html.theme-pearl .lb-table,html.theme-snow .lb-table,body.theme-classic-light .lb-table,body.theme-pearl .lb-table,body.theme-snow .lb-table{background:transparent!important;color:var(--text-main)!important}html.theme-classic-light .lb-table th,html.theme-pearl .lb-table th,html.theme-snow .lb-table th,body.theme-classic-light .lb-table th,body.theme-pearl .lb-table th,body.theme-snow .lb-table th{color:var(--text-main)!important;background:transparent!important}html.theme-classic-light .stat-box,html.theme-pearl .stat-box,html.theme-snow .stat-box,body.theme-classic-light .stat-box,body.theme-pearl .stat-box,body.theme-snow .stat-box{background:var(--card-bg)!important;border-color:var(--card-border)!important;color:var(--text-main)!important}html.theme-classic-light button,html.theme-pearl button,html.theme-snow button,body.theme-classic-light button,body.theme-pearl button,body.theme-snow button{background:var(--button-bg)!important;color:var(--button-text)!important;box-shadow:0 6px 18px #0000000f!important}html.theme-classic-light .circle,html.theme-pearl .circle,html.theme-snow .circle,body.theme-classic-light .circle,body.theme-pearl .circle,body.theme-snow .circle{opacity:.12!important;filter:blur(20px)!important}html.theme-classic-light .recharts-text,html.theme-pearl .recharts-text,html.theme-snow .recharts-text,body.theme-classic-light .recharts-text,body.theme-pearl .recharts-text,body.theme-snow .recharts-text{fill:var(--text-main)!important}html.theme-classic-light .muted,html.theme-pearl .muted,html.theme-snow .muted,body.theme-classic-light .muted,body.theme-pearl .muted,body.theme-snow .muted{color:var(--text-muted)!important;opacity:1!important}html.theme-classic-light .title-text,html.theme-pearl .title-text,html.theme-snow .title-text,body.theme-classic-light .title-text,body.theme-pearl .title-text,body.theme-snow .title-text{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}:root{--app-bg: #0f1724;--card-bg: rgba(255,255,255,.03);--card-border: rgba(255,255,255,.06);--text-main: #ffffff;--text-muted: rgba(255,255,255,.75);--accent: #ff9800;--button-bg: var(--accent);--button-text: #fff;--card-shadow: 0 10px 30px rgba(0,0,0,.45)}html.theme-classic-light body,html.theme-pearl body,html.theme-snow body,html.theme-default body{background:var(--app-bg)!important;color:var(--text-main)!important}.glass-card,.analytics-card,.sd-glass-card,.submit-box,.leaderboard-card,.table-card,.card,.card-body,.live-card,.hero-main-card,.dashboard-card,.form-card,.action-card,.action-card-pro,.stat-box,.stat-card,.leader-card,.cta-banner{background:var(--card-bg)!important;color:var(--text-main)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}h1,h2,h3,h4,h5,h6{color:var(--text-main)!important;text-shadow:none!important}body,p,li,td,th,label,span,a{color:var(--text-main)!important}.small,.muted,.analytics-loading,.chart-empty,.sd-empty{color:var(--text-muted)!important}button,.btn,.submit-btn,.cancel-btn,.sd-btn-big,.lb-tab,.sd-btn,.submit-back-btn{background:var(--button-bg)!important;color:var(--button-text)!important;border:none!important;box-shadow:0 8px 22px #00000014!important}.btn-ghost,.back-btn{background:transparent!important;color:var(--button-bg)!important;border:1px solid rgba(0,0,0,.06)!important}input[type=text],input[type=number],input[type=file],input,textarea,.input-field,.file-field{background:linear-gradient(180deg,#ffffff05,#00000003)!important;color:var(--text-main)!important;border:1px solid var(--card-border)!important;box-shadow:none!important}table,.sd-table,.lb-table{color:var(--text-main)!important;border-collapse:collapse!important;width:100%!important;background:transparent!important}.lb-table th,.sd-table th{background:transparent!important;color:var(--text-main)!important;opacity:.95!important;border-bottom:1px solid rgba(0,0,0,.06)!important}.lb-table td,.sd-table td{color:var(--text-main)!important;border-bottom:1px solid rgba(0,0,0,.04)!important;padding:14px 18px!important}.lb-table tbody tr.top-rank{background:linear-gradient(90deg,#ffffff08,#00000003)!important;color:var(--text-main)!important}.stat-box,.action-card-pro,.action-card,.leader-card{border-radius:12px!important;padding:22px!important;box-shadow:0 12px 28px #0000000f!important}html.theme-classic-light .glass-card,html.theme-pearl .glass-card,html.theme-snow .glass-card,html.theme-classic-light .dashboard-card,html.theme-pearl .dashboard-card,html.theme-snow .dashboard-card{border:1px solid rgba(0,0,0,.08)!important;box-shadow:0 10px 30px #0f17240f!important}.icon,.emoji,img{filter:none!important}.recharts-cartesian-grid .recharts-cartesian-grid-line{stroke:var(--chart-grid, rgba(0,0,0,.08))!important;stroke-opacity:1!important}.recharts-tooltip-wrapper,.recharts-tooltip{background:var(--card-bg)!important;color:var(--text-main)!important;border:1px solid var(--card-border)!important;box-shadow:var(--card-shadow)!important}.recharts-text,.recharts-label,.recharts-legend-item text,.recharts-cartesian-axis-tick text{fill:var(--text-main)!important}html.theme-classic-light button:focus,html.theme-pearl button:focus,html.theme-snow button:focus,html.theme-classic-light input:focus,html.theme-pearl input:focus,html.theme-snow input:focus{outline:3px solid rgba(0,119,204,.12)!important;outline-offset:2px!important}html.theme-classic-light h1,html.theme-pearl h1,html.theme-snow h1{text-shadow:none!important;font-weight:800!important;color:var(--text-main)!important}html.theme-classic-light .glass-card *,html.theme-pearl .glass-card *,html.theme-snow .glass-card *{color:inherit!important}.analytics-top-cards .analytics-card,.analytics-chart,.lb-table{transition:background .18s ease,color .18s ease!important}.ClassicLight .title-text,.PearlWarm .title-text,.SnowUltra .title-text{color:#111!important;font-weight:800!important;text-shadow:none!important}.ClassicLight .title-text,.PearlWarm .title-text,.SnowUltra .title-text{color:#111!important;font-weight:800!important;text-shadow:0px 2px 8px rgba(0,0,0,.08)!important}@media (max-width: 640px){body{font-size:15px}h1{font-size:22px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}p,span,li{font-size:15px;line-height:1.6}.navbar,.top-nav,.nav-buttons{flex-wrap:wrap;justify-content:center;gap:8px}.navbar button,.nav-buttons button{padding:8px 12px;font-size:14px;min-width:auto}.card,.analytics-card,.analytics-chart,.glass-card{padding:14px;margin:auto}.analytics-chart{min-height:240px}button{min-height:44px;border-radius:12px}.analytics-grid,.analytics-top-cards{grid-template-columns:1fr!important}*{max-width:100%;box-sizing:border-box}}@media (max-width: 768px){.nav-links{display:none!important}.menu-btn{display:flex!important}}@media (min-width: 769px){.nav-links,.menu-btn{display:flex!important}}.analytics-chart,.analytics-chart.glass-card{overflow:visible!important}.nav-links button.active,.side-menu button.active{outline:1px solid rgba(255,255,255,.35);box-shadow:0 0 6px #ffffff40}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.hero-box .main-btn:first-child{font-weight:600}.navbar{padding:14px 32px}.menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-links button.active,.side-menu button.active{outline:2px solid rgba(255,255,255,.5);background:transparent}button{transition:transform .15s ease,box-shadow .15s ease}button:active{transform:scale(.96)}.student-info-text{margin-top:18px;font-size:14px;text-align:center;opacity:.9;line-height:1.6}.student-info-text span{color:#fc0;font-weight:500;transition:opacity .2s ease}.student-info-text span:hover{opacity:.8}.forgot-card{max-width:420px;margin:auto}.request-btn{width:100%;font-size:15px}.request-link-btn{background:linear-gradient(135deg,#fc0,#f90);color:#000;border:none;padding:10px 18px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.request-link-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #fc06}body.OceanDefault{--bg-main: linear-gradient(135deg, #4b6cb7, #182848);--card-bg: rgba(255,255,255,.12);--card-bg-strong: rgba(255,255,255,.18);--text-main: #ffffff;--accent: #ff9800;--accent-hover: #ffa726;--navbar-bg: rgba(0,0,0,.3)}body.NeoBlueDark{--bg-main: linear-gradient(135deg, #0a1a33, #001e3c);--card-bg: rgba(8, 33, 66, .4);--card-bg-strong: rgba(15, 55, 99, .55);--text-main: #e8f1ff;--accent: #4dabff;--accent-hover: #76c7ff;--navbar-bg: rgba(0,0,0,.45)}body.CyberPurpleDark{--bg-main: linear-gradient(135deg, #1a0030, #490077);--card-bg: rgba(120, 0, 255, .25);--card-bg-strong: rgba(165, 70, 255, .45);--text-main: #f2d9ff;--accent: #ff2fd4;--accent-hover: #ff5ee4;--navbar-bg: rgba(0,0,0,.5)}body.MatrixGreenDark{--bg-main: linear-gradient(135deg, #001d11, #003d2b);--card-bg: rgba(0,255,130,.2);--card-bg-strong: rgba(0,255,130,.35);--text-main: #d4ffe4;--accent: #00ff95;--accent-hover: #33ffc0;--navbar-bg: rgba(0,0,0,.45)}body{background:var(--bg-main)!important;color:var(--text-main)!important}.navbar{background:var(--navbar-bg)!important}.navbar button{background:var(--accent)!important;color:var(--text-main)!important}.navbar button:hover{background:var(--accent-hover)!important}.hero-main-card,.dashboard-card,.quiz-card,.leaderboard-card,.crud-card,.form-card,.action-card,.stat-box,.leader-card,.analytics-card,.analytics-chart,.action-card-pro{background:var(--card-bg)!important;color:var(--text-main)!important;border-color:var(--card-bg-strong)!important}.action-card:hover,.analytics-chart:hover{background:var(--card-bg-strong)!important}button,.button,.main-btn,.primary-btn,.home-btn,.mode-big-btn,.dash-btn{background:var(--accent)!important;color:var(--accent-text, white)!important}button:hover,.main-btn:hover,.primary-btn:hover,.mode-big-btn:hover,.dash-btn:hover{background:var(--accent-hover)!important}input,.input-box,.form-card input,.dropdown,.timer-input{background:var(--card-bg-strong)!important;color:var(--text-main)!important}.lb-table{background:var(--card-bg)!important}.lb-table th{background:var(--card-bg-strong)!important}.lb-table td,.timer{color:var(--text-main)!important}body.OceanDefault .home-wrapper{background:linear-gradient(135deg,#203a72,#1e2e59 40%,#18305e)!important}body.OceanDefault .circle{background:#ffffff14!important}body.OceanDefault .hero-box{background:#ffa5000d!important;border-color:#ffa500cc!important}body.NeoBlueDark .home-wrapper{background:linear-gradient(135deg,#051427,#06203b 40%,#02182d)!important}body.NeoBlueDark .circle{background:#0064ff26!important}body.NeoBlueDark .hero-box{background:#1450b41a!important;border-color:#4dabff!important}body.CyberPurpleDark .home-wrapper{background:linear-gradient(135deg,#1b0030,#390067 45%,#260040)!important}body.CyberPurpleDark .circle{background:#9600ff26!important}body.CyberPurpleDark .hero-box{background:#ff00c81a!important;border-color:#ff2fd4!important}body.MatrixGreenDark .home-wrapper{background:linear-gradient(135deg,#00140e,#003d2b 40%,#00261b)!important}body.MatrixGreenDark .circle{background:#00ff7826!important}body.MatrixGreenDark .hero-box{background:#00ff641a!important;border-color:#00ff95!important}body.CrystalLight .home-wrapper{background:linear-gradient(135deg,#eef6ff,#dde9ff 40%,#cedfff)!important}body.CrystalLight .circle{background:#0000000d!important}body.CrystalLight .hero-box{background:#ffffffd9!important;border-color:#006eff!important}body.SunriseLight .home-wrapper{background:linear-gradient(135deg,#fff4e0,#ffe2bd 40%,#ffd8a6)!important}body.SunriseLight .circle{background:#ffb40026!important}body.SunriseLight .hero-box{background:#ffc87833!important;border-color:#ff7b00!important}body.AquaMinimalLight .home-wrapper{background:linear-gradient(135deg,#eef2f3,#dbe3e3 40%,#cfdada)!important}body.AquaMinimalLight .circle{background:#00968226!important}body.AquaMinimalLight .hero-box{background:#ffffffd9!important;border-color:#009688!important}body.CrystalLight{--text-main: #1a1a1a !important;--card-bg: rgba(255,255,255,.85) !important;--card-bg-strong: rgba(240,240,255,.95) !important;--accent: #006eff !important;--accent-hover: #0055d4 !important}body.CrystalLight .stat-box,body.CrystalLight .quiz-card,body.CrystalLight .dashboard-card,body.CrystalLight .leaderboard-card,body.CrystalLight .form-card{background:#e3ecff!important;border:1px solid #c6d7ff!important;color:#1a1a1a!important}body.CrystalLight .hero-box{background:#dce7ff!important;border:2px solid #006eff!important}body.CrystalLight button,body.CrystalLight .main-btn,body.CrystalLight .primary-btn{background:#006eff!important;color:#fff!important}body.CrystalLight button:hover{background:#0055d4!important}body.SunriseLight{--text-main: #4a2c00 !important;--card-bg: rgba(255,245,225,.95) !important;--card-bg-strong: #ffe8c6 !important;--accent: #ff7b00 !important;--accent-hover: #e86d00 !important}body.SunriseLight .stat-box,body.SunriseLight .quiz-card,body.SunriseLight .dashboard-card,body.SunriseLight .leaderboard-card,body.SunriseLight .form-card{background:#ffe7c2!important;border:1px solid #e6c99a!important;color:#4a2c00!important}body.SunriseLight .hero-box{background:#ffe2bb!important;border:2px solid #ff7b00!important}body.SunriseLight button,body.SunriseLight .main-btn,body.SunriseLight .primary-btn{background:#ff7b00!important;color:#fff!important}body.SunriseLight button:hover{background:#e86d00!important}body.AquaMinimalLight{--text-main: #1a1a1a !important;--card-bg: rgba(255,255,255,.9) !important;--card-bg-strong: #edf7f7 !important;--accent: #009688 !important;--accent-hover: #007e72 !important}body.AquaMinimalLight .stat-box,body.AquaMinimalLight .quiz-card,body.AquaMinimalLight .dashboard-card,body.AquaMinimalLight .leaderboard-card,body.AquaMinimalLight .form-card{background:#e7f3f3!important;border:1px solid #c2dddd!important;color:#1a1a1a!important}body.AquaMinimalLight .hero-box{background:#e0f0f0!important;border:2px solid #009688!important}body.AquaMinimalLight button,body.AquaMinimalLight .main-btn,body.AquaMinimalLight .primary-btn{background:#009688!important;color:#fff!important}body.AquaMinimalLight button:hover{background:#007e72!important}body.CleanWhite{--bg-main: #f5f7fa;--card-bg: #ffffff;--text-main: #1a1a1a;--accent: #0068ff;--navbar-bg: #ffffff}body{overflow-x:hidden}.menu-toggle{background:none;border:none;font-size:26px;color:#fff;cursor:pointer;margin-left:auto}.side-menu{position:fixed;top:0;left:-280px;width:280px;height:100%;background:#141e3ca6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;z-index:3000;transition:left .3s ease;display:flex;flex-direction:column;gap:12px;pointer-events:none}.side-menu.open{left:0;pointer-events:auto}.side-menu button{padding:12px;border-radius:10px;background:#ffa500d9;color:#fff;text-align:left}.close-menu{background:none;font-size:18px;align-self:flex-end}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:2500}.menu-btn{background:transparent;border:none;font-size:22px;cursor:pointer;color:var(--text-main);margin-left:auto}.side-menu{position:fixed;top:0;left:0;width:260px;height:100vh;padding:20px;z-index:999;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:14px}.side-menu button{background:transparent;border:none;text-align:left;font-size:16px;cursor:pointer;color:var(--text-main)}.menu-btn{margin-left:16px;background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--text-main, #fff)}.navbar{display:flex;align-items:center}.nav-links{margin-left:auto}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:998}.side-menu{position:fixed;top:0;left:0;width:260px;height:100vh;padding:20px;z-index:999;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:14px}.side-menu button{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--text-main, #fff)!important;font-size:16px;font-weight:500;padding:6px 0;text-align:left;cursor:pointer}.close-btn{align-self:flex-end;font-size:18px}body,html{overflow-x:hidden}.side-menu *{outline:none}@media (max-width: 768px){.nav-links{display:none}}.menu-overlay{pointer-events:auto;z-index:998}.side-menu{z-index:999;pointer-events:auto}.side-menu button{pointer-events:auto}.glass-card,.analytics-card,.analytics-chart,.dashboard-card,.student-card,.small-card-body{border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .glass-card,[data-theme=light] .analytics-card,[data-theme=light] .dashboard-card{border:1px solid rgba(0,0,0,.12)}.menu-btn{display:block;background:transparent;border:none;font-size:22px;cursor:pointer;color:var(--text-color)}.platform-stats .stat-card{border-radius:16px;transition:all .3s ease}body.theme-dark .platform-stats .stat-card,body.theme-ocean .platform-stats .stat-card,body.theme-neo-blue .platform-stats .stat-card{border:1.5px solid rgba(120,180,255,.35);box-shadow:0 8px 24px #00000059,inset 0 0 0 1px #ffffff0d}body.theme-light .platform-stats .stat-card,body.theme-snow .platform-stats .stat-card{border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px #00000014}@media (max-width: 768px){.nav-links{display:none}.menu-btn{display:block}}@media (min-width: 769px){.menu-btn{display:block}}@media (max-width: 768px){.navbar *{display:none!important}.navbar .logo{display:flex!important;align-items:center}.navbar .menu-btn{display:flex!important;align-items:center;justify-content:center;margin-left:auto;z-index:2000}}@media (max-width: 768px){.nav-links{display:none!important}}.menu-btn{display:inline-flex!important;align-items:center;justify-content:center}.nav-links{display:flex!important}@media (max-width: 768px){.nav-links{display:none!important}.menu-btn{display:inline-flex!important}}.theme-classic-light .side-menu button,.theme-pearl .side-menu button,.theme-snow .side-menu button{background:transparent!important;color:#222!important;box-shadow:none!important;border:none!important}.theme-classic-light .side-menu button:hover,.theme-pearl .side-menu button:hover,.theme-snow .side-menu button:hover{background:#00000014!important}.theme-classic-light .side-menu button.active,.theme-pearl .side-menu button.active,.theme-snow .side-menu button.active{background:var(--accent-color)!important;color:#fff!important}.navbar{display:flex;align-items:center;justify-content:space-between}.menu-btn{margin-left:12px;margin-right:16px;align-self:center}@media (min-width: 769px){.menu-btn{position:relative;top:0;left:0}}.sd-container{padding:40px 20px;max-width:900px;margin:auto;text-align:center;color:#fff}.sd-back-btn{background:transparent;border:2px solid orange;color:orange;padding:6px 14px;border-radius:10px;font-size:14px;cursor:pointer;margin-bottom:20px;transition:.2s}.sd-back-btn:hover{background:orange;color:#000}.sd-title{font-size:32px;margin-bottom:25px;font-weight:700}.sd-card{background:#ffffff1a;border-radius:18px;padding:30px 25px;max-width:650px;margin:auto;box-shadow:0 4px 22px #00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sd-hello{font-size:24px;margin-bottom:5px}.sd-role{font-size:16px;opacity:.8;margin-bottom:20px}.sd-subtitle{margin-top:15px;font-size:20px;margin-bottom:10px}.sd-empty{opacity:.8}.sd-attempt-list{list-style:none;padding:0;margin:15px 0 25px}.sd-attempt-item{background:#ffffff26;padding:10px 14px;margin-bottom:8px;border-radius:10px;display:flex;justify-content:space-between;font-size:15px}.sd-btn-row{display:flex;justify-content:center;gap:20px}.sd-btn{background:orange;padding:10px 18px;border:none;border-radius:12px;cursor:pointer;font-weight:700;color:#000;transition:.2s}.sd-btn:hover{background:#ff8c00}.sd-container{padding:30px;text-align:center}.sd-back-btn{background:#ff9800;padding:8px 18px;border-radius:25px;border:none;color:#fff;margin-bottom:15px;cursor:pointer}.sd-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:20px}.sd-box{background:#ffffff1a;padding:25px;border-radius:20px;width:70%;margin:auto auto 25px;color:#fff}.sd-stats-row{display:flex;justify-content:center;gap:20px;margin-bottom:25px}.sd-stat-card{width:180px;padding:20px;border-radius:18px;color:#fff;font-weight:700}.sd-blue{background:#2962ff}.sd-green{background:#009688}.sd-orange{background:#8d6e63}.attempts-box{background:#ffffff14;padding:25px;border-radius:20px;width:85%;margin:auto;color:#fff}.sd-table{width:100%;margin-top:15px;border-collapse:collapse}.sd-table th{text-align:left;padding:10px;background:#0006}.sd-table td{padding:10px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.sd-btn-row{display:flex;justify-content:center;gap:20px;margin-top:20px}.sd-btn{background:#ff9800;padding:10px 22px;border-radius:25px;color:#fff;font-weight:700;border:none;cursor:pointer}.sd-container{padding:40px;color:#fff;text-align:center}.sd-back-btn{background:#ff9800;padding:10px 25px;border-radius:25px;border:none;cursor:pointer;font-weight:700;color:#fff;margin-bottom:20px}.sd-title{font-size:34px;margin-bottom:20px}.sd-glass-card{background:#ffffff14;border-radius:22px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 25px #00000040;margin:20px auto}.sd-glass-card.wide{width:70%}.sd-stats-row{display:flex;justify-content:center;gap:25px;margin-top:20px}.sd-glass-card.stat{width:200px}.sd-glass-card.stat h3{font-size:32px;margin:0}.sd-glass-card.stat p{opacity:.9}.table-card{width:80%}.sd-table{width:100%;border-collapse:collapse;margin-top:15px}.sd-table th,.sd-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.sd-table th{background:#ffffff1a}.sd-actions{display:flex;justify-content:center;gap:20px}.sd-glass-card.action{width:220px}.sd-btn-big{width:100%;background:#ff9800;padding:15px;border:none;border-radius:25px;font-weight:700;color:#fff;cursor:pointer;font-size:17px;transition:.2s}.sd-btn-big:hover{background:#ffa726;transform:scale(1.05)}.sd-glass-card{border-radius:22px;padding:25px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 25px #00000040;margin:20px auto;color:#fff}.sd-glass-card.wide{width:70%;background:#5a82c859}.sd-glass-card.stat:nth-child(1){background:#3c78ff59}.sd-glass-card.stat:nth-child(2){background:#00aa7859}.sd-glass-card.stat:nth-child(3){background:#b4785a59}.sd-glass-card.table-card{width:80%;background:#6478a059}.sd-table th{background:#ffffff2e}.sd-glass-card.action:nth-child(1){background:#ffc83259}.sd-glass-card.action:nth-child(2){background:#ff822859}.sd-btn-big{width:100%;padding:15px;border:none;border-radius:20px;font-weight:700;font-size:17px;cursor:pointer;color:#fff;background:#00000059;transition:.2s}.sd-btn-big:hover{transform:scale(1.05);background:#00000073}.sd-glass-card.action.analytics{background:#00b4be59;border-radius:22px;padding:25px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 25px #00000040}.sd-glass-card.action.quiz{background:#ff783c59;border-radius:22px;padding:25px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 25px #00000040}.sd-btn-big{width:100%;padding:15px;border:none;border-radius:20px;font-weight:700;font-size:17px;cursor:pointer;color:#fff;background:#14141459;transition:.2s}.sd-btn-big:hover{transform:scale(1.05);background:#1414148c}.sd-table{width:100%;border-collapse:collapse;margin-top:10px;table-layout:fixed}.sd-table th,.sd-table td{padding:14px 10px;text-align:center;vertical-align:middle}.sd-table th{background:#ffffff26;font-weight:600;font-size:1rem}.sd-table tbody tr:nth-child(2n){background:#ffffff0f}.sd-table tbody tr:nth-child(odd){background:#ffffff1f}.sd-table td{font-size:.95rem;font-weight:500}.table-card{padding:20px 30px}.sd-subtitle{text-align:center;margin-bottom:18px}.online-container{max-width:700px;margin:auto;padding:20px;text-align:center}.online-title{font-size:28px;margin-bottom:20px}.online-category-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:20px}.online-cat{padding:12px;border-radius:10px;background:#324c7a;color:#fff;cursor:pointer;transition:.2s}.online-cat:hover{background:#4464a8}.online-cat.selected{background:#ff9800;color:#000;font-weight:700}.online-select,.online-input{padding:10px;width:80%;border-radius:8px;margin-bottom:20px;border:1px solid #ccc}.online-start-btn{padding:12px 25px;background:orange;border-radius:10px;border:none;cursor:pointer;font-weight:700}.live-platforms{padding:20px;max-width:900px;margin:auto}.live-platforms h2{font-size:28px;margin-bottom:20px;color:#fff;display:flex;align-items:center;gap:8px}.live-platforms-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-top:25px}.live-card{background:#ffffff14;border:1px solid rgba(255,255,255,.12);padding:20px;border-radius:18px;box-shadow:0 4px 10px #00000026;transition:.25s}.live-card:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000038}.live-header{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin-bottom:15px;color:#fff}.live-icon{font-size:24px}.live-buttons{display:flex;flex-direction:column;gap:10px}.live-open-btn{background:#ffa200;border:none;padding:10px 15px;width:100%;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.live-open-btn:hover{background:#ff8c00}.live-attend-btn{background:#fff;border:none;padding:9px 15px;width:100%;font-size:14px;border-radius:8px;cursor:pointer}.live-attend-btn:hover{background:#ddd}@media (max-width: 600px){.live-platforms-container{grid-template-columns:1fr}}.live-approvals-page{padding:20px 40px;color:#fff}.approvals-filters{margin:20px 0;display:flex;gap:10px}.filter-btn{padding:8px 15px;border:none;border-radius:20px;background:#445;color:#fff;cursor:pointer}.filter-btn.active{background:orange;color:#000;font-weight:700}.approvals-actions{margin:20px 0;display:flex;gap:20px}.csv-btn,.csv-upload{background:orange;padding:8px 18px;border-radius:20px;cursor:pointer;color:#000;font-weight:700}.approval-table{width:100%;margin-top:20px;background:#223;border-radius:10px;overflow:hidden}.approval-table th,.approval-table td{padding:12px 10px;text-align:center;border-bottom:1px solid #334}.status.approved{color:#2ecc71;font-weight:700}.status.rejected{color:#e74c3c;font-weight:700}.status.pending{color:#f1c40f;font-weight:700}.approve-btn{padding:6px 12px;background:#2ecc71;color:#fff;border-radius:8px;cursor:pointer}.reject-btn{padding:6px 12px;background:#e74c3c;color:#fff;border-radius:8px;cursor:pointer}.filter-buttons{display:flex;gap:12px;margin:20px 0}.filter-buttons button{padding:10px 18px;border-radius:20px;background:#444;color:#fff;border:none;cursor:pointer;font-weight:600}.filter-buttons button.active{background:orange;color:#000}.csv-buttons{display:flex;gap:15px;margin-bottom:25px}.download-btn,.import-btn{padding:10px 20px;border-radius:25px;background:orange;border:none;cursor:pointer;font-weight:600}.import-btn input{display:none}.submit-page{padding:40px;display:flex;justify-content:center}.submit-box{background:#ffffff1f;padding:30px;border-radius:14px;width:420px;box-shadow:0 4px 25px #0003;color:#fff}.submit-box h2{margin-bottom:15px;text-align:center}.input-field,.file-field{width:100%;padding:10px;margin-top:12px;border-radius:8px;border:none;background:#fffd}.submit-actions{margin-top:20px;display:flex;justify-content:space-between}.submit-btn{background:#ffb100;padding:10px 20px;border-radius:8px;cursor:pointer;border:none;font-weight:700}.cancel-btn{background:#f44;padding:10px 20px;border-radius:8px;cursor:pointer;border:none;font-weight:700}.submit-back-btn{background:transparent;border:2px solid orange;color:orange;padding:6px 14px;border-radius:8px;font-size:14px;cursor:pointer;margin-bottom:20px;margin-left:20px;transition:.2s}.submit-back-btn:hover{background:orange;color:#fff}.field-label{color:#fff;font-weight:600;font-size:15px;margin-bottom:6px;display:block}.top-theme-panel{position:fixed;top:80px;right:20px;width:240px;background:#2828288c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:18px;border-radius:14px;z-index:999999;border:1px solid rgba(255,255,255,.25);color:#fff;animation:slideIn .25s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.top-theme-panel h3{margin-bottom:10px;font-size:18px;text-align:center}.top-theme-option{display:flex;align-items:center;padding:8px;margin-bottom:6px;border-radius:8px;cursor:pointer;transition:.2s}.top-theme-option:hover{background:#fff3}.top-theme-option.selected{background:#ffffff59}.top-color-dot{width:18px;height:18px;border-radius:50%;margin-right:10px;border:2px solid white}body.mobile-view .nav-links{display:none!important}body.mobile-view .container,body.mobile-view .page,body.mobile-view .content{width:100%;padding:0 14px}body.mobile-view .stats-grid,body.mobile-view .dashboard-grid,body.mobile-view .cards,body.mobile-view .admin-cards{display:grid!important;grid-template-columns:1fr!important;gap:14px}body.mobile-view .card,body.mobile-view .stat-card,body.mobile-view .dashboard-card{width:100%!important;margin:0!important}body.mobile-view canvas{width:100%!important;height:auto!important}body.mobile-view .chart-container{width:100%;overflow-x:auto}@media (max-width: 768px){.home-wrapper{padding:0 12px}.hero-container{padding:20px 0}.hero-box{width:100%;padding:20px 16px;border-radius:16px}.title-text{font-size:26px;text-align:center}.subtitle{font-size:14px;text-align:center}.button-row{display:flex;flex-direction:column;gap:12px}.button-row .main-btn{width:100%}.stats-section{margin-top:24px}.stats-grid{display:grid;grid-template-columns:1fr;gap:14px}.stat-box{width:100%}.feature-section{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}.feature-card{width:100%}.leader-cards{display:grid;grid-template-columns:1fr;gap:14px}.leader-card{width:100%;text-align:center}.cta-banner{padding:20px 16px;text-align:center}.cta-banner .main-btn{width:100%}}@media (max-width: 768px){.leaderboard-card{width:100%;padding:16px 12px;overflow-x:hidden}.lb-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.lb-tab{width:100%;font-size:13px;padding:10px}.lb-table{width:100%;white-space:nowrap;border-collapse:collapse}.leaderboard-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.leaderboard-table-wrapper .lb-table{min-width:650px}.lb-table th,.lb-table td{padding:8px 10px;font-size:13px;text-align:left}.lb-table td:nth-child(2),.lb-table th:nth-child(2){font-size:18px;text-align:center}}@media (max-width: 768px){.form-card{width:100%;max-width:100%;padding:16px;margin:0 auto}.form-card input,.form-card select{width:100%;font-size:14px;padding:10px;margin-bottom:12px;box-sizing:border-box}.form-card label{display:block;text-align:left;font-size:13px;margin:8px 0 4px}.form-card .button{width:100%;padding:12px;font-size:15px;margin-top:10px}.back-btn{display:block;width:100%;margin-bottom:12px;font-size:14px}}@media (max-width: 768px){.admin-dashboard{padding:14px}.page-title{font-size:20px;text-align:center;margin-bottom:14px}.welcome-box{width:100%;margin-bottom:16px;text-align:center}.stats-row{display:grid!important;grid-template-columns:1fr!important;gap:14px;margin-bottom:18px}.stat-card{width:100%}.admin-actions-row{display:grid!important;grid-template-columns:1fr!important;gap:14px;margin-bottom:16px;justify-content:stretch!important}.admin-action-card{width:100%;padding:16px;text-align:center}.admin-action-card h3{font-size:16px}.admin-action-card p{font-size:13px}.back-btn{width:100%;margin-bottom:12px;font-size:14px}}@media (max-width: 768px){.live-approvals-page{padding:14px}.live-approvals-page h2{font-size:20px;text-align:center;margin-bottom:12px}.live-approvals-page .back-btn{width:100%;margin-bottom:12px}.filter-buttons{display:grid!important;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.filter-buttons button{width:100%;font-size:13px}.csv-buttons{display:grid!important;grid-template-columns:1fr;gap:10px;margin-bottom:16px}.csv-buttons button,.csv-buttons .import-btn{width:100%;text-align:center}.approval-table{display:block;width:100%;overflow-x:auto;white-space:nowrap;border-collapse:collapse}.approval-table thead th,.approval-table tbody td{font-size:13px;padding:8px}.approval-table td span{display:flex;flex-direction:column;gap:6px}.approve-btn,.reject-btn{width:100%;font-size:13px}.approval-table a{font-size:13px}.status{font-size:12px;padding:4px 6px}}@media (max-width: 768px){.analytics-grid{display:block!important}.analytics-chart,.analytics-card,.glass-card{overflow:visible!important;min-height:300px!important}.recharts-responsive-container,.recharts-wrapper,.recharts-surface{width:100%!important;min-height:240px!important;height:auto!important;overflow:visible!important}.recharts-wrapper svg{display:block!important;visibility:visible!important;overflow:visible!important}}@media (max-width: 768px){.recharts-responsive-container{min-width:100%!important;width:100%!important}.recharts-wrapper,.recharts-wrapper svg{width:100%!important;min-width:100%!important;display:block!important}.analytics-chart,.glass-card{overflow:visible!important}.analytics-grid{display:block!important}}@media (max-width: 768px){.recharts-wrapper svg{width:100%!important;min-width:100%!important;height:auto!important}.recharts-wrapper{width:100%!important;min-width:100%!important}}@media (max-width: 768px){.analytics-grid{display:flex!important;flex-direction:column!important;gap:20px!important}.recharts-responsive-container{min-width:100%!important;width:100%!important;height:240px!important;display:block!important}.recharts-wrapper,.recharts-surface,.recharts-wrapper svg{width:100%!important;height:100%!important;overflow:visible!important}.analytics-chart{overflow:visible!important;min-height:300px!important}.analytics-chart>*{flex-shrink:0!important}}.analytics-chart{position:relative;overflow:visible!important}.analytics-chart .recharts-wrapper,.analytics-chart svg{position:relative;z-index:2}.analytics-chart.glass-card:before{z-index:0!important}@media (max-width: 768px){.recharts-responsive-container>div{width:100%!important;min-width:100%!important}.recharts-wrapper{width:100%!important;height:auto!important}.analytics-chart{overflow:visible!important}}@media (max-width: 768px){.analytics-chart{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important}.recharts-responsive-container,.recharts-wrapper,.recharts-surface{margin:0 auto!important}}@media (max-width: 768px){.live-platforms{padding:14px!important}.live-platforms h2{text-align:center;font-size:20px;margin-bottom:16px}.live-platforms-container{display:flex!important;flex-direction:column!important;gap:16px!important}.live-card{padding:14px!important;border-radius:14px}.live-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;text-align:center}.live-icon{font-size:26px}.live-name{font-size:16px;font-weight:600}.live-buttons{display:flex!important;flex-direction:column!important;gap:10px!important}.live-open-btn,.live-attend-btn{width:100%!important;padding:12px!important;font-size:15px;border-radius:10px}.back-btn{width:100%;margin-bottom:14px;padding:10px;font-size:14px}}@media (max-width: 768px){.online-container{padding:14px!important}.online-title{text-align:center;font-size:20px;margin-bottom:14px}.online-container .back-btn{width:100%;margin-bottom:12px;padding:10px;font-size:14px}.online-container h3{margin-top:12px;margin-bottom:6px;font-size:14px}.online-select{width:100%!important;padding:10px;font-size:14px;margin-bottom:10px;border-radius:8px}.lb-table{width:100%;white-space:nowrap;border-radius:10px}.leaderboard-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.leaderboard-table-wrapper table{min-width:650px}.lb-table th,.lb-table td{padding:8px 10px;font-size:13px;text-align:center}.lb-table th:nth-child(1),.lb-table td:nth-child(1){min-width:40px}.lb-table th:nth-child(2),.lb-table td:nth-child(2){min-width:110px;text-align:left}.lb-table th:nth-child(6),.lb-table td:nth-child(6){min-width:90px}}@media (max-width: 768px){.form-container{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:16px;margin:0}.form-card{width:100%!important;max-width:360px;padding:18px 16px;border-radius:14px;margin-top:0!important;transform:translateY(-12px)}.form-card h2{font-size:20px;text-align:center;margin-bottom:14px}.form-card input{width:100%!important;font-size:14px;padding:10px 12px;margin-bottom:12px;border-radius:8px}.form-card .button{width:100%!important;padding:12px;font-size:15px;border-radius:10px}.form-card .button:disabled{opacity:.7}}@media (max-width: 768px){.admin-container{padding:14px}.admin-container h2{font-size:20px;text-align:center;margin-bottom:14px}.question-row{display:flex;flex-direction:column;gap:10px;padding:12px;margin-bottom:14px;border-radius:12px}.question-text{font-size:14px;line-height:1.4}.action-buttons{display:flex;gap:10px;justify-content:flex-end}.edit-btn,.delete-btn{flex:1;padding:10px;font-size:14px;border-radius:8px}.back-btn{width:100%;margin-bottom:12px}}@media (max-width: 768px){.online-container{padding:14px}.online-title{font-size:20px;text-align:center;margin-bottom:12px}.online-container h3{font-size:16px;margin:14px 0 8px}.online-category-list{display:grid;grid-template-columns:1fr;gap:10px}.online-cat{padding:12px;font-size:14px;text-align:center;border-radius:10px}.online-cat.selected{font-weight:600}.online-select,.online-input{width:100%;padding:10px;font-size:14px;border-radius:8px}.online-start-btn{width:100%;padding:12px;margin-top:16px;font-size:15px;border-radius:10px}.back-btn{width:100%;margin-bottom:12px}.center-text{font-size:14px;text-align:center;margin:10px 0}}.center-text{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:16px;font-weight:500;line-height:1.4;color:var(--text-main, #fff)}.center-text:before{content:""}@media (max-width: 768px){.center-text{font-size:14px;padding:20px}}@media (max-width: 600px){.online-category-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.online-cat{padding:10px 6px;font-size:13px;border-radius:10px;text-align:center;line-height:1.3;min-height:44px;display:flex;align-items:center;justify-content:center}.online-cat.selected{border:2px solid #4da3ff;background:#4da3ff40}.online-container{padding:14px}.online-start-btn{width:100%;font-size:16px;padding:12px}}@media (max-width: 600px){.quiz-card{width:100%;max-width:100%;padding:16px;margin:12px auto;border-radius:14px}.quiz-card h2{font-size:20px;text-align:center}.timer{font-size:14px;text-align:center;margin-bottom:6px}.timer.small{font-size:13px}.question-text{font-size:15px;line-height:1.4;margin-bottom:14px}.progress-bar{height:8px;margin-bottom:12px}.options-block{display:flex;flex-direction:column;gap:10px}.option-box{width:100%;padding:12px;font-size:14px;border-radius:12px}.option-box .square{min-width:22px;height:22px;font-size:14px}.option-text{font-size:14px;line-height:1.3}.nav-buttons{display:flex;gap:10px;margin-top:16px}.nav-buttons button{flex:1;font-size:14px;padding:10px;border-radius:10px}.submit-btn{font-size:15px;padding:12px}.quiz-card p{font-size:14px}.quiz-card h3{font-size:18px;text-align:center}.quiz-card .button{width:100%;margin-top:10px;font-size:14px;padding:12px}}@media (max-width: 600px){.quiz-setup-container{padding:14px;width:100%}.quiz-setup-container h2{font-size:20px;text-align:center;margin-bottom:12px}.quiz-setup-container h3{font-size:16px;margin-top:16px;margin-bottom:8px;text-align:center}.mode-buttons-column{gap:12px}.mode-big-btn{font-size:15px;padding:14px;border-radius:12px}.back-btn{font-size:14px;padding:8px 12px;margin-bottom:12px}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.category-card{padding:10px;border-radius:12px;min-height:110px}.category-card p{font-size:13px;margin-top:6px;line-height:1.2;text-align:center}.category-img{width:100%;height:60px;object-fit:contain}.selected-category{outline:2px solid #4dabf7}.dropdown{width:100%;font-size:14px;padding:10px;border-radius:10px}.checkbox-row{font-size:14px;gap:8px}.timer-input{width:100%;font-size:14px;padding:10px;border-radius:10px;margin-top:6px}.main-btn.start-btn{width:100%;font-size:16px;padding:14px;margin-top:18px;border-radius:14px}}@media (max-width: 600px){.form-container{min-height:calc(100vh - 64px);padding:16px;display:flex;align-items:center;justify-content:center;margin:0}.form-card{width:100%;max-width:380px;padding:18px;border-radius:14px;margin-top:0!important;transform:translateY(-12px)}.form-card h2{font-size:20px;text-align:center;margin-bottom:14px}.form-card input{width:100%;font-size:15px;padding:12px;margin-bottom:12px;border-radius:10px}.form-card .button{width:100%;font-size:16px;padding:14px;border-radius:12px;margin-top:6px}.form-card p{font-size:14px;text-align:center;margin-top:14px}}@media (max-width: 600px){.sd-container{padding:16px 10px}.sd-back-btn{font-size:14px;padding:8px 16px}.sd-title{font-size:22px;margin-bottom:14px}.sd-glass-card,.sd-glass-card.wide,.sd-glass-card.table-card,.sd-glass-card.action{width:100%;max-width:100%;padding:16px;margin:14px auto}.sd-hello{font-size:18px}.sd-role{font-size:14px}.sd-stats-row{flex-direction:column;gap:12px}.sd-glass-card.stat{width:100%}.sd-glass-card.stat h3{font-size:22px}.sd-glass-card.stat p{font-size:14px}.table-card{padding:12px;overflow-x:auto}.sd-table{min-width:520px;font-size:13px}.sd-table th,.sd-table td{padding:8px 6px;font-size:12px}.sd-subtitle{font-size:16px;margin-bottom:10px}.sd-actions{flex-direction:column;gap:14px}.sd-btn-big{font-size:15px;padding:14px}}@media (max-width: 600px){.submit-page{padding:12px}.back-container{margin-bottom:12px}.submit-back-btn{font-size:14px;padding:6px 14px}.submit-box{width:100%;max-width:100%;padding:16px;border-radius:16px}.submit-box h2{font-size:20px;margin-bottom:12px}.submit-box p{font-size:14px;margin-bottom:6px}.field-label{font-size:13px;margin-top:10px;margin-bottom:4px}.input-field,.file-field{width:100%;font-size:14px;padding:10px}.submit-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.submit-btn,.cancel-btn{width:100%;font-size:15px;padding:12px}}@media (max-width: 600px){.top-theme-panel{position:fixed;top:60px;left:50%;transform:translate(-50%);width:92%;max-height:75vh;overflow-y:auto;padding:16px;border-radius:18px;z-index:9999}.top-theme-panel h3{font-size:18px;margin-bottom:14px;text-align:center}.top-theme-option{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:10px;border-radius:14px;font-size:15px}.top-theme-option span{flex:1}.top-color-dot{width:18px;height:18px;min-width:18px;border-radius:50%}.top-theme-option.selected{font-weight:600}}@media (max-width: 768px){html,body{max-width:100%}.leaderboard-table-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.leaderboard-table-wrapper table{min-width:650px}}@media (max-width: 768px){.form-help-text{font-size:14px;text-align:center;margin-bottom:14px;opacity:.9}.secondary-btn{margin-top:10px;background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px;border-radius:10px;font-size:14px}.secondary-btn:hover{background:#ffffff14}}@media (max-width: 768px){.forgot-card{padding:18px;margin:20px}.student-info-text{font-size:13px;padding:0 10px}.request-btn{font-size:14px;padding:10px}}@media (max-width: 600px){.request-link-btn{width:100%;font-size:15px}}