@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Orbitron:wght@700;900&family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Orbitron:wght@700;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes celebrationSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}@keyframes xpCountUp{0%{opacity:0;transform:scale(.5) translateY(10px)}60%{transform:scale(1.2) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes trophyBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.celebration-overlay{align-items:center;animation:celebrationFadeIn .3s ease-out;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.celebration-popup{animation:celebrationSlideIn .5s ease-out forwards;background:linear-gradient(145deg,#0f172a,#1e293b 50%,#0f172a);border:2px solid #fbbf2480;border-radius:16px;box-shadow:0 0 40px #fbbf2433,0 0 80px #fbbf241a,0 20px 60px #00000080;left:50%;max-width:420px;min-width:320px;padding:32px 40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.celebration-close{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;position:absolute;right:14px;top:10px;transition:color .2s}.celebration-close:hover{color:#e2e8f0}.celebration-icon{animation:trophyBounce .6s ease-out .2s both;font-size:56px;margin-bottom:8px}.celebration-heading{color:#fbbf24;font-family:Orbitron,monospace;font-size:24px;font-weight:900;letter-spacing:3px;margin-bottom:12px;text-shadow:0 0 20px #fbbf2466}.celebration-mission{color:#e2e8f0;font-family:Chakra Petch,monospace;font-size:18px;font-weight:600;margin-bottom:16px}.celebration-mission-icon{font-size:22px;margin-right:8px}.celebration-xp{animation:xpCountUp .6s ease-out .4s both;color:#fbbf24;font-family:Orbitron,monospace;font-size:36px;font-weight:900;margin-bottom:12px;text-shadow:0 0 15px #fbbf2480}.celebration-note{color:#fff;font-family:Chakra Petch,monospace;font-size:16px;margin-bottom:20px}.celebration-name{color:#60a5fa;font-weight:700}.celebration-dismiss{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:9px;color:#0a0e1a;cursor:pointer;font-family:Orbitron,monospace;font-size:14px;font-weight:700;letter-spacing:2px;padding:10px 32px;transition:all .2s}.celebration-dismiss:hover{box-shadow:0 0 20px #fbbf2466;transform:scale(1.05)}@media (max-width:768px){.celebration-popup{max-width:340px;min-width:0;min-width:auto;padding:24px 20px;width:90%}.celebration-heading{font-size:20px;letter-spacing:2px}.celebration-xp{font-size:28px}.celebration-icon{font-size:44px}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(110vh) rotate(2turn)}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #fbbf244d}50%{box-shadow:0 0 20px #fbbf2499}}@keyframes xpPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.dashboard-root input,.dashboard-root select,.dashboard-root textarea{background:#0f172acc!important;border:1px solid #fbbf2433!important;border-radius:7px!important;box-sizing:border-box!important;color:#e2e8f0!important;font-family:Chakra Petch,monospace!important;font-size:14px!important;outline:none!important;padding:10px 12px!important;width:100%!important}.dashboard-root input:focus,.dashboard-root select:focus,.dashboard-root textarea:focus{border-color:#fbbf2499!important}.dashboard-root textarea{min-height:54px!important;resize:vertical!important}.dashboard-root input::placeholder,.dashboard-root textarea::placeholder{color:#94a3b873!important}.dashboard-root select option{background:#0f172a;color:#e2e8f0}.cd{animation:slideUp .4s;background:#0f172a80;border:1px solid #94a3b81a;border-radius:12px;margin-bottom:10px;padding:16px}.nv{align-items:center;background:#0f172a99;border:1px solid #fbbf2426;border-radius:9px;color:#fff;cursor:pointer;display:flex;font-family:Chakra Petch,monospace;font-size:13px;gap:9px;padding:10px 12px;position:relative;text-align:left;transition:all .2s}.nv:hover{background:#fbbf2414;color:#fbbf24}.nv.a{background:#fbbf241f;border-color:#fbbf2480;color:#fbbf24}.nv.d{border-color:#34d39966}.nv.d:after{color:#34d399;content:"\2713";font-size:14px;font-weight:700;position:absolute;right:9px}.qo{background:#0f172a80;border:1px solid #94a3b826;border-radius:8px;color:#cbd5e1;cursor:pointer;display:block;font-family:Chakra Petch,monospace;font-size:11px;margin-bottom:4px;padding:10px;text-align:left;transition:all .2s;width:100%}.qo:hover{border-color:#fbbf2466;color:#fbbf24}.qo.s{background:#fbbf241a;border-color:#fbbf24;color:#fbbf24}.btn-p{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:9px;color:#0a0e1a;cursor:pointer;font-family:Chakra Petch,monospace;font-size:12px;font-weight:700;margin-top:8px;padding:10px 22px;transition:all .2s}.btn-p:disabled{cursor:not-allowed;opacity:.35}.dashboard-root ::-webkit-scrollbar{width:5px}.dashboard-root ::-webkit-scrollbar-thumb{background:#fbbf2433;border-radius:3px}.grid-2{grid-gap:8px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:8px}.grid-3{grid-gap:8px;grid-template-columns:1fr 1fr 1fr}.grid-4{grid-gap:8px;grid-template-columns:repeat(4,1fr)}.grid-4,.grid-5{display:grid;gap:8px}.grid-5{grid-gap:8px;grid-template-columns:repeat(5,1fr)}.chapter-tabs{-webkit-overflow-scrolling:touch;background:#0f172a4d;border-bottom:1px solid #94a3b814;display:flex;gap:6px;overflow-x:auto;padding:12px 16px;scroll-snap-type:x mandatory}.chapter-tab{background:#0f172a66;border:1px solid #94a3b81a;border-radius:12px;cursor:pointer;flex-shrink:0;font-family:Chakra Petch,monospace;min-width:90px;padding:10px 14px;scroll-snap-align:start;text-align:center;transition:all .2s}.chapter-tab:hover{background:#fbbf2414}.chapter-tab.active{background:#fbbf241f;border-color:#fbbf2480}.dashboard-root{background:linear-gradient(145deg,#0a0e1a,#111827 40%,#0f172a);color:#e2e8f0;display:flex;flex-direction:column;font-family:Chakra Petch,monospace;height:100vh;overflow:hidden}.dashboard-header{align-items:center;background:#0f172a80;border-bottom:1px solid #94a3b814;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 20px}.dashboard-body{display:flex;flex:1 1;min-height:0;overflow:hidden}.sidebar{border-right:1px solid #94a3b814;min-width:220px;padding:14px;width:220px}.content-area,.sidebar{overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.content-area{flex:1 1;padding:18px}:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}.nv:focus-visible,button:focus-visible{box-shadow:0 0 0 4px #fbbf2433;outline:2px solid #fbbf24}@media (max-width:768px){.dashboard-root{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}.dashboard-header{padding:8px 12px}.dashboard-header .header-center{display:none}.mobile-header{align-items:stretch!important;flex-direction:column!important;gap:8px!important;padding:10px 12px!important}.mobile-header .header-left{align-items:center;display:flex;justify-content:space-between;min-width:0!important;min-width:auto!important}.mobile-header .header-left>div:first-child{font-size:14px!important}.mobile-header .header-left>div:last-child{font-size:12px!important}.mobile-header .header-center{display:none!important}.mobile-header .header-right{align-items:stretch!important;flex-direction:column!important;gap:8px!important}.mobile-header .header-stats{gap:10px!important}.mobile-header .header-stats>div:first-child{align-items:center!important;display:flex!important;gap:8px!important;padding:4px 10px!important}.mobile-header .header-xp{flex:1 1;width:auto!important}.mobile-header .header-xp>div:first-child{font-size:12px!important}.mobile-header .header-actions{flex-wrap:wrap!important;gap:6px!important}.mobile-header .header-actions button,.mobile-header .header-actions span{font-size:11px!important;padding:5px 10px!important}.dashboard-body{flex-direction:column;min-height:0;min-height:auto;overflow:visible}.sidebar{-webkit-overflow-scrolling:touch;background:#0a0e1a99!important;border-bottom:1px solid #94a3b814!important;border-right:none!important;display:flex!important;flex-direction:row!important;flex-shrink:0!important;gap:6px!important;min-width:0!important;min-width:auto!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px!important;scroll-snap-type:x mandatory;width:100%!important}.sidebar .sidebar-title{display:none!important}.sidebar .nv{flex-direction:column!important;flex-shrink:0!important;font-size:11px!important;gap:4px!important;max-width:130px!important;min-width:110px!important;padding:8px 10px!important;scroll-snap-align:start;text-align:center!important}.sidebar .nv span{font-size:18px!important}.sidebar .nv div div:first-child{font-size:11px!important;line-height:1.2!important}.sidebar .nv div div:last-child{font-size:10px!important}.sidebar .chapter-progress{display:none!important}.content-area{overflow-y:visible;padding:12px}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr!important}.chapter-tabs{gap:4px;padding:8px 10px}.chapter-tab{font-size:11px;min-width:80px;padding:8px 10px}.chapter-tab-wrap{padding:10px 8px!important}.chapter-tab-grid{gap:4px!important;grid-template-columns:repeat(5,1fr)!important;min-width:0!important;min-width:auto!important}.ch-tab-btn{padding:10px 4px!important}.ch-tab-icon{font-size:16px!important;margin-bottom:1px!important}.ch-tab-name{font-size:11px!important;letter-spacing:0!important}.ch-tab-count{font-size:10px!important;margin-top:1px!important}}@media (min-width:769px) and (max-width:1024px){.sidebar{min-width:180px;width:180px}.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)!important}}.admin-root{background:linear-gradient(145deg,#0a0e1a,#111827 40%,#0f172a);color:#e2e8f0;font-family:Chakra Petch,monospace;min-height:100vh}.admin-header{align-items:center;background:#0a0e1af2;border-bottom:1px solid #f59e0b33;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px 24px}.admin-header-title{color:#f59e0b;font-size:22px;font-weight:900}.admin-header-badge,.admin-header-title{font-family:Orbitron,monospace;letter-spacing:2px}.admin-header-badge{background:#ef444426;border:1px solid #ef444466;border-radius:6px;color:#fca5a5;font-size:11px;font-weight:700;padding:4px 12px}.admin-header-nav{align-items:center;display:flex;gap:10px}.admin-nav-btn{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;color:#fbbf24;cursor:pointer;font-family:Orbitron,monospace;font-size:12px;font-weight:700;letter-spacing:1px;padding:6px 14px;text-decoration:none;transition:all .2s}.admin-nav-btn:hover{background:#fbbf2433;border-color:#fbbf2480}.admin-content{margin:0 auto;max-width:1400px;padding:20px 24px}.admin-stats-bar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.admin-stat-card{background:#0f172a99;border:1px solid #94a3b81a;border-radius:10px;padding:16px;text-align:center}.admin-stat-value{color:#fbbf24;font-family:Orbitron,monospace;font-size:28px;font-weight:900}.admin-stat-label{color:#fff;font-size:12px;letter-spacing:1px;margin-top:4px}.admin-search{background:#0f172acc;border:1px solid #fbbf2433;border-radius:8px;box-sizing:border-box;color:#e2e8f0;font-family:Chakra Petch,monospace;font-size:14px;margin-bottom:16px;outline:none;padding:10px 16px;width:100%}.admin-search:focus{border-color:#fbbf2499}.admin-search::placeholder{color:#94a3b873}.admin-table-wrap{border:1px solid #94a3b81a;border-radius:10px;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:13px;width:100%}.admin-table th{background:#0f172acc;border-bottom:1px solid #f59e0b33;color:#f59e0b;font-family:Orbitron,monospace;font-size:11px;font-weight:700;letter-spacing:1px;padding:12px 14px;text-align:left;white-space:nowrap}.admin-table td{border-bottom:1px solid #94a3b80f;color:#cbd5e1;padding:10px 14px;vertical-align:middle}.admin-table tr:hover td{background:#fbbf240a}.admin-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 10px}.admin-badge-active{background:#34d39926;border:1px solid #34d3994d;color:#34d399}.admin-badge-blocked{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.admin-badge-rank{background:#fbbf241a;border:1px solid #fbbf2433;color:#fbbf24}.admin-btn{border:1px solid;border-radius:6px;cursor:pointer;font-family:Chakra Petch,monospace;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 12px;transition:all .2s}.admin-btn-view{background:#60a5fa1a;border-color:#60a5fa4d;color:#60a5fa}.admin-btn-view:hover{background:#60a5fa33}.admin-btn-block{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.admin-btn-block:hover{background:#ef444433}.admin-btn-unblock{background:#34d3991a;border-color:#34d3994d;color:#34d399}.admin-btn-unblock:hover{background:#34d39933}.admin-btn-reset{background:#a855f71a;border-color:#a855f74d;color:#a78bfa}.admin-btn-reset:hover{background:#a855f733}.admin-btn-reset-sm{background:#a855f71a;border:1px solid #a855f74d;border-radius:6px;cursor:pointer;font-size:12px;line-height:1;margin-top:4px;padding:2px 6px;transition:all .2s}.admin-btn-reset-sm:hover{background:#a855f740;border-color:#a855f780}.admin-btn-delete{background:#ef444426;border-color:#ef444466;color:#ef4444}.admin-btn-delete:hover{background:#ef44444d;border-color:#ef444499}.admin-view-banner{align-items:center;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px;padding:14px 20px}.admin-view-banner-text{color:#f59e0b;font-family:Orbitron,monospace;font-size:14px;font-weight:700}.admin-back-btn{background:#94a3b81a;border:1px solid #94a3b84d;border-radius:8px;color:#fff;cursor:pointer;font-family:Chakra Petch,monospace;font-size:12px;font-weight:700;padding:6px 16px;transition:all .2s}.admin-back-btn:hover{background:#94a3b833;color:#e2e8f0}.admin-detail-card{background:#0f172a80;border:1px solid #94a3b81a;border-radius:12px;margin-bottom:14px;padding:18px}.admin-detail-title{align-items:center;display:flex;font-family:Orbitron,monospace;font-size:16px;font-weight:700;gap:8px;margin-bottom:12px}.admin-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.admin-detail-field{background:#0f172a99;border:1px solid #94a3b80f;border-radius:6px;padding:8px 12px}.admin-detail-field-label{color:#fff;font-size:10px;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.admin-detail-field-value{color:#e2e8f0;font-size:14px;font-weight:600}.admin-chapter-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(10,1fr);margin-bottom:16px}.admin-chapter-cell{background:#0f172a80;border:1px solid #94a3b81a;border-radius:8px;cursor:pointer;padding:10px 4px;text-align:center;transition:all .2s}.admin-chapter-cell:hover{background:#fbbf2414}.admin-chapter-cell.expanded{background:#fbbf2414;border-color:#fbbf2466}.admin-chapter-icon{font-size:20px;margin-bottom:2px}.admin-chapter-name{color:#fff;font-size:10px;line-height:1.2}.admin-chapter-count{font-family:Orbitron,monospace;font-size:12px;font-weight:700;margin-top:2px}.admin-mission-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.admin-mission-item{align-items:center;background:#0f172a66;border:1px solid #94a3b814;border-radius:8px;display:flex;gap:10px;padding:10px 14px}.admin-mission-done{border-color:#34d3994d}.admin-mission-icon{font-size:20px}.admin-mission-name{color:#cbd5e1;font-size:13px;font-weight:600}.admin-mission-xp{color:#fff;font-family:Orbitron,monospace;font-size:10px}.admin-mission-check{color:#34d399;font-size:16px;font-weight:700;margin-left:auto}.admin-mission-date{color:#fff;font-size:10px}.admin-modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.admin-modal{background:#0f172a;border:1px solid #94a3b833;border-radius:12px;max-width:400px;padding:24px;text-align:center;width:90%}.admin-modal-title{color:#ef4444;font-family:Orbitron,monospace;font-size:18px;font-weight:700;margin-bottom:12px}.admin-modal-text{color:#fff;font-size:14px;margin-bottom:20px}.admin-modal-actions{display:flex;gap:10px;justify-content:center}.admin-trades-table{border-collapse:collapse;font-size:12px;width:100%}.admin-trades-table th{background:#0f172a99;border-bottom:1px solid #60a5fa26;color:#60a5fa;font-size:10px;font-weight:700;letter-spacing:1px;padding:8px 10px;text-align:left}.admin-trades-table td{border-bottom:1px solid #94a3b80f;color:#cbd5e1;padding:6px 10px}.admin-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.admin-loading-text{color:#f59e0b;font-family:Orbitron,monospace;font-size:14px}.admin-empty{color:#fff;font-size:14px;padding:40px;text-align:center}@media (max-width:768px){.admin-root{overflow-x:hidden}.admin-header{align-items:stretch;flex-direction:column;gap:8px;padding:10px 12px}.admin-header>div{flex-wrap:wrap!important;gap:8px!important}.admin-header-title{font-size:14px;letter-spacing:1px}.admin-header-badge{font-size:9px;padding:3px 8px}.admin-header-nav{flex-wrap:wrap;gap:6px}.admin-nav-btn{font-size:10px;padding:5px 10px}.admin-content{overflow-x:hidden;padding:12px}.admin-stats-bar{gap:8px;grid-template-columns:repeat(2,1fr)!important}.admin-stat-card{padding:12px 8px}.admin-stat-value{font-size:20px}.admin-stat-label{font-size:10px}.admin-chapter-grid{gap:4px;grid-template-columns:repeat(5,1fr)}.admin-chapter-icon{font-size:16px}.admin-chapter-name{font-size:9px}.admin-chapter-count{font-size:10px}.admin-detail-grid{grid-template-columns:1fr}.admin-detail-card{padding:12px}.admin-detail-title{font-size:13px}.admin-mission-list{grid-template-columns:1fr}.admin-mission-item{gap:8px;padding:8px 10px}.admin-table{font-size:11px}.admin-table th{font-size:9px;padding:8px 6px}.admin-table td{padding:7px 6px}.admin-btn{font-size:10px;padding:4px 8px}.admin-trades-table th{font-size:9px;padding:6px}.admin-trades-table td{font-size:11px;padding:5px 6px}.admin-view-banner{gap:8px;padding:10px 12px}.admin-view-banner-text{font-size:12px}.admin-modal{padding:18px;width:92%}.admin-modal-title{font-size:15px}.admin-search{font-size:13px;padding:9px 12px}}@media (min-width:769px) and (max-width:1024px){.admin-stats-bar{grid-template-columns:repeat(2,1fr)}.admin-chapter-grid{grid-template-columns:repeat(5,1fr)}}.admin-support-notes{background:#0f172acc;border:1px solid #94a3b833;border-radius:7px;box-sizing:border-box;color:#e2e8f0;font-family:Chakra Petch,monospace;font-size:13px;min-height:50px;outline:none;padding:10px 12px;resize:vertical;width:100%}.admin-support-notes:focus{border-color:#fbbf2480}.admin-support-notes::placeholder{color:#94a3b873}.admin-badge-sub-player{background:#a78bfa26;border:1px solid #a78bfa4d;color:#a78bfa}.admin-badge-sub-teacher{background:#38bdf826;border:1px solid #38bdf84d;color:#38bdf8}.admin-badge-expired{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.admin-badge-none{background:#64748b26;border:1px solid #64748b4d;color:#fff}.admin-btn-grant{background:#a78bfa1a;border-color:#a78bfa4d;color:#a78bfa}.admin-btn-grant:hover{background:#a78bfa33;border-color:#a78bfa80}.admin-btn-extend{background:#34d3991a;border-color:#34d3994d;color:#34d399}.admin-btn-extend:hover{background:#34d39933;border-color:#34d39980}.admin-btn-revoke{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.admin-btn-revoke:hover{background:#ef444433;border-color:#ef444480}.admin-root ::-webkit-scrollbar{width:5px}.admin-root ::-webkit-scrollbar-thumb{background:#f59e0b33;border-radius:3px}.teacher-root{background:linear-gradient(145deg,#0a0e1a,#111827 40%,#0f172a);color:#e2e8f0;font-family:Chakra Petch,monospace;min-height:100vh}.teacher-header{align-items:center;background:#0a0e1af2;border-bottom:1px solid #38bdf833;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:14px 24px}.teacher-header-title{font-size:22px;font-weight:900}.teacher-header-badge,.teacher-header-title{color:#38bdf8;font-family:Orbitron,monospace;letter-spacing:2px}.teacher-header-badge{background:#38bdf826;border:1px solid #38bdf866;border-radius:6px;font-size:11px;font-weight:700;padding:4px 12px}.teacher-header-nav{align-items:center;display:flex;gap:10px}.teacher-nav-btn{background:#38bdf81a;border:1px solid #38bdf84d;border-radius:8px;color:#38bdf8;cursor:pointer;font-family:Orbitron,monospace;font-size:12px;font-weight:700;letter-spacing:1px;padding:6px 14px;text-decoration:none;transition:all .2s}.teacher-nav-btn:hover{background:#38bdf833;border-color:#38bdf880}.teacher-content{margin:0 auto;max-width:1400px;padding:20px 24px}.teacher-stats-bar{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.teacher-stat-card{background:#0f172a99;border:1px solid #94a3b81a;border-radius:10px;padding:16px;text-align:center}.teacher-stat-value{color:#38bdf8;font-family:Orbitron,monospace;font-size:28px;font-weight:900}.teacher-stat-label{color:#fff;font-size:12px;letter-spacing:1px;margin-top:4px}.teacher-code-display{align-items:center;display:flex;gap:10px;margin-left:16px}.teacher-code-value{background:#38bdf81a;border:1px solid #38bdf84d;border-radius:8px;color:#38bdf8;font-family:Orbitron,monospace;font-size:18px;font-weight:900;letter-spacing:4px;padding:6px 14px}.teacher-code-copy{background:#38bdf81a;border:1px solid #38bdf84d;border-radius:6px;color:#38bdf8;cursor:pointer;font-family:Chakra Petch,monospace;font-size:12px;font-weight:700;padding:4px 10px;transition:all .2s}.teacher-code-copy:hover{background:#38bdf840;border-color:#38bdf880}.teacher-badge-students{background:#38bdf81f;border:1px solid #38bdf84d;border-radius:20px;color:#38bdf8;font-family:Orbitron,monospace;font-size:12px;font-weight:700;letter-spacing:1px;padding:4px 14px}.teacher-search{background:#0f172acc;border:1px solid #38bdf833;border-radius:8px;box-sizing:border-box;color:#e2e8f0;font-family:Chakra Petch,monospace;font-size:14px;margin-bottom:16px;outline:none;padding:10px 16px;width:100%}.teacher-search:focus{border-color:#38bdf899}.teacher-search::placeholder{color:#94a3b873}.teacher-table-wrap{border:1px solid #94a3b81a;border-radius:10px;overflow-x:auto}.teacher-table{border-collapse:collapse;font-size:13px;width:100%}.teacher-table th{background:#0f172acc;border-bottom:1px solid #38bdf833;color:#38bdf8;font-family:Orbitron,monospace;font-size:11px;font-weight:700;letter-spacing:1px;padding:12px 14px;text-align:left;white-space:nowrap}.teacher-table td{border-bottom:1px solid #94a3b80f;color:#cbd5e1;padding:10px 14px;vertical-align:middle}.teacher-table tr:hover td{background:#38bdf80a}.teacher-btn{border:1px solid;border-radius:6px;cursor:pointer;font-family:Chakra Petch,monospace;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 12px;transition:all .2s}.teacher-btn-view{background:#60a5fa1a;border-color:#60a5fa4d;color:#60a5fa}.teacher-btn-view:hover{background:#60a5fa33}.teacher-btn-remove{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.teacher-btn-remove:hover{background:#ef444433}.teacher-btn-reset{background:#a855f71a;border-color:#a855f74d;color:#a78bfa}.teacher-btn-reset:hover{background:#a855f733}.teacher-btn-reset-sm{background:#a855f71a;border:1px solid #a855f74d;border-radius:6px;cursor:pointer;font-size:12px;line-height:1;margin-top:4px;padding:2px 6px;transition:all .2s}.teacher-btn-reset-sm:hover{background:#a855f740;border-color:#a855f780}.teacher-view-banner{align-items:center;background:#38bdf814;border:1px solid #38bdf840;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px;padding:14px 20px}.teacher-view-banner-text{color:#38bdf8;font-family:Orbitron,monospace;font-size:14px;font-weight:700}.teacher-back-btn{background:#94a3b81a;border:1px solid #94a3b84d;border-radius:8px;color:#fff;cursor:pointer;font-family:Chakra Petch,monospace;font-size:12px;font-weight:700;padding:6px 16px;transition:all .2s}.teacher-back-btn:hover{background:#94a3b833;color:#e2e8f0}.teacher-detail-card{background:#0f172a80;border:1px solid #94a3b81a;border-radius:12px;margin-bottom:14px;padding:18px}.teacher-detail-title{align-items:center;display:flex;font-family:Orbitron,monospace;font-size:16px;font-weight:700;gap:8px;margin-bottom:12px}.teacher-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.teacher-detail-field{background:#0f172a99;border:1px solid #94a3b80f;border-radius:6px;padding:8px 12px}.teacher-detail-field-label{color:#fff;font-size:10px;letter-spacing:1px;margin-bottom:2px;text-transform:uppercase}.teacher-detail-field-value{color:#e2e8f0;font-size:14px;font-weight:600}.teacher-chapter-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(10,1fr);margin-bottom:16px}.teacher-chapter-cell{background:#0f172a80;border:1px solid #94a3b81a;border-radius:8px;cursor:pointer;padding:10px 4px;text-align:center;transition:all .2s}.teacher-chapter-cell:hover{background:#38bdf814}.teacher-chapter-cell.expanded{background:#38bdf814;border-color:#38bdf866}.teacher-chapter-icon{font-size:20px;margin-bottom:2px}.teacher-chapter-name{color:#fff;font-size:10px;line-height:1.2}.teacher-chapter-count{font-family:Orbitron,monospace;font-size:12px;font-weight:700;margin-top:2px}.teacher-mission-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.teacher-mission-item{align-items:center;background:#0f172a66;border:1px solid #94a3b814;border-radius:8px;display:flex;gap:10px;padding:10px 14px}.teacher-mission-done{border-color:#34d3994d}.teacher-mission-icon{font-size:20px}.teacher-mission-name{color:#cbd5e1;font-size:13px;font-weight:600}.teacher-mission-xp{color:#fff;font-family:Orbitron,monospace;font-size:10px}.teacher-mission-check{color:#34d399;font-size:16px;font-weight:700;margin-left:auto}.teacher-mission-date{color:#fff;font-size:10px}.teacher-modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.teacher-modal{background:#0f172a;border:1px solid #94a3b833;border-radius:12px;max-width:400px;padding:24px;text-align:center;width:90%}.teacher-modal-title{color:#38bdf8;font-family:Orbitron,monospace;font-size:18px;font-weight:700;margin-bottom:12px}.teacher-modal-text{color:#fff;font-size:14px;margin-bottom:20px}.teacher-modal-actions{display:flex;gap:10px;justify-content:center}.teacher-trades-table{border-collapse:collapse;font-size:12px;width:100%}.teacher-trades-table th{background:#0f172a99;border-bottom:1px solid #60a5fa26;color:#60a5fa;font-size:10px;font-weight:700;letter-spacing:1px;padding:8px 10px;text-align:left}.teacher-trades-table td{border-bottom:1px solid #94a3b80f;color:#cbd5e1;padding:6px 10px}.teacher-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.teacher-loading-text{color:#38bdf8;font-family:Orbitron,monospace;font-size:14px}.teacher-empty{color:#fff;font-size:14px;padding:40px;text-align:center}@media (max-width:768px){.teacher-root{overflow-x:hidden}.teacher-header{align-items:stretch;flex-direction:column;gap:8px;padding:10px 12px}.teacher-header>div{flex-wrap:wrap!important;gap:8px!important}.teacher-header-title{font-size:14px;letter-spacing:1px}.teacher-header-badge{font-size:9px;padding:3px 8px}.teacher-header-nav{flex-wrap:wrap;gap:6px}.teacher-nav-btn{font-size:10px;padding:5px 10px}.teacher-content{overflow-x:hidden;padding:12px}.teacher-stats-bar{gap:8px;grid-template-columns:repeat(2,1fr)!important}.teacher-stat-card{padding:12px 8px}.teacher-stat-value{font-size:20px}.teacher-stat-label{font-size:10px}.teacher-code-display{margin-left:0;margin-top:8px}.teacher-code-value{font-size:14px;letter-spacing:2px;padding:5px 10px}.teacher-chapter-grid{gap:4px;grid-template-columns:repeat(5,1fr)}.teacher-chapter-icon{font-size:16px}.teacher-chapter-name{font-size:9px}.teacher-chapter-count{font-size:10px}.teacher-detail-grid{grid-template-columns:1fr}.teacher-detail-card{padding:12px}.teacher-detail-title{font-size:13px}.teacher-mission-list{grid-template-columns:1fr}.teacher-mission-item{gap:8px;padding:8px 10px}.teacher-tab-bar{flex-wrap:wrap;gap:3px;padding:3px}.teacher-tab-btn{flex:none;font-size:11px;padding:8px 6px;width:calc(50% - 2px)}.teacher-table{font-size:11px}.teacher-table th{font-size:9px;padding:8px 6px}.teacher-table td{padding:7px 6px}.teacher-btn{font-size:10px;padding:4px 8px}.teacher-trades-table th{font-size:9px;padding:6px}.teacher-trades-table td{font-size:11px;padding:5px 6px}.teacher-mission-matrix td,.teacher-mission-matrix th{font-size:11px;min-width:40px!important;padding:4px 3px}.teacher-mission-matrix td:first-child,.teacher-mission-matrix th:first-child{font-size:11px;padding-left:6px}.teacher-filter-btn{font-size:16px;padding:6px 10px}.teacher-view-banner{gap:8px;padding:10px 12px}.teacher-view-banner-text{font-size:12px}.teacher-modal{padding:18px;width:92%}.teacher-modal-title{font-size:15px}.teacher-search{font-size:13px;padding:9px 12px}.teacher-export-card{padding:14px}}@media (min-width:769px) and (max-width:1024px){.teacher-stats-bar{grid-template-columns:repeat(2,1fr)}.teacher-chapter-grid{grid-template-columns:repeat(5,1fr)}}.teacher-tab-bar{background:#0f172a99;border:1px solid #94a3b81a;border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.teacher-tab-btn{background:#0000;border:1px solid #0000;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Orbitron,monospace;font-size:11px;font-weight:700;letter-spacing:1px;padding:10px 16px;transition:all .2s}.teacher-tab-btn:hover{background:#38bdf814;color:#fff}.teacher-tab-btn.active{background:#38bdf826;border-color:#38bdf866;color:#38bdf8}.teacher-mission-filter{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}.teacher-filter-btn{background:#0f172a99;border:1px solid #94a3b826;border-radius:8px;color:#fff;cursor:pointer;font-family:Chakra Petch,monospace;font-size:18px;font-weight:600;padding:8px 14px;transition:all .2s}.teacher-filter-btn:hover{background:#38bdf814}.teacher-filter-btn.active{background:#38bdf81f;border-color:#38bdf866;color:#38bdf8}.teacher-mission-matrix td,.teacher-mission-matrix th{padding:6px 4px;text-align:center}.teacher-mission-matrix td:first-child,.teacher-mission-matrix th:first-child{padding-left:14px;text-align:left}.teacher-export-card{background:#0f172a99;border:1px solid #94a3b81a;border-radius:10px;padding:20px}.teacher-export-card:hover{border-color:#38bdf84d}.teacher-root ::-webkit-scrollbar{width:5px}.teacher-root ::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:3px}@keyframes helpWidgetSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes helpWidgetPulse{0%,to{box-shadow:0 4px 20px #fbbf244d}50%{box-shadow:0 4px 30px #fbbf2480}}@keyframes helpFaqExpand{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}@media (max-width:768px){.help-widget-panel{bottom:72px!important;left:16px!important;max-height:70vh!important;right:16px!important;width:calc(100vw - 32px)!important}}