:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--adm-bg-a: #0d0b52;--adm-bg-b: #5a2dfd;--adm-card: rgba(16, 23, 68, .78);--adm-border: rgba(255, 255, 255, .12);--adm-text: #e3e7ff;--adm-accent: #8f63ff}html.admin-dark,body.admin-dark{height:100%;background:linear-gradient(135deg,var(--adm-bg-a),var(--adm-bg-b));color:var(--adm-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.adm-layout{display:grid;grid-template-columns:260px minmax(0,1fr);width:100%;height:100vh;overflow:hidden}.adm-layout.adm-sidebar-hidden{grid-template-columns:0 1fr!important}.adm-sidebar{padding:18px;background:#0a0f328c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--adm-border);display:flex;flex-direction:column;transition:transform .28s ease,opacity .18s ease;z-index:60}.adm-layout.adm-sidebar-hidden .adm-sidebar{transform:translate(-280px);pointer-events:none;opacity:.98}.adm-sidebar-top{display:flex;justify-content:space-between;align-items:center}.adm-sidebar-header{display:flex;align-items:center;gap:12px}.adm-sidebar-logo{width:45px;height:45px}.adm-sidebar-title{font-weight:700;font-size:1.15rem}.adm-sidebar-collapse-btn{background:#ffffff0a;border:1px solid var(--adm-border);color:var(--adm-text);padding:8px;border-radius:10px;cursor:pointer}.adm-sidebar-menu{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.adm-sidebar-menu li{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .18s ease}.adm-sidebar-menu li:hover{background:#ffffff12}.adm-sidebar-menu li.active{background:#8f63ff33;box-shadow:inset 0 0 0 1px #8f63ff66}.adm-menu-icon{font-size:1.45rem;color:var(--adm-text)}.adm-menu-text{color:var(--adm-text);font-weight:600}.adm-spacer{flex:1}.adm-sidebar-open-btn{position:fixed;top:20px;left:18px;width:46px;height:46px;border-radius:12px;background:#0f1228e6;border:1px solid var(--adm-border);display:flex;align-items:center;justify-content:center;color:var(--adm-text);cursor:pointer;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .18s ease,background .18s ease}.adm-sidebar-open-btn:hover{transform:scale(1.06);background:#12142ef2}.adm-main{width:100%;height:100%;padding:28px 32px;box-sizing:border-box;overflow-y:auto}.adm-main-glass{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px;box-shadow:0 0 45px #00000040;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:1400px;margin:0 auto}.adm-main-inner{max-width:1300px;margin:0 auto}.adm-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.adm-search{background:#ffffff0f;padding:12px 16px;border-radius:14px;border:1px solid var(--adm-border);display:flex;align-items:center;width:clamp(220px,40%,420px)}.adm-search input{background:none;border:none;outline:none;margin-left:10px;color:var(--adm-text);width:100%}.adm-search-icon{color:var(--adm-text)}.adm-top-actions{display:flex;align-items:center;gap:14px}.adm-icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--adm-border);background:#ffffff12;display:flex;align-items:center;justify-content:center;color:var(--adm-text);cursor:pointer;transition:transform .18s ease,background .18s ease}.adm-icon-btn:hover{transform:translateY(-3px);background:#ffffff1f}.adm-notif-panel{position:absolute;right:40px;top:80px;background:var(--adm-card);border:1px solid var(--adm-border);padding:16px;border-radius:12px;z-index:70}.adm-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:26px}.adm-left,.adm-right{display:flex;flex-direction:column;gap:24px}.adm-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.adm-stat-card,.adm-info-card,.adm-wide-card,.adm-chart-card{background:var(--adm-card);border:1px solid var(--adm-border);border-radius:14px;padding:20px;color:var(--adm-text)}.adm-stat-icon{font-size:1.7rem;margin-bottom:4px}.adm-stat-title{font-size:.95rem;opacity:.9}.adm-stat-value{font-size:1.4rem;font-weight:700;margin-top:4px}.adm-two-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.adm-info-actions{margin-top:16px;display:flex;gap:10px}.adm-info-actions button{padding:10px 14px;border-radius:11px;border:none;cursor:pointer;font-weight:600}.adm-info-actions button:first-child{background:#22c55e;color:#fff}.adm-info-actions button:last-child{background:#ffffff14;color:var(--adm-text)}.adm-wide-card p{margin-top:6px;opacity:.9}.adm-chart-card h4{margin-bottom:10px}@media(max-width:1200px){.adm-grid{grid-template-columns:1fr}}@media(max-width:900px){.adm-stats-row{grid-template-columns:repeat(2,1fr)}.adm-two-cards{grid-template-columns:1fr}}@media(max-width:600px){.adm-stats-row{grid-template-columns:1fr}.adm-main{padding:20px}}:root{--bg-a: #0d0b52;--bg-b: #5a2dfd}.admin-login-page{width:100vw;height:100vh;background:linear-gradient(135deg,var(--bg-a),var(--bg-b));display:flex;justify-content:center;align-items:center;overflow:hidden}.admin-login-card{width:420px;background:#ffffff1f;padding:40px;border-radius:20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 35px #00000059;text-align:center}.admin-login-img{width:160px;margin-bottom:20px}.admin-title{font-size:30px;font-weight:700;color:#fff;margin-bottom:25px}.admin-input-wrapper{position:relative;width:85%;margin-bottom:16px}.admin-input{width:90%;padding:14px 50px 14px 16px;font-size:16px;border-radius:12px;border:none;background:#ffffff38;color:#fff}.admin-input::placeholder{color:#e6e6e6}.show-password{position:absolute;right:.5px;top:60%;transform:translateY(-50%);font-size:20px;color:#e6e6e6;cursor:pointer}.admin-btn{width:40%;padding:14px;background:linear-gradient(90deg,#8a63ff,#6a4bff);border-radius:12px;border:none;color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:.2s ease}.admin-btn:hover{opacity:.9;transform:translateY(-2px)}:root{--stu-bg-a: #0d0b52;--stu-bg-b: #5a2dfd;--stu-card: rgba(24, 14, 80, .85);--stu-border: rgba(255, 255, 255, .08);--stu-text: #e8e6ff;--stu-muted: rgba(255, 255, 255, .45);--stu-accent: #8f63ff}.stu-admin-layout.stu-sidebar-collapsed .stu-sidebar{transform:translate(-260px);pointer-events:none}.stu-sidebar{width:260px;padding:18px;background:#0a0f328c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--stu-border);display:flex;flex-direction:column;transition:transform .25s ease;z-index:90;box-sizing:border-box}.stu-sidebar-title{font-size:1.15rem;font-weight:700;color:var(--stu-text)}.stu-sidebar-collapse-btn{padding:8px;border-radius:12px;background:#ffffff0f;border:1px solid var(--stu-border);cursor:pointer;color:var(--stu-text)}.stu-sidebar-menu{list-style:none;padding:0;margin-top:22px;display:flex;flex-direction:column;gap:6px}.stu-sidebar-menu li{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;cursor:pointer;color:var(--stu-text);font-weight:500;transition:background .15s ease}.stu-sidebar-menu li:hover{background:#ffffff14}.stu-sidebar-menu li.active{background:#ffffff1f}.stu-menu-text{color:var(--stu-text)}.stu-sidebar-menu li.logout{background:#ff50501f;color:#ffb3b3}.stu-sidebar-open-btn{position:fixed;top:20px;left:20px;width:46px;height:46px;border-radius:12px;background:#0f1228e6;border:1px solid var(--stu-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--stu-text);z-index:999}.stu-main{width:100%;height:100%;overflow-y:auto;padding:24px 30px;box-sizing:border-box}.stu-main-glass{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px;box-shadow:0 18px 45px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:1400px;margin:0 auto}.stu-main-inner{max-width:1200px;margin:0 auto}.stu-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.stu-back-btn{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--stu-text);cursor:pointer}.stu-title{font-size:24px;font-weight:700;margin-left:10px}.stu-subtitle{margin-top:6px;color:var(--stu-muted)}.stu-header-controls{display:flex;gap:12px;align-items:center}.stu-search-input,.stu-sort-select{padding:10px 14px;border-radius:12px;background:#ffffff0f;border:1px solid var(--stu-border);color:var(--stu-text)}.stu-student-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:6px 0}.stu-student-card{background:var(--stu-card);border:1px solid var(--stu-border);padding:18px;border-radius:14px;box-shadow:0 10px 30px #0c092e47;display:flex;flex-direction:column;gap:10px}.stu-card-media img{width:100%;height:180px;object-fit:cover;border-radius:12px}.stu-card-actions{margin-top:auto;display:flex;gap:10px}.stu-btn{padding:10px 16px;border-radius:10px;font-weight:600;border:none;cursor:pointer}.stu-btn.ghost{background:#ffffff14;color:var(--stu-text)}.stu-empty{color:var(--stu-muted);grid-column:1 / -1;text-align:center}.stu-admin-layout.stu-sidebar-collapsed .stu-main-glass,.stu-admin-layout.stu-sidebar-collapsed .stu-main-inner,.stu-admin-layout.stu-sidebar-collapsed .stu-student-grid{max-width:none!important;width:100%!important;margin:0!important}:root{--stu-bg-a: #0d0b52;--stu-bg-b: #5a2dfd;--stu-card: rgba(24, 14, 80, .85);--stu-border: rgba(255, 255, 255, .06);--stu-text: #e8e6ff;--stu-muted: rgba(255,255,255,.36);--stu-accent: #22c55e}html.admin-dark,body.admin-dark{height:100%;background:linear-gradient(135deg,var(--stu-bg-a),var(--stu-bg-b));color:var(--stu-text);font-family:Poppins,sans-serif}.stu-admin-layout{display:grid;grid-template-columns:260px 1fr;width:100%;height:100vh;overflow:hidden}.stu-admin-layout.stu-sidebar-collapsed{grid-template-columns:0 1fr!important}.stu-sidebar{width:260px;padding:18px;background:#0a0f328c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--stu-border);display:flex;flex-direction:column;transition:transform .25s ease;z-index:90}.stu-admin-layout.stu-sidebar-collapsed .stu-sidebar{transform:translate(-280px);pointer-events:none}.stu-sidebar-top{display:flex;justify-content:space-between;align-items:center}.stu-sidebar-header{display:flex;align-items:center;gap:12px}.stu-sidebar-logo{width:45px;height:45px}.stu-sidebar-title{font-size:1.1rem;font-weight:700;color:var(--stu-text)}.stu-sidebar-collapse-btn{padding:8px;background:#ffffff0f;border-radius:10px;border:1px solid var(--stu-border);cursor:pointer;color:var(--stu-text)}.stu-sidebar-menu{list-style:none;margin-top:20px;padding:0;display:flex;flex-direction:column;gap:6px}.stu-sidebar-menu li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--stu-text);font-weight:600;transition:background .18s}.stu-sidebar-menu li:hover{background:#ffffff0f}.stu-sidebar-menu li.active{background:#6c63ff26;box-shadow:inset 0 0 0 1px #6c63ff40}.stu-menu-icon{font-size:1.3rem}.stu-spacer{flex:1}.stu-sidebar-open-btn{position:fixed;top:20px;left:20px;width:46px;height:46px;border-radius:12px;background:#0f1228f2;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;color:#fff}.main-content{padding:26px 32px;overflow-y:auto;box-sizing:border-box}.dashboard-main-box{background:#ffffff08;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);padding:26px;border-radius:18px;max-width:1400px;margin:0 auto}.main-inner{max-width:1200px;margin:0 auto}.student-header-card{display:flex;gap:20px;padding:20px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);margin-bottom:20px}.header-left{display:flex;align-items:center;gap:16px}.avatar-large{width:96px;height:96px;border-radius:12px;object-fit:cover;border:3px solid rgba(255,255,255,.1)}.meta{display:flex;flex-direction:column;gap:6px}.student-name{font-size:1.4rem;font-weight:700;margin:0}.student-sub{color:var(--stu-muted)}.header-right{margin-left:auto;display:flex;flex-direction:column;gap:12px}.quick-stats{display:flex;gap:12px}.stat.small{min-width:120px;padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);text-align:center}.level-progress{width:320px}.progress-row{display:flex;justify-content:space-between}.progress-bar{height:12px;background:#ffffff0a;border-radius:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#8ef7a6,#2dd4bf);transition:width .6s ease}.btn{padding:8px 12px;border-radius:10px;border:none;cursor:pointer;font-weight:600}.btn.ghost{background:#ffffff0a;color:var(--stu-text)}.btn.main{background:var(--stu-accent);color:#fff}.wide-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:12px;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius);padding:.75rem 1rem;font-weight:600;border:none;color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(2px);box-shadow:0 4px 16px #00000040}.btn-primary{background:linear-gradient(135deg,var(--color-accent),#6a38f0)}.btn-secondary{background:linear-gradient(135deg,#26c6da,#00acc1)}.btn-danger{background:linear-gradient(135deg,#ef5350,#e53935)}.btn-sm{padding:.5rem .75rem;font-size:.9rem}.btn-md{padding:.75rem 1rem;font-size:1rem}.btn-lg{padding:1rem 1.25rem;font-size:1.05rem}.card{border-radius:var(--radius);background:#ffffff0f;box-shadow:var(--shadow);padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.navbar-modern{display:flex;align-items:center;justify-content:center;position:relative;padding:.75rem 1rem}.navbar-modern .brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.3rem}.navbar-modern .menu-btn{position:absolute;left:12px}.drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.drawer-panel{position:fixed;top:0;bottom:0;left:0;width:280px;background:linear-gradient(to bottom,#0a0f3c,#1a237e);color:#fff;padding:20px;z-index:1000;box-shadow:8px 0 24px #0006}.input-modern{width:100%;border:none;outline:none;border-radius:24px;padding:.75rem 1rem;background:#ffffffe6;color:#222;box-shadow:var(--shadow)}.input-modern::placeholder{color:#666}.page-shell{min-height:100vh;width:92vw;max-width:375px;max-height:812px;margin:0 auto;padding:16px}.page-hero{border-radius:20px;padding:20px;background:linear-gradient(135deg,#9a6bff,#6a38f0);color:#fff;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between}.page-hero .title{font-weight:700;font-size:1.3rem}.page-content{margin-top:14px}.admin-theme{min-height:100vh;background:linear-gradient(180deg,#111,#1a1a1a);color:#fff;padding:20px;display:flex;flex-direction:column;align-items:center}.progress-header{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;text-align:center;margin-bottom:30px}.progress-header h2{font-size:1.6rem;font-weight:700;color:#fff;flex:1;text-align:center}.student-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;width:100%;max-width:1000px}.student-card{background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:18px;box-shadow:0 4px 14px #0006;transition:transform .2s ease,box-shadow .2s ease}.student-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #ffffff1f}.student-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.online{background:#0f8;box-shadow:0 0 6px #0f8}.status-dot.offline{background:#888}.avatar{width:48px;height:48px;border-radius:50%}.info h3{font-size:1.1rem;margin-bottom:4px}.last-login{font-size:.8rem;color:#aaa}.stats{font-size:.9rem;margin-bottom:12px}.modules h4{font-size:1rem;margin-bottom:6px}.modules p{font-size:.85rem;color:#ccc;margin-bottom:4px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:30px}.page-info{color:#bbb;font-size:.9rem}@media(max-width:768px){.progress-header{flex-direction:column;gap:8px}.student-grid{grid-template-columns:1fr}.student-card{padding:16px}}.admin-layout{display:flex;width:100%;min-height:100vh}.sidebar{width:260px;min-width:260px;padding:24px 18px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#0a0828f2,#1a1050f2)}.main-content{flex:1;width:100%;padding:30px 40px;box-sizing:border-box}.profile-wrapper{max-width:600px;margin:auto;text-align:center;color:var(--text)}.back-btn{background:#ffffff12;border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:10px;color:var(--text);cursor:pointer;margin-bottom:20px}.profile-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.2)}.profile-name{font-size:2rem;margin-top:14px;margin-bottom:14px;font-weight:700}.level-tag{background:#ffffff29;padding:8px 20px;border-radius:12px;display:inline-block;margin-bottom:24px}.stats-card{background:#ffffff14;padding:20px;border-radius:14px;margin-bottom:28px;display:flex;justify-content:center;gap:40px}.stats-card strong{font-size:1.6rem}.info-card{background:#ffffff14;padding:24px;border-radius:14px;text-align:left;margin-bottom:40px}.info-card h3{margin-bottom:14px;font-size:1.3rem}.admin-layout{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden;background:linear-gradient(135deg,#0d0b52,#5a2dfd)}.admin-layout.sidebar-collapsed{grid-template-columns:70px 1fr!important}.sidebar{background:#060719d9;border-right:1px solid rgba(255,255,255,.15);padding:20px;display:flex;flex-direction:column;transition:.25s ease;overflow:hidden}.sidebar-logo{width:42px}.sidebar-title{color:#fff;font-weight:700;font-size:16px}.sidebar-collapse-btn{background:none;border:none;color:#fff;cursor:pointer;margin-left:auto;font-size:18px}.admin-layout.sidebar-collapsed .sidebar{width:70px!important}.sidebar-menu{list-style:none;margin-top:20px;padding:0;display:flex;flex-direction:column;gap:6px}.sidebar-menu li{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;color:#fff;cursor:pointer;transition:.2s ease;font-size:15px}.sidebar-menu li span{transition:opacity .2s ease}.admin-layout.sidebar-collapsed .sidebar-menu li span{opacity:0;pointer-events:none}.sidebar-menu li.active{background:#8f63ff33;border:1px solid rgba(143,99,255,.35)}.sidebar-menu .logout{margin-top:auto;background:#ff505026}.sidebar-menu .logout:hover{background:#ff505040}.right-wrapper{width:100%;height:100vh;overflow-y:auto}.main-content{padding:40px}.main-content-box{max-width:1200px;margin:0 auto;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);padding:28px;border-radius:18px}.modules-header{display:flex;justify-content:space-between;align-items:center}.modules-header h2{color:#fff;font-size:24px}.add-btn{background:#6b46ff;border:none;padding:10px 18px;border-radius:10px;color:#fff;font-weight:600;display:flex;gap:8px;align-items:center}.modules-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.module-card{background:#101744c7;border:1px solid rgba(255,255,255,.12);padding:22px;border-radius:18px;box-shadow:0 8px 22px #0006;display:flex;flex-direction:column}.module-card h3{color:#fff;font-size:20px;margin-bottom:6px}.module-card p{color:#ffffffb3;margin-top:4px}.module-actions{margin-top:14px;display:flex;gap:10px}.btn{padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;border:none}.btn.ghost{background:#ffffff26;color:#fff}.btn.main{background:#6b46ff;color:#fff}.btn.danger{background:#ff4f4f;color:#fff;display:flex;align-items:center;justify-content:center}.btn.danger:hover{background:#ff3535}.modal-overlay{position:fixed;inset:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:99999}.modal-box{width:420px;background:#14163cf2;padding:28px;border-radius:18px;border:1px solid rgba(255,255,255,.12);color:#fff;position:relative;animation:popIn .25s ease}@keyframes popIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;right:12px;top:12px;background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.modal-input,.modal-textarea{width:100%;margin-top:12px;padding:10px;border-radius:10px;border:none;background:#ffffff1a;color:#fff}.modal-upload-btn{width:100%;margin-top:18px;padding:12px;background:#6b46ff;border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer}@media(max-width:1100px){.modules-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.modules-grid{grid-template-columns:1fr}}:root{--bg-a: #0d0b52;--bg-b: #5a2dfd;--card: rgba(16, 23, 68, .78);--text: #e3e7ff;--border: rgba(255, 255, 255, .12);--accent: #8f63ff;--glass: rgba(255,255,255,.06)}.admin-layout{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden}.sidebar{width:260px;padding:18px;background:#0a0f328c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--border);transition:.28s ease;display:flex;flex-direction:column}.admin-layout.sidebar-hidden .sidebar{transform:translate(-280px);opacity:.9;pointer-events:none}.sidebar-logo{width:46px}.sidebar-title{font-size:1.2rem;font-weight:700;color:var(--text)}.sidebar-collapse-btn{background:#ffffff0f;border:1px solid var(--border);padding:8px;border-radius:10px;color:var(--text)}.sidebar-menu li{padding:10px 14px;border-radius:10px;display:flex;gap:14px;align-items:center;cursor:pointer;transition:.18s}.sidebar-menu li.active{background:#8f63ff26;border:1px solid rgba(143,99,255,.25)}.menu-icon{font-size:1.4rem;color:var(--text)}.logout{color:#ff8b8b}.sidebar-open-btn{position:fixed;top:20px;left:20px;width:46px;height:46px;border-radius:12px;background:#0f1228e6;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.2s}.sidebar-open-btn:hover{transform:scale(1.08);background:#12142ef2}.pf-main{padding:40px;overflow-y:auto;height:100vh;color:#fff}.pf-main-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px;box-shadow:0 0 45px #00000038;max-width:1200px;margin:0 auto}.pf-topbar{display:flex;justify-content:center;margin-bottom:24px}.content-inner{width:100%;max-width:1100px}.top-row{display:flex;justify-content:space-between;align-items:center}.right-controls{display:flex;gap:10px}.icon-btn{width:48px;height:48px;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#ffffff38;transform:scale(1.05)}.rect-btn{padding:8px 14px;border-radius:10px;height:36px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.add-btn{background:linear-gradient(90deg,#6c63ff,#726bff);border:none}.controls-row{display:flex;justify-content:space-between;margin-top:16px}.left-controls{display:flex;gap:12px}.pf-sort{padding:10px 14px;border-radius:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff}.pf-search{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:10px 14px;border-radius:12px}.pf-search input{background:transparent;border:none;outline:none;color:#fff;width:100%}.feedback-list{display:flex;flex-direction:column;gap:28px;width:100%;max-width:1100px;margin:0 auto}.feedback-card{background:#0c0c20bf;border-radius:20px;padding:26px;border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 20px #00000040}.card-header{display:flex;justify-content:space-between}.card-actions{display:flex;gap:12px}.act{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#ffffff0f}.act{line-height:0}.act svg{display:block;width:20px;height:20px}.act-delete svg{color:#ff6b6b}.act-edit svg{color:#f59e0b}.act-view svg{color:#726bff}.card-footer{display:flex;justify-content:space-between;margin-top:18px}.stars svg{color:gold}.pf-modal-bg{position:fixed;inset:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;align-items:center;justify-content:center}.pf-modal,.pf-delete-modal{background:#111;padding:32px;border-radius:20px;width:460px;color:#fff}.delete-actions{display:flex;justify-content:space-between;margin-top:24px}.confirm{background:#ff6b6b;padding:9px 20px;border-radius:10px}.cancel{padding:9px 20px;background:#fff3;border-radius:10px}.pf-close{margin-top:20px;width:100%;background:#6c63ff;padding:12px;border-radius:10px}:root{--bg-deep: #331a8f;--panel: rgba(10, 10, 35, .9);--accent: #6c63ff;--muted: rgba(255,255,255,.55);--danger: #ff6b6b;--card-border: rgba(255,255,255,.06);--radius: 16px;--sidebar-w: 260px;--sidebar-bg: linear-gradient(180deg, #0a071c 0%, #1d0a46 100%)}html.admin-dark,body.admin-dark{background:linear-gradient(180deg,#472ea8,#30146a);font-family:Inter,sans-serif;color:#fff}.admin-layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden;position:relative}.admin-layout.sidebar-collapsed{grid-template-columns:0 1fr}.sidebar-open-btn{position:fixed;top:20px;left:18px;width:46px;height:46px;border-radius:12px;background:#0f1228e6;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.2s ease}.sidebar-open-btn:hover{transform:scale(1.05)}.sidebar{width:var(--sidebar-w);padding:18px;background:#0a0f328c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:transform .25s ease;z-index:90}.admin-layout.sidebar-collapsed .sidebar{transform:translate(-280px);pointer-events:none}.sidebar-title{font-size:1.2rem;font-weight:700}.sidebar-collapse-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);padding:8px;border-radius:10px;cursor:pointer;color:#fff}.sidebar-menu li{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .18s ease;color:#ffffffeb;font-weight:600}.sidebar-menu li:hover{background:#ffffff0f}.sidebar-menu li.active{background:#6c63ff2e;border-left:3px solid var(--accent)}.menu-icon{font-size:1.45rem;color:#fff}.menu-text{color:#fff}.logout{color:#ff8b8b!important}.admin-ann-container{width:100%;height:100%;overflow-y:auto;padding:36px 48px;box-sizing:border-box}.ann-main-box-dashboard{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:38px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 55px #00000052;max-width:1350px;margin:0 auto}.ann-top-row{display:flex;justify-content:space-between;align-items:center}.ann-main-title{font-size:32px;font-weight:800;margin:0}.ann-icons-right{display:flex;gap:12px}.icon-btn{width:46px;height:46px;border-radius:12px;background:#ffffff0d;border:none;display:grid;place-items:center;cursor:pointer;color:#fff;box-shadow:0 8px 22px #00000040}.ann-sub{margin-top:6px;margin-bottom:8px;color:var(--muted);font-size:14px}.ann-controls.under-title{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.ann-search{background:#ffffff0f;padding:10px 14px;min-width:320px;border-radius:14px;display:flex;gap:10px;align-items:center;box-shadow:0 6px 18px #00000040}.ann-search input{background:none;border:none;outline:none;color:#fff;width:100%}.ann-sort{background:#ffffff0f;padding:10px 14px;border-radius:12px;border:none;color:#fff;box-shadow:0 6px 18px #0000001f}.btn{padding:10px 16px;border-radius:12px;background:#ffffff12;border:none;cursor:pointer;display:inline-flex;gap:8px;align-items:center;color:#fff;font-weight:600;transition:.2s}.btn.add{background:var(--accent);box-shadow:0 8px 24px #6c63ff33}.btn.danger{background:var(--danger)}.btn:hover{transform:translateY(-2px);opacity:.9}.ann-list{margin-top:18px;display:flex;flex-direction:column;gap:24px}.ann-card{background:var(--panel);padding:28px;border-radius:18px;border:1px solid var(--card-border);box-shadow:0 12px 32px #00000047}.ann-card-top{display:flex;justify-content:space-between;margin-bottom:14px}.ann-title{font-size:21px;font-weight:700}.ann-meta{font-size:14px;opacity:.75}.ann-message{margin-top:8px;line-height:1.6}.ann-actions{display:flex;gap:14px;align-items:center}.ann-actions .icon{width:56px;height:56px;border-radius:12px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px #00000038;transition:transform .18s ease,box-shadow .18s ease;font-size:1.05rem}.ann-actions .icon:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 12px 30px #00000047}.ann-actions .danger{background:var(--danger)}.ann-modal-backdrop{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:2000}.ann-modal,.ann-delete-modal{background:#0c0c16f2;padding:26px;border-radius:16px;width:650px;max-width:calc(100% - 40px);animation:fadeIn .2s ease}.ann-delete-modal{width:400px}.field{margin-top:14px;display:flex;flex-direction:column;gap:6px}.field input,.field textarea{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px;color:#fff;outline:none}.ann-modal-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:14px}@keyframes fadeIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.ann-top-row{flex-direction:column;align-items:flex-start;gap:14px}.ann-controls{flex-direction:column;width:100%}.ann-search{min-width:100%}}.ann-modal-backdrop{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999}.ann-modal,.ann-delete-modal{position:relative;background:#111827;padding:24px;border-radius:14px;width:500px;max-width:90%;margin:auto;z-index:1000}.ann-modal-actions button{pointer-events:auto}:root{--accent: #8f63ff;--muted: rgba(255,255,255,.6);--card: rgba(16,23,68,.78);--border: rgba(255,255,255,.1);--text: #e4e8ff;--bg-a: #0d0b52;--bg-b: #5a2dfd}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;background:linear-gradient(135deg,var(--bg-a),var(--bg-b));color:var(--text)}.admin-layout{display:grid;grid-template-columns:260px minmax(0,1fr);height:100vh;width:100vw;overflow:hidden;position:relative}.admin-layout.sidebar-hidden{grid-template-columns:0 1fr!important}.sidebar{width:260px;padding:18px;background:#0a0f328c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:50;transition:transform .25s ease}.admin-layout.sidebar-hidden .sidebar{transform:translate(-300px);pointer-events:none}.sidebar-top{display:flex;justify-content:space-between;align-items:center}.sidebar-header{display:flex;align-items:center;gap:12px}.sidebar-logo{width:45px;height:45px}.sidebar-title{font-size:1.15rem;font-weight:700}.sidebar-collapse-btn{padding:8px;border-radius:12px;background:#ffffff0f;border:1px solid var(--border);cursor:pointer;color:var(--text)}.sidebar-menu{list-style:none;padding:0;margin-top:22px;display:flex;flex-direction:column;gap:6px}.sidebar-menu li{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;cursor:pointer;transition:background .15s ease}.sidebar-menu li:hover{background:#ffffff14}.menu-icon{font-size:22px}.menu-text{font-size:15px}.logout{color:#ff8a8a}.spacer{flex:1}.sidebar-open-btn{position:fixed;top:20px;left:20px;width:46px;height:46px;border-radius:12px;background:#0f1228e6;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);z-index:999}.main-content{width:100%;height:100%;padding:40px;overflow-y:auto}.main-content-box{max-width:1200px;margin:0 auto;background:#ffffff0d;border-radius:20px;padding:34px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px #0006}.settings-header-row{display:flex;justify-content:space-between;align-items:center}.settings-actions{display:flex;gap:10px}.icon-btn{background:#ffffff12;border:1px solid var(--border);padding:10px;border-radius:12px;cursor:pointer;color:var(--text)}.modules-sub{color:var(--muted);margin-top:6px}.settings-grid{margin-top:20px}.settings-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.card-title{font-size:20px;margin-bottom:16px}.settings-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.settings-row:last-child{border-bottom:none}.settings-left{display:flex;flex-direction:column}.row-heading{font-weight:600}.row-sub{font-size:13px;color:var(--muted)}.settings-right{display:flex;align-items:center}.switch{position:relative;width:50px;height:26px}.switch input{display:none}.slider{position:absolute;inset:0;background:#ffffff26;border-radius:20px;transition:.2s}.slider:after{content:"";position:absolute;width:20px;height:20px;top:3px;left:4px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:after{transform:translate(22px)}.select{padding:8px 12px;border-radius:10px;background:#ffffff12;color:var(--text);border:1px solid var(--border)}.panel-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:18px}.btn{padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer}.btn.ghost{background:#ffffff14;border:1px solid var(--border);color:var(--text)}.btn.main{background:var(--accent);color:#fff}.viewer-container{padding:20px;color:#fff}.back-btn{padding:8px 16px;background:#6c63ff;border:none;color:#fff;border-radius:8px;cursor:pointer;margin-bottom:20px}.viewer-title{font-size:28px;margin-bottom:20px}.pdf-box{background:#ffffff14;padding:20px;border-radius:12px;margin-bottom:30px}.pdf-iframe{width:100%;height:720px;border:none;border-radius:12px;background:#000}.admin-main{padding:40px;overflow-y:auto}.game-glass{max-width:1200px;margin:0 auto;padding:44px;border-radius:32px;background:linear-gradient(180deg,#ffffff24,#ffffff0d);box-shadow:inset 0 0 0 1px #ffffff2e,0 40px 90px #00000073}.game-title{font-size:42px;font-weight:800;margin-bottom:10px}.game-subtitle{color:#ffffffb3;margin-bottom:40px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.game-card{aspect-ratio:1 / 1;padding:28px;border-radius:22px;background:linear-gradient(180deg,#0f123cf2,#0f123cd9);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 45px #00000073;display:flex;flex-direction:column;justify-content:space-between}.game-card h3{font-size:22px;font-weight:700}.game-card p{color:#ffffffa6;line-height:1.5}.game-card button{align-self:flex-start;padding:12px 22px;border-radius:12px;border:none;background:#8f63ff;color:#fff;font-weight:600;cursor:pointer;transition:all .25s ease}.game-card button:hover{background:#a989ff;box-shadow:0 0 20px #8f63ff80}@media(max-width:1100px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.game-grid{grid-template-columns:1fr}}.back-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:10px 16px;border-radius:10px;color:#fff;cursor:pointer;margin-bottom:24px;font-weight:600}.records-title{font-size:26px;font-weight:800;margin-bottom:22px}.records-table{width:100%;border-collapse:collapse;background:#14123cb3;border-radius:14px;overflow:hidden}.records-table th,.records-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.records-table th{background:#ffffff14;font-weight:700}.records-table tr:hover{background:#ffffff0f}