*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-brand-azure: #0284c7;--color-brand-hover: #0369a1;--color-brand-wash: #f0f9ff;--color-brand-border: #bae6fd;--color-brand-emerald: #16a34a;--color-iris-bolt: #0284c7;--color-iris-bolt-hover:#0369a1;--color-ink-charcoal: #0f172a;--color-deep-indigo: #334155;--color-slate-veil: #64748b;--color-fog-mist: #94a3b8;--color-pure-black: #000000;--color-chalk-canvas: #f8fafc;--color-paper-white: #ffffff;--color-lilac-wash: #f0f9ff;--color-mist-border: #e2e8f0;--color-feature-pastel: #e0f2fe;--bg-primary: var(--color-chalk-canvas);--bg-white: var(--color-paper-white);--bg-card: var(--color-paper-white);--bg-tint: var(--color-lilac-wash);--border-color: var(--color-mist-border);--accent-blue: var(--color-iris-bolt);--accent-blue-hover: var(--color-iris-bolt-hover);--accent-sky: var(--color-iris-bolt);--accent-red: #dc2626;--accent-green: #16a34a;--accent-yellow: #ca8a04;--text-primary: var(--color-ink-charcoal);--text-secondary: var(--color-deep-indigo);--text-muted: var(--color-slate-veil);--text-placeholder: var(--color-fog-mist);--radius-xs: 4px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-3xl: 24px;--radius-cards: 8px;--radius-pills: 200px;--radius-inputs: 4px;--radius-buttons: 4px;--shadow-sm: rgba(40, 46, 62, .1) 0px 2px 4px 0px;--shadow-md: rgba(40, 46, 62, .1) 0px 4px 16px 0px;--shadow-subtle: rgba(0, 0, 0, .3) 0px 0px 1px 0px inset;--shadow-lg: 0 12px 28px -4px rgba(40, 46, 62, .12)}html,body{min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(66,85,255,.08) 0%,transparent 75%),url(/curved-grid.svg);background-repeat:no-repeat,no-repeat;background-position:top center,center top;background-size:100% 600px,cover;background-attachment:fixed,fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}#root{min-height:100vh}.app-container{min-height:100vh;padding:20px 16px 60px;display:flex;flex-direction:column;align-items:center;gap:20px}.header{width:100%;max-width:900px;padding:20px 28px;background:var(--accent-blue);color:#fff;border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md)}.header h1{font-size:1.4rem;font-weight:700}.header p{font-size:.85rem;opacity:.9}.cbt-topbar{width:100%;background:radial-gradient(ellipse 70% 120% at 50% -20%,#4255ff0d,#fffffff2 55%,#fffffffa);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);border-bottom-left-radius:20px;border-bottom-right-radius:20px;position:sticky;top:0;z-index:50;box-shadow:0 4px 20px -2px #282e3e0d,0 2px 6px -1px #4255ff08}.cbt-topbar:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:42%;max-width:500px;height:1.5px;background:radial-gradient(ellipse at center,rgba(66,85,255,.45) 0%,rgba(66,85,255,.12) 55%,transparent 100%);border-radius:200px;pointer-events:none}.cbt-topbar-inner{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.cbt-topbar-main{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:16px}.cbt-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.cbt-brand-logo{width:38px;height:38px;object-fit:contain;border-radius:50%;flex-shrink:0;box-shadow:0 1px 4px #282e3e14}.cbt-brand-divider{width:1px;height:24px;background:var(--border-color);display:inline-block}.cbt-brand-info{display:flex;flex-direction:column}.cbt-brand-sub{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);line-height:1.2}.cbt-brand-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.01em}.cbt-badge-grade{display:inline-flex;align-items:center;background:var(--color-lilac-wash);color:var(--color-iris-bolt);border:1px solid #c9ceff;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-pills);letter-spacing:.02em}.cbt-topbar-actions{display:flex;align-items:center;gap:10px}.cbt-period-pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border-color);padding:6px 14px;border-radius:var(--radius-pills);font-size:.78rem;color:var(--text-secondary);font-weight:600;box-shadow:var(--shadow-sm)}.cbt-user-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--color-chalk-canvas);border-radius:var(--radius-pills);font-size:.8rem;font-weight:600;color:var(--text-primary);border:1px solid var(--border-color)}.cbt-btn-logout{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pills);background:transparent;border:1px solid var(--border-color);color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.cbt-btn-logout:hover{background:#fef2f2;border-color:#fecaca;color:var(--accent-red)}.cbt-nav-tabs-wrapper{border-top:1px solid var(--border-color);display:flex;align-items:center}.cbt-nav-tabs{display:flex;gap:6px;padding:8px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%}.cbt-nav-tabs::-webkit-scrollbar{display:none}.cbt-nav-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-pills);font-size:.88rem;font-weight:600;color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap;font-family:inherit;-webkit-user-select:none;user-select:none}.cbt-nav-tab:hover:not(.active){background:var(--color-chalk-canvas);color:var(--text-primary)}.cbt-nav-tab.active{background:var(--color-lilac-wash);color:var(--color-iris-bolt);border-color:#c9ceff;font-weight:600;box-shadow:0 1px 3px #4255ff14}.cbt-nav-tab:focus-visible{outline:none;box-shadow:0 0 0 2px #4255ff66}.cbt-nav-dropdown-wrapper{position:relative;display:inline-flex;margin-left:auto;flex-shrink:0}.cbt-nav-tab-dropdown{position:relative}.cbt-dropdown-arrow{margin-left:2px;transition:transform .2s ease;color:inherit}.cbt-dropdown-arrow.open{transform:rotate(180deg)}.cbt-nav-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:175px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-cards);box-shadow:0 10px 28px #282e3e29,0 3px 8px #282e3e0f;padding:6px;z-index:999999;display:flex;flex-direction:column;gap:3px;pointer-events:auto;-webkit-user-select:none;user-select:none;animation:cbt-dropdown-fadein .15s ease-out}@media (min-width: 769px){.cbt-nav-tabs-wrapper,.cbt-nav-tabs{overflow:visible}}@keyframes cbt-dropdown-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cbt-nav-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border-radius:6px;font-size:.85rem;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-family:inherit;text-align:left;white-space:nowrap}.cbt-nav-dropdown-item:hover{background:var(--color-chalk-canvas);color:var(--text-primary)}.cbt-nav-dropdown-item.active{background:var(--color-lilac-wash);color:var(--color-iris-bolt);font-weight:700}.cbt-archive-subtabs-bar{display:flex;align-items:center;margin-bottom:16px}.cbt-archive-subtabs{display:inline-flex;align-items:center;gap:4px;padding:4px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-pills);box-shadow:var(--shadow-sm)}.cbt-archive-subtab{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:var(--radius-pills);font-size:.84rem;font-weight:600;color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .15s ease;font-family:inherit;-webkit-user-select:none;user-select:none}.cbt-archive-subtab:hover:not(.active){color:var(--text-primary);background:var(--color-chalk-canvas)}.cbt-archive-subtab.active{background:var(--color-lilac-wash);color:var(--color-iris-bolt);border-color:#c9ceff;font-weight:700;box-shadow:0 1px 3px #4255ff14}.cbt-pulse-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;display:inline-block;box-shadow:0 0 #16a34ab3;animation:cbt-pulse 2s infinite}@keyframes cbt-pulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cbt-monitor-card{position:relative;background:#fff;border-radius:var(--radius-cards, 8px);border:1.5px solid var(--border-color, #d9dde8);box-shadow:var(--shadow-sm, 0 2px 4px rgba(40, 46, 62, .06));display:flex;flex-direction:column;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .15s ease;overflow:hidden;-webkit-user-select:none;user-select:none}.cbt-monitor-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #282e3e14;border-color:#c9ceff}.cbt-monitor-card.is-selected{border-color:var(--color-iris-bolt, #4255ff)!important;box-shadow:0 0 0 2px #4255ff40,0 8px 24px #282e3e14!important}.cbt-exam-topbar{width:100%;background:radial-gradient(ellipse 70% 120% at 50% -20%,#4255ff0d,#fffffff2 55%,#fffffffa);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);border-bottom-left-radius:20px;border-bottom-right-radius:20px;position:sticky;top:0;z-index:50;box-shadow:0 4px 20px -2px #282e3e0d,0 2px 6px -1px #4255ff08}.cbt-exam-topbar:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:42%;max-width:500px;height:1.5px;background:radial-gradient(ellipse at center,rgba(66,85,255,.45) 0%,rgba(66,85,255,.12) 55%,transparent 100%);border-radius:200px;pointer-events:none}.cbt-exam-topbar-inner{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%}.cbt-timer-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:var(--radius-pills);font-weight:600;font-size:.95rem;font-variant-numeric:tabular-nums;letter-spacing:.02em;transition:all .2s ease;box-shadow:var(--shadow-sm)}.cbt-timer-normal{background:var(--color-lilac-wash);color:var(--color-iris-bolt);border:1px solid #c9ceff}.cbt-timer-warning{background:#fefce8;color:#a16207;border:1px solid #fde047}.cbt-timer-critical{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;animation:cbt-timer-blink 1.5s infinite ease-in-out}@keyframes cbt-timer-blink{0%,to{opacity:1}50%{opacity:.65}}.cbt-exam-grid-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-pills);background:var(--color-lilac-wash);color:var(--color-iris-bolt);border:1px solid #c9ceff;font-size:.82rem;font-weight:700;cursor:pointer;min-height:32px;transition:all .15s ease}.cbt-exam-grid-toggle:hover{background:#e5e8ff;border-color:var(--color-iris-bolt)}.question-card{width:100%;max-width:900px;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-cards);padding:36px 32px;box-shadow:var(--shadow-md)}.question-text{font-size:1.15rem;line-height:1.65;color:var(--text-primary);margin-bottom:24px;white-space:pre-line;font-weight:400}.options-grid{display:grid;grid-template-columns:1fr;gap:12px}.option-btn{padding:16px 20px;background:var(--bg-white);border:1.5px solid var(--border-color);border-radius:var(--radius-cards);cursor:pointer;text-align:left;transition:all .15s ease;display:flex;align-items:center;gap:14px;font-size:1rem;color:var(--text-primary);box-shadow:var(--shadow-sm)}.option-btn:hover{background:var(--color-chalk-canvas);border-color:var(--color-slate-veil)}.option-btn.selected{background:var(--color-lilac-wash);border-color:var(--color-iris-bolt);color:var(--color-iris-bolt);font-weight:600;box-shadow:0 2px 8px #4255ff26}.option-label{background:var(--color-chalk-canvas);border:1px solid var(--border-color);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-inputs);font-weight:600;flex-shrink:0;color:var(--text-primary);transition:all .15s ease}.selected .option-label{background:var(--color-iris-bolt);color:#fff;border-color:var(--color-iris-bolt)}.cbt-exam-wrapper{min-height:100vh;display:flex;flex-direction:column;background:var(--color-chalk-canvas);position:relative}.cbt-exam-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 20px 100px;display:flex;flex-direction:column;align-items:center}.cbt-exam-layout{display:flex;gap:24px;width:100%;align-items:flex-start}.cbt-exam-card-container{flex:1;min-width:0;width:100%}.cbt-exam-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-cards);padding:32px 28px;box-shadow:var(--shadow-sm);width:100%}.cbt-exam-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.cbt-exam-num-pill{display:inline-flex;align-items:center;gap:6px;background:var(--color-lilac-wash);color:var(--color-iris-bolt);font-weight:700;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:9999px;border:1px solid #d5d9ff}.cbt-exam-type-pill{display:inline-flex;align-items:center;background:#f1f5f9;color:#475569;font-weight:600;font-size:.75rem;padding:4px 10px;border-radius:9999px}.cbt-question-image-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:20px;text-align:center;cursor:zoom-in;transition:border-color .15s ease,background .15s ease}.cbt-question-image-box:hover{border-color:#cbd5e1;background:#f1f5f9}.cbt-question-img{max-width:100%;max-height:280px;height:auto;object-fit:contain;border-radius:6px;display:block;margin:0 auto}.cbt-img-zoom-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.75rem;color:#64748b;margin-top:8px}.cbt-question-text{font-size:1.08rem;line-height:1.7;color:#1e293b;margin-bottom:24px;white-space:pre-line;word-break:break-word}.cbt-options-list{display:flex;flex-direction:column;gap:12px;width:100%}.cbt-option-item{width:100%;padding:14px 16px;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;text-align:left;display:flex;align-items:flex-start;gap:14px;transition:all .15s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #0000000a}.cbt-option-item:hover{background:#f8fafc;border-color:#cbd5e1}.cbt-option-item.selected{background:#f5f6ff!important;border-color:var(--color-iris-bolt)!important;box-shadow:0 0 0 1px var(--color-iris-bolt),0 4px 12px #4255ff1f!important}.cbt-option-badge{width:34px;height:34px;min-width:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;flex-shrink:0;transition:all .15s ease}.cbt-option-item.selected .cbt-option-badge{background:var(--color-iris-bolt);border-color:var(--color-iris-bolt);color:#fff;box-shadow:0 2px 6px #4255ff4d}.cbt-option-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:5px}.cbt-option-text{font-size:.98rem;line-height:1.55;color:#1e293b;font-weight:500;word-break:break-word}.cbt-option-item.selected .cbt-option-text{color:#1e293b;font-weight:600}.cbt-option-img{max-width:220px;max-height:140px;height:auto;object-fit:contain;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:zoom-in;margin-top:4px}.cbt-exam-bottombar{position:fixed;bottom:0;left:0;right:0;z-index:45;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid #e2e8f0;box-shadow:0 -4px 16px #0f172a12;padding:10px 16px max(12px,env(safe-area-inset-bottom))}.cbt-exam-bottombar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.cbt-bottom-nav-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:10px 18px!important;border-radius:9999px!important;font-size:.9rem!important;font-weight:600!important;cursor:pointer!important;width:auto!important;min-height:44px!important;margin-bottom:0!important;transition:all .15s ease!important}.cbt-bottom-nav-prev{background:#fff!important;color:#334155!important;border:1.5px solid #cbd5e1!important}.cbt-bottom-nav-prev:hover:not(:disabled){background:#f8fafc!important;border-color:#94a3b8!important}.cbt-bottom-nav-prev:disabled{opacity:.35!important;cursor:not-allowed!important}.cbt-bottom-grid-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 16px!important;border-radius:9999px!important;font-size:.86rem!important;font-weight:600!important;background:var(--color-lilac-wash)!important;color:var(--color-iris-bolt)!important;border:1px solid #c9ceff!important;cursor:pointer!important;width:auto!important;min-height:40px!important;margin-bottom:0!important;transition:all .15s ease!important}.cbt-bottom-grid-btn:hover{background:#e5e8ff!important;border-color:var(--color-iris-bolt)}.cbt-bottom-nav-next{background:var(--color-iris-bolt)!important;color:#fff!important;border:1.5px solid var(--color-iris-bolt)!important;box-shadow:0 2px 8px #4255ff40!important}.cbt-bottom-nav-next:hover{background:#3546e5!important;border-color:#3546e5!important}.cbt-bottom-nav-finish{background:#059669!important;color:#fff!important;border:1.5px solid #059669!important;box-shadow:0 2px 8px #05966940!important}.cbt-bottom-nav-finish:hover{background:#047857!important;border-color:#047857!important}.cbt-desktop-palette{width:300px;position:sticky;top:90px;flex-shrink:0}.cbt-desktop-palette-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-cards);padding:22px 20px;box-shadow:var(--shadow-sm)}.cbt-palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cbt-palette-num-btn{aspect-ratio:1;min-height:42px;padding:4px;border-radius:8px;cursor:pointer;font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;transition:all .15s ease;border:1.5px solid transparent}.cbt-palette-num-btn.unanswered{background:#f8fafc;color:#475569;border-color:#e2e8f0}.cbt-palette-num-btn.unanswered:hover{background:#f1f5f9;border-color:#cbd5e1}.cbt-palette-num-btn.answered{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.cbt-palette-num-btn.answered:hover{background:#d1fae5;border-color:#6ee7b7}.cbt-palette-num-btn.current{background:var(--color-iris-bolt)!important;color:#fff!important;border-color:var(--color-iris-bolt)!important;box-shadow:0 3px 10px #4255ff59!important}.cbt-palette-dot-answered{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:#059669}.cbt-palette-legend{margin-top:18px;display:flex;flex-direction:column;gap:8px;font-size:.78rem;color:var(--text-secondary);border-top:1px dashed #e2e8f0;padding-top:14px}.cbt-palette-legend-item{display:flex;align-items:center;gap:8px}.cbt-legend-box{width:14px;height:14px;border-radius:4px;flex-shrink:0}.cbt-legend-box.current{background:var(--color-iris-bolt)}.cbt-legend-box.answered{background:#ecfdf5;border:1.5px solid #a7f3d0}.cbt-legend-box.unanswered{background:#f8fafc;border:1px solid #e2e8f0}.cbt-palette-drawer{position:fixed;bottom:0;left:0;right:0;max-height:85vh;display:flex;flex-direction:column;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -10px 40px #0003;z-index:100;animation:cbtSlideUp .25s cubic-bezier(.16,1,.3,1)}.cbt-drawer-handle{width:40px;height:4px;background:#cbd5e1;border-radius:2px;margin:10px auto 4px;flex-shrink:0}.cbt-palette-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 14px;border-bottom:1px solid #f1f5f9}.cbt-palette-drawer-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0 0 2px}.cbt-palette-progress-chip{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-iris-bolt);font-weight:600}.cbt-drawer-close-btn{background:#f1f5f9!important;border:none!important;border-radius:50%!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#475569!important;cursor:pointer!important;margin-bottom:0!important;padding:0!important;transition:background .15s ease!important}.cbt-drawer-close-btn:hover{background:#e2e8f0!important}.cbt-palette-drawer-body{flex:1;overflow-y:auto;padding:16px 20px}.cbt-palette-drawer-footer{padding:14px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid #f1f5f9;background:#fff;display:flex;flex-direction:column;gap:10px}.cbt-palette-warning-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:.82rem;color:#92400e}.cbt-confirm-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;width:100%;max-width:440px;padding:28px 24px;margin:16px;animation:cbtSlideUp .2s cubic-bezier(.16,1,.3,1)}@keyframes cbtSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.cbt-modal-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;background:#0f172aa6!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;animation:cbtFadeIn .18s ease}@keyframes cbtFadeIn{0%{opacity:0}to{opacity:1}}.cbt-lightbox-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:99999!important;background:#0a0f1ef0!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;overflow:hidden!important;-webkit-user-select:none!important;user-select:none!important;touch-action:none!important;animation:cbtFadeIn .18s ease}.cbt-lightbox-topbar{width:100%;max-width:900px;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;z-index:10;color:#fff}.cbt-lightbox-title{font-size:.92rem;font-weight:600;color:#f1f5f9;letter-spacing:.02em;display:flex;align-items:center;gap:12px}.cbt-lightbox-pan-hint{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;color:#94a3b8;background:#ffffff1a;padding:3px 8px;border-radius:9999px;font-weight:500}.cbt-lightbox-close-btn{background:#ffffff26!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;border-radius:50%!important;width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s ease!important;padding:0!important;margin:0!important}.cbt-lightbox-close-btn:hover{background:#ffffff4d!important;transform:scale(1.05)}.cbt-lightbox-viewport{flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:grab}.cbt-lightbox-viewport.is-dragging{cursor:grabbing}.cbt-lightbox-img{max-width:88vw;max-height:72vh;object-fit:contain;transition:transform .08s ease-out;transform-origin:center center;border-radius:8px;box-shadow:0 20px 50px #0009;pointer-events:auto}.cbt-lightbox-toolbar{display:flex;align-items:center;gap:8px;background:#1e293bd9;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:6px 14px;border-radius:9999px;margin-bottom:max(18px,env(safe-area-inset-bottom));z-index:10;box-shadow:0 8px 32px #00000073}.cbt-lightbox-tool-btn{background:#ffffff1f!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;border-radius:50%!important;width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s ease!important;padding:0!important;margin:0!important}.cbt-lightbox-tool-btn:hover:not(:disabled){background:#ffffff47!important;transform:scale(1.06)}.cbt-lightbox-tool-btn:disabled{opacity:.3!important;cursor:not-allowed!important}.cbt-lightbox-tool-divider{width:1px;height:20px;background:#fff3;margin:0 4px}.cbt-lightbox-zoom-val{color:#fff;font-size:.88rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:52px;text-align:center;padding:0 6px}.cbt-option-img-wrapper{position:relative;display:inline-block;margin-top:6px}.cbt-option-img-zoom-btn{position:absolute;bottom:8px;right:8px;background:#0f172abf;color:#fff;border-radius:9999px;padding:3px 8px;font-size:.72rem;font-weight:600;display:flex;align-items:center;gap:4px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s ease;pointer-events:none}input[type=text],input[type=password],input[type=search],select{font-family:inherit;border:1.5px solid var(--border-color);border-radius:var(--radius-inputs);color:var(--text-primary);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input:focus-visible,select:focus-visible{outline:none;border-color:var(--color-iris-bolt)!important;box-shadow:0 0 0 3px #4255ff26!important}.cbt-input{width:100%;height:44px;padding:0 14px;border:1.5px solid var(--border-color);border-radius:var(--radius-inputs);font-size:.95rem;font-family:inherit;background:#fff;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.cbt-input:focus{outline:none;border-color:var(--color-iris-bolt);box-shadow:0 0 0 3px #4255ff26}.cbt-textarea{width:100%;min-height:120px;padding:14px;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;line-height:1.6;font-family:inherit;background:#fff;color:var(--text-primary);resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.cbt-textarea:focus{outline:none;border-color:var(--accent-sky);box-shadow:0 0 0 3px #3b82f626}.cbt-form-container{width:100%;max-width:960px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 4px 20px -2px #0f172a0f;padding:32px;margin-bottom:40px}.cbt-form-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.cbt-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.cbt-type-btn{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--radius-lg);border:2px solid var(--border-color);background:#f8fafc;cursor:pointer;text-align:left;transition:all .2s ease;font-family:inherit}.cbt-type-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.cbt-type-btn.active{background:#eff6ff;border-color:var(--accent-sky);box-shadow:0 2px 8px #3b82f626}.cbt-option-card{background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:12px;transition:all .2s ease;display:flex;flex-direction:column;gap:10px}.cbt-option-card:hover{border-color:#cbd5e1}.cbt-option-card.is-correct{background:#f0fdf4;border-color:#86efac;box-shadow:0 2px 8px #16a34a1f}.cbt-option-main-row{display:flex;align-items:center;gap:12px}.cbt-option-letter{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;flex-shrink:0;background:#f1f5f9;color:var(--text-primary);border:1px solid var(--border-color);transition:all .2s ease}.cbt-option-card.is-correct .cbt-option-letter{background:#16a34a;color:#fff;border-color:#16a34a}.cbt-btn-key-select{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease;border:1px solid var(--border-color);background:#f8fafc;color:var(--text-secondary);font-family:inherit;flex-shrink:0}.cbt-btn-key-select:hover{background:#e2e8f0;color:var(--text-primary)}.cbt-btn-key-select.active{background:#16a34a;color:#fff;border-color:#16a34a;box-shadow:0 2px 6px #16a34a40}.cbt-media-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.78rem;font-weight:600;color:#64748b;background:transparent;border:1px dashed var(--border-color);cursor:pointer;transition:all .15s ease;font-family:inherit}.cbt-media-toggle-btn:hover{background:#f1f5f9;color:var(--text-primary);border-color:#94a3b8}.cbt-compact-dropzone{background:#f8fafc;border:1.5px dashed var(--border-color);border-radius:var(--radius-md);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.82rem;color:var(--text-secondary);transition:all .15s ease}.cbt-compact-dropzone:focus-within{border-color:var(--accent-sky);background:#eff6ff}.cbt-search-bar{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:0 14px;height:42px;width:100%;max-width:380px;transition:border-color .15s ease}.cbt-search-bar:focus-within{border-color:var(--accent-sky);box-shadow:0 0 0 3px #3b82f626}.cbt-search-input{border:none;background:transparent;outline:none;width:100%;font-size:.88rem;font-family:inherit;color:var(--text-primary)}.essay-textarea{width:100%;min-height:150px;padding:16px;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit;line-height:1.6}.essay-textarea:focus{border-color:var(--accent-sky);box-shadow:0 0 0 3px #3b82f626}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius-pills);font-weight:600;font-size:.92rem;cursor:pointer;border:1px solid transparent;font-family:inherit;transition:all .15s ease;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--color-iris-bolt);color:#fff;border-color:transparent}.btn-primary:hover:not(:disabled){background:var(--color-iris-bolt-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-chalk-canvas);border-color:var(--color-fog-mist)}.btn-outline{background:transparent;color:var(--color-iris-bolt);border:1.5px solid var(--color-iris-bolt)}.btn-outline:hover:not(:disabled){background:var(--color-lilac-wash)}.btn-success{background:var(--accent-green);color:#fff}.btn-success:hover:not(:disabled){background:#15803d;box-shadow:var(--shadow-md)}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:var(--shadow-md)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.table-container{width:100%;overflow-x:auto;background:#fff;border-radius:var(--radius-cards);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th{padding:14px 16px;background:var(--color-chalk-canvas);border-bottom:1.5px solid var(--border-color);color:var(--text-muted);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}td{padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:.92rem;color:var(--text-primary);transition:background-color .1s ease}tbody tr:hover td{background-color:var(--color-chalk-canvas)}tbody tr:last-child td{border-bottom:none}.result-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--color-chalk-canvas)}.result-card{max-width:500px;width:100%;background:#fff;padding:40px;border-radius:var(--radius-cards);border:1px solid var(--border-color);box-shadow:var(--shadow-md);text-align:center}.result-icon{font-size:3rem;margin-bottom:16px;display:block}.mobile-only{display:none!important}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.app-container{padding:10px 8px 40px}.header{padding:15px;flex-direction:column;gap:10px;text-align:center}.header h1{font-size:1.1rem}.question-card,.result-card{padding:20px}.question-text{font-size:1rem}.option-btn{font-size:.9rem;padding:12px}.btn{padding:10px 15px;font-size:.9rem;width:100%;margin-bottom:5px}.cbt-topbar button,.cbt-exam-topbar button,.cbt-nav-tab,.cbt-btn-logout,.cbt-exam-bottombar button,.cbt-bottom-nav-btn,.cbt-bottom-grid-btn,.cbt-drawer-close-btn,.cbt-exam-grid-toggle{width:auto!important;margin-bottom:0!important}.cbt-topbar-inner,.cbt-exam-topbar-inner{padding:0 12px}.cbt-topbar-main{padding:10px 0 6px;gap:8px}.cbt-brand-title{font-size:.95rem}.cbt-brand-sub{font-size:.62rem}.cbt-brand-logo{width:32px;height:32px}.cbt-brand-divider{height:20px}.cbt-period-pill{display:none}.cbt-user-chip{padding:4px 10px;font-size:.74rem}.cbt-nav-tab{padding:8px 12px;font-size:.82rem;flex-shrink:0;min-height:44px}.cbt-nav-dropdown-wrapper{margin-left:0}.header>div[style]{width:100%;flex-wrap:wrap}div[style*="gap: 20px"]{flex-direction:column!important}div[style*="flex: 1"]{width:100%;max-width:100%}.cbt-exam-main{padding:12px 10px 96px!important}.cbt-exam-layout{flex-direction:column!important;gap:14px!important}.cbt-exam-card{padding:18px 14px!important;border-radius:14px!important}.cbt-question-text{font-size:.98rem!important;line-height:1.6!important;margin-bottom:18px!important}.cbt-option-item{padding:12px!important;gap:12px!important}.cbt-option-badge{width:32px!important;height:32px!important;min-width:32px!important;font-size:.9rem!important}.cbt-option-text{font-size:.92rem!important}.cbt-desktop-palette{display:none!important}}.cbt-admin-page{min-height:100vh;display:flex;flex-direction:column;background:transparent;color:var(--text-primary)}.cbt-admin-main{width:100%;max-width:1200px;margin:0 auto;padding:24px 20px 60px;flex:1}.cbt-admin-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.cbt-admin-eyebrow{color:var(--color-brand-azure, #0284c7);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}.cbt-admin-intro h1{font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:-.02em;color:var(--text-primary, #0f172a);line-height:1.2;margin:0 0 4px}.cbt-admin-intro p:last-child{color:var(--text-muted, #64748b);margin:0;font-size:.85rem}.cbt-admin-refresh,.cbt-admin-ghost,.cbt-admin-primary,.cbt-admin-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font:inherit;font-weight:600;transition:all .15s ease}.cbt-admin-refresh,.cbt-admin-ghost{background:#fff;color:var(--text-secondary, #334155);border:1px solid var(--border-color, #d9dde8);border-radius:var(--radius-pills, 200px);min-height:38px;padding:0 16px;font-size:.82rem;box-shadow:var(--shadow-sm)}.cbt-admin-primary{background:var(--color-brand-azure, #0284c7);color:#fff;border:1px solid var(--color-brand-azure, #0284c7);border-radius:var(--radius-pills, 200px);min-height:38px;padding:0 18px;font-size:.82rem;box-shadow:var(--shadow-sm)}.cbt-admin-primary:hover{background:var(--color-brand-hover, #0369a1);border-color:var(--color-brand-hover, #0369a1)}.cbt-admin-refresh:hover,.cbt-admin-ghost:hover{border-color:var(--color-brand-azure, #0284c7);color:var(--color-brand-azure, #0284c7);background:var(--color-lilac-wash, #f0f9ff)}.cbt-admin-refresh:disabled,.cbt-admin-primary:disabled{opacity:.55;cursor:wait}.cbt-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.cbt-admin-stat,.cbt-admin-panel{background:#fff;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-cards, 12px);box-shadow:var(--shadow-sm, 0 2px 4px rgba(40, 46, 62, .06))}.cbt-admin-stat{min-height:142px;padding:18px 20px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .18s ease,box-shadow .18s ease}.cbt-admin-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 16px rgba(40, 46, 62, .09))}.cbt-admin-stat-icon{width:36px;height:36px;border-radius:8px;background:var(--color-lilac-wash, #f0f9ff);color:var(--color-brand-azure, #0284c7);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.cbt-admin-stat-icon svg{width:18px;height:18px}.cbt-admin-stat>span{color:var(--text-muted, #64748b);font-size:.8rem;font-weight:600}.cbt-admin-stat>strong{color:var(--text-primary, #0f172a);font-size:1.85rem;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums;margin:3px 0 2px}.cbt-admin-stat>small{color:#94a3b8;font-size:.75rem}.cbt-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-bottom:20px}.cbt-admin-panel{padding:20px;margin-bottom:20px;min-width:0}.cbt-admin-grid .cbt-admin-panel{margin-bottom:0}.cbt-admin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;color:var(--text-muted, #64748b)}.cbt-admin-panel-head h2{color:var(--text-primary, #0f172a);font-size:1.05rem;font-weight:700;line-height:1.3;margin:0 0 2px}.cbt-admin-panel-head p{font-size:.78rem;color:var(--text-muted, #64748b);margin:0}.cbt-admin-panel-head select{min-height:36px;border:1px solid #cbd5e1;border-radius:var(--radius-pills, 200px);background:#fff;padding:0 12px;color:#334155;font:inherit;font-size:.82rem;font-weight:500}.cbt-admin-bars{display:grid;gap:14px;padding:6px 0 2px}.cbt-admin-bar-row{display:grid;grid-template-columns:75px minmax(0,1fr) 40px;align-items:center;gap:12px;font-size:.82rem;color:var(--text-secondary, #475569)}.cbt-admin-bar-row strong{text-align:right;color:var(--text-primary, #0f172a);font-variant-numeric:tabular-nums;font-weight:700}.cbt-admin-bar-track{height:8px;background:#e2e8f0;border-radius:var(--radius-pills, 200px);overflow:hidden}.cbt-admin-bar-track>div{height:100%;background:var(--color-brand-azure, #0284c7);border-radius:inherit;transition:width .3s ease}.cbt-admin-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cbt-admin-flow>div{border:1px solid var(--border-color, #e2e8f0);background:var(--color-chalk-canvas, #f8fafc);border-radius:var(--radius-cards, 8px);padding:16px 12px;display:grid;gap:4px}.cbt-admin-flow strong{font-size:1.5rem;font-weight:800;color:var(--text-primary, #0f172a);font-variant-numeric:tabular-nums}.cbt-admin-flow span{color:var(--text-muted, #64748b);font-size:.78rem;font-weight:600}.cbt-admin-note{color:var(--text-muted, #64748b);font-size:.78rem;margin:14px 0 0;line-height:1.4}.cbt-admin-table-wrap{overflow-x:auto}.cbt-admin-table-wrap table{width:100%;border-collapse:collapse;text-align:left;font-size:.84rem}.cbt-admin-table-wrap th{color:var(--text-muted, #64748b);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:10px 12px;background:#f8fafc}.cbt-admin-table-wrap td{color:var(--text-secondary, #334155);border-bottom:1px solid #f1f5f9;padding:11px 12px;vertical-align:middle}.cbt-admin-table-wrap tr:hover td{background:#f0f9ff73}.cbt-admin-table-wrap tr:last-child td{border-bottom:0}.cbt-admin-table-wrap strong{color:var(--text-primary, #0f172a);font-variant-numeric:tabular-nums}.cbt-admin-link{background:none;border:0;color:var(--color-brand-azure, #0284c7);min-height:36px;padding:0 8px;white-space:nowrap;font-size:.82rem;font-weight:600}.cbt-admin-link:hover{color:var(--color-brand-hover, #0369a1);text-decoration:underline}.cbt-admin-empty{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted, #64748b);font-size:.85rem;text-align:center;padding:24px}.cbt-admin-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-cards, 8px);padding:12px 16px;margin-bottom:20px;font-size:.85rem}.cbt-admin-teacher{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e2e8f0;padding:12px 0}.cbt-admin-teacher>div{display:grid;gap:2px}.cbt-admin-teacher strong{font-size:.88rem;color:var(--text-primary, #0f172a)}.cbt-admin-teacher span{color:var(--text-muted, #64748b);font-size:.78rem}.cbt-admin-password-form{display:grid;gap:10px;border-top:1px solid #e2e8f0;padding-top:18px}.cbt-admin-password-form label{font-size:.82rem;font-weight:600;color:var(--text-secondary, #334155)}.cbt-admin-password-form input{width:100%;min-height:40px;border:1px solid #cbd5e1;border-radius:var(--radius-inputs, 4px);padding:0 12px;color:var(--text-primary, #0f172a);background:#fff;font:inherit;font-size:.85rem}.cbt-admin-password-form>div{display:flex;justify-content:flex-end;gap:8px}.cbt-admin-notice{color:var(--color-brand-azure, #0284c7);margin:0;font-size:.82rem;font-weight:500}.cbt-th-col{display:flex;flex-direction:column;gap:6px}.cbt-th-col.cbt-th-center{align-items:center}.cbt-th-col.cbt-th-right{align-items:flex-end}.cbt-th-title{font-size:.74rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.cbt-th-subtitle{font-size:.68rem;font-weight:500;color:#94a3b8;text-transform:none;letter-spacing:normal;height:28px;display:flex;align-items:center}.cbt-th-search{position:relative;display:flex;align-items:center;width:100%;min-width:105px;max-width:155px}.cbt-th-icon{position:absolute;left:7px;color:#94a3b8;pointer-events:none}.cbt-th-input{width:100%;height:28px;border:1px solid #cbd5e1;border-radius:var(--radius-inputs, 4px);background:#fff;padding:0 20px 0 24px;font-size:.74rem;color:#0f172a;font-family:inherit;font-weight:500;transition:all .15s ease}.cbt-th-input:focus{border-color:var(--color-brand-azure, #0284c7);outline:2px solid rgba(2,132,199,.15);background:#fff}.cbt-th-clear{position:absolute;right:5px;background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;transition:all .12s ease}.cbt-th-clear:hover{color:#0f172a;background:#e2e8f0}.cbt-th-select{height:28px;border:1px solid #cbd5e1;border-radius:var(--radius-inputs, 4px);background:#fff;padding:0 6px;color:#334155;font-size:.74rem;font-family:inherit;font-weight:500;cursor:pointer;transition:border-color .15s ease;max-width:125px;white-space:nowrap}.cbt-th-select:focus{border-color:var(--color-brand-azure, #0284c7);outline:2px solid rgba(2,132,199,.15)}.cbt-th-reset{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;color:var(--color-brand-azure, #0284c7);cursor:pointer;transition:all .15s ease;padding:0}.cbt-th-reset:hover{background:#f0f9ff;border-color:var(--color-brand-azure, #0284c7);transform:rotate(-45deg)}.cbt-admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;margin-top:10px;border-top:1px solid #f1f5f9;font-size:.8rem;color:#64748b}.cbt-admin-page-info{font-variant-numeric:tabular-nums;font-weight:500}.cbt-admin-page-controls{display:flex;align-items:center;gap:5px}.cbt-admin-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:var(--radius-pills, 200px);border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-variant-numeric:tabular-nums}.cbt-admin-page-btn:hover:not(:disabled){background:#f0f9ff;border-color:var(--color-brand-azure, #0284c7);color:var(--color-brand-azure, #0284c7)}.cbt-admin-page-btn.active{background:var(--color-brand-azure, #0284c7);border-color:var(--color-brand-azure, #0284c7);color:#fff;box-shadow:0 2px 6px #0284c740}.cbt-admin-page-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#e2e8f0}.cbt-admin-page :is(button,input,select):focus-visible{outline:2px solid var(--color-brand-azure, #0284c7);outline-offset:2px}@media (max-width: 900px){.cbt-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cbt-admin-grid{grid-template-columns:1fr}}@media (max-width: 600px){.cbt-admin-main{padding:20px 14px 48px}.cbt-admin-intro{align-items:flex-start;flex-direction:column;gap:12px}.cbt-admin-stats{gap:10px}.cbt-admin-stat{padding:15px;min-height:130px}.cbt-admin-stat>strong{font-size:1.5rem}.cbt-admin-panel{padding:16px}.cbt-admin-flow{grid-template-columns:1fr 1fr}.cbt-admin-pagination{flex-direction:column;align-items:center;gap:8px}}.cbt-admin-accounts-layout{display:flex;flex-direction:column;gap:20px}.cbt-btn-add-teacher{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--radius-pills, 200px);background:var(--color-brand-azure, #0284c7);color:#fff;font-size:.78rem;font-weight:600;border:none;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #0284c740}.cbt-btn-add-teacher:hover{background:#0369a1;transform:translateY(-1px)}.cbt-teacher-identity{display:flex;flex-direction:column;gap:2px}.cbt-teacher-name{font-size:.82rem;color:#0f172a;font-weight:700}.cbt-teacher-username{font-size:.72rem;color:#64748b;font-family:monospace}.cbt-tabular-data{font-variant-numeric:tabular-nums;font-size:.78rem;color:#334155}.cbt-teacher-phone-cell{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;font-size:.78rem;color:#334155}.cbt-phone-icon{color:var(--color-brand-azure, #0284c7)}.cbt-dash-muted{color:#94a3b8;font-size:.8rem}.cbt-teacher-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.cbt-teacher-btn-action{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;border-radius:4px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s ease}.cbt-teacher-btn-action:hover{background:#f0f9ff;border-color:var(--color-brand-azure, #0284c7);color:var(--color-brand-azure, #0284c7)}.cbt-teacher-btn-action.cbt-btn-danger:hover{background:#fff1f2;border-color:#f43f5e;color:#e11d48}.cbt-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;animation:cbtFadeIn .15s ease-out}.cbt-modal-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 45px #0f172a33;overflow:hidden;animation:cbtSlideUp .18s cubic-bezier(.16,1,.3,1)}.cbt-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f1f5f9}.cbt-modal-title{font-size:1rem;font-weight:700;color:#0f172a;margin:0}.cbt-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.cbt-modal-close:hover{background:#f1f5f9;color:#0f172a}.cbt-modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.cbt-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;background:#f8fafc;border-top:1px solid #f1f5f9}.cbt-form-group{display:flex;flex-direction:column;gap:5px}.cbt-form-label{font-size:.78rem;font-weight:600;color:#334155}.cbt-form-input,.cbt-form-select{width:100%;min-height:38px;border:1px solid #cbd5e1;border-radius:var(--radius-inputs, 4px);padding:0 12px;font-size:.82rem;color:#0f172a;background:#fff;font-family:inherit;transition:all .15s ease}.cbt-form-input:focus,.cbt-form-select:focus{border-color:var(--color-brand-azure, #0284c7);outline:2px solid rgba(2,132,199,.2)}.cbt-modal-alert{padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.78rem;font-weight:500}.cbt-btn-danger-confirm{background:#e11d48!important;border-color:#e11d48!important;color:#fff!important}.cbt-btn-danger-confirm:hover{background:#be123c!important}@media (max-width: 480px){.login-card{padding:20px 16px!important;margin:0 8px!important}.login-screen{padding:12px!important}}.cbt-qcards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.cbt-qcard{background:var(--bg-white, #ffffff);border:1px solid var(--border-color);border-radius:var(--radius-cards);padding:18px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease;position:relative}.cbt-qcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-slate-veil)}.cbt-qcard.selected{border-color:var(--color-iris-bolt);background-color:var(--color-lilac-wash);box-shadow:0 0 0 1.5px var(--color-iris-bolt),var(--shadow-sm)}.cbt-qcard-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.cbt-qcard-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cbt-badge-qnum{font-size:.76rem;font-weight:600;color:var(--text-muted);background:var(--color-chalk-canvas);border:1px solid var(--border-color);padding:3px 8px;border-radius:var(--radius-xs);letter-spacing:.2px}.cbt-badge-qtype-pg{font-size:.74rem;font-weight:600;color:var(--color-iris-bolt);background:var(--color-lilac-wash);border:1px solid #c9ceff;padding:3px 8px;border-radius:var(--radius-xs)}.cbt-badge-qtype-isian{font-size:.74rem;font-weight:600;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;padding:3px 8px;border-radius:var(--radius-xs)}.cbt-qcard-checkbox-wrap{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:28px}.cbt-qcard-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-iris-bolt);margin:0}.cbt-qcard-body{display:flex;flex-direction:column;flex:1}.cbt-qcard-text{font-size:.93rem;line-height:1.55;color:var(--text-primary);font-weight:400;white-space:pre-line;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.cbt-qcard-thumb-wrap{height:100px;background:var(--color-chalk-canvas);border:1px solid var(--border-color);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;padding:4px;margin-top:8px;margin-bottom:8px;overflow:hidden}.cbt-qcard-thumb{max-height:90px;max-width:100%;object-fit:contain;border-radius:4px}.cbt-qcard-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.cbt-qcard-opt-chip{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--radius-xs);font-size:.78rem;overflow:hidden;transition:background-color .15s ease}.cbt-qcard-opt-chip.correct{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;font-weight:600}.cbt-qcard-opt-chip.normal{background:var(--color-chalk-canvas);border:1px solid var(--border-color);color:var(--text-secondary)}.cbt-qcard-opt-letter{font-weight:600;flex-shrink:0}.cbt-qcard-opt-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbt-qcard-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-color);flex-wrap:wrap}.cbt-qcard-key{padding:4px 10px;border-radius:var(--radius-pills);font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.cbt-qcard-key.mcq{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.cbt-qcard-key.essay{background:#f5f3ff;border:1px solid #ddd6fe;color:#7c3aed}.cbt-qcard-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cbt-action-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:36px!important;padding:6px 14px!important;font-size:.82rem!important;font-weight:600!important;border-radius:var(--radius-pills)!important;cursor:pointer!important;border:1px solid var(--border-color)!important;transition:all .15s ease!important;-webkit-user-select:none!important;user-select:none!important;width:auto!important;margin-bottom:0!important;box-shadow:var(--shadow-sm)!important}.cbt-action-btn:active{transform:translateY(1px)}.cbt-action-btn-edit{background:#fff!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.cbt-action-btn-edit:hover{background:var(--color-chalk-canvas)!important;border-color:var(--color-slate-veil)!important}.cbt-action-btn-archive{background:var(--color-lilac-wash)!important;border-color:#c9ceff!important;color:var(--color-iris-bolt)!important}.cbt-action-btn-archive:hover{background:#dfe3ff!important;border-color:var(--color-iris-bolt)!important}.cbt-action-btn-unarchive{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#065f46!important}.cbt-action-btn-unarchive:hover{background:#d1fae5!important;border-color:#6ee7b7!important}.cbt-action-btn-delete{background:#fff!important;border-color:#fecaca!important;color:var(--accent-red)!important;padding:6px 12px!important}.cbt-action-btn-delete:hover{background:#fef2f2!important;border-color:#f87171!important}.cbt-review-list{display:flex;flex-direction:column;gap:0}.cbt-review-card{background:var(--bg-white, #ffffff);border:1px solid var(--border-color);border-radius:var(--radius-cards);padding:22px 24px;box-shadow:var(--shadow-sm);margin-bottom:16px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;border-left:4px solid transparent}.cbt-review-card.selected{border-color:#c9ceff;border-left:4px solid var(--color-iris-bolt);background-color:var(--color-lilac-wash);box-shadow:var(--shadow-md)}.cbt-review-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.cbt-review-header-left{display:flex;align-items:center;gap:10px}.cbt-review-num-circle{width:30px;height:30px;border-radius:50%;background:var(--color-iris-bolt);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.cbt-review-body{display:flex;flex-direction:column;gap:12px}.cbt-review-text{font-size:.98rem;line-height:1.65;color:var(--text-primary, #1e293b);font-weight:500;white-space:pre-line;margin:0}.cbt-review-thumb-wrap{display:inline-flex;align-items:center;justify-content:center;background:var(--color-chalk-canvas);border:1px solid var(--border-color);border-radius:var(--radius-cards);padding:8px;align-self:flex-start;max-width:100%}.cbt-review-thumb{max-height:200px;max-width:100%;object-fit:contain;border-radius:4px}.cbt-review-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin-top:6px}.cbt-review-opt-item{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--radius-cards);transition:all .15s ease}.cbt-review-opt-item.correct{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.cbt-review-opt-item.normal{background:var(--color-chalk-canvas);border:1px solid var(--border-color)}.cbt-review-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border-color);flex-wrap:wrap}.cbt-select-all-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#fff;border-radius:var(--radius-cards);margin-bottom:16px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-wrap:wrap;position:sticky;top:70px;z-index:35;transition:all .2s cubic-bezier(.16,1,.3,1)}.cbt-select-all-bar.is-active{background:var(--color-lilac-wash, #edefff);border-color:#c9ceff;box-shadow:0 4px 16px #4255ff1a}.cbt-btn-cancel-selection{background:#4255ff14;border:none;color:var(--color-iris-bolt, #4255ff);border-radius:var(--radius-pills, 200px);padding:5px 12px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.cbt-btn-cancel-selection:hover{background:#4255ff29}.cbt-btn-cancel-selection:active{transform:translateY(1px)}.cbt-batch-btn-primary{background:var(--color-iris-bolt, #4255ff);color:#fff;border:none;border-radius:var(--radius-pills, 200px);padding:7px 16px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 6px #4255ff40;transition:all .15s ease;-webkit-user-select:none;user-select:none}.cbt-batch-btn-primary:hover{background:#3644d9;box-shadow:0 4px 10px #4255ff59}.cbt-batch-btn-primary:active{transform:translateY(1px)}.cbt-batch-btn-success{background:#16a34a;color:#fff;border:none;border-radius:var(--radius-pills, 200px);padding:7px 16px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 6px #16a34a40;transition:all .15s ease;-webkit-user-select:none;user-select:none}.cbt-batch-btn-success:hover{background:#15803d;box-shadow:0 4px 10px #16a34a59}.cbt-batch-btn-success:active{transform:translateY(1px)}.cbt-batch-btn-danger{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;border-radius:var(--radius-pills, 200px);padding:6px 15px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.cbt-batch-btn-danger:hover{background:#fecaca;border-color:#f87171;color:#b91c1c}.cbt-batch-btn-danger:active{transform:translateY(1px)}.cbt-empty-state{background:#fff;border:1.5px dashed var(--border-color);border-radius:var(--radius-cards);padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary, #475569);width:100%}@media (max-width: 640px){.cbt-qcards-grid{grid-template-columns:1fr;gap:14px}.cbt-qcard{padding:16px}.cbt-review-card{padding:16px 18px}.cbt-review-options-grid{grid-template-columns:1fr}}.cbt-auth-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background-color:transparent}.cbt-landing-shell{width:100%;max-width:860px;background:#fff;border-radius:var(--radius-cards);border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.cbt-landing-visual{position:relative;background:var(--color-chalk-canvas);overflow:hidden;min-height:400px}.cbt-landing-visual-img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}.cbt-landing-content{padding:40px 36px;display:flex;flex-direction:column;justify-content:center}.cbt-teacher-shell{width:100%;max-width:860px;background:#fff;border-radius:var(--radius-cards);border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:440px;align-items:stretch}.cbt-teacher-visual{position:relative;background:var(--color-chalk-canvas);overflow:hidden}.cbt-teacher-visual-img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block}.cbt-teacher-content{padding:40px 36px;display:flex;flex-direction:column;justify-content:center}.cbt-student-shell{width:100%;max-width:420px;background:#fff;border-radius:var(--radius-cards);border:1px solid var(--border-color);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.cbt-student-header{padding:24px 24px 18px;text-align:center;border-bottom:1px solid var(--border-color);background:#fff}.cbt-student-body{padding:24px}.cbt-student-nisn-input{width:100%;height:50px;padding:0 16px;border:1.5px solid var(--border-color);border-radius:var(--radius-inputs);font-size:1.25rem;font-weight:700;letter-spacing:3px;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--color-chalk-canvas);color:var(--text-primary);outline:none;transition:all .15s ease;box-sizing:border-box}.cbt-student-nisn-input:focus{border-color:var(--color-iris-bolt);background:#fff;box-shadow:0 0 0 3px #4255ff26}.cbt-student-subject-card{padding:14px 18px;border-radius:var(--radius-cards);border:1px solid var(--border-color);background:#fff;cursor:pointer;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);min-height:50px;-webkit-user-select:none;user-select:none}.cbt-student-subject-card:hover,.cbt-student-subject-card:active{border-color:var(--color-iris-bolt);background:var(--color-lilac-wash);transform:translateY(-1px)}@media (max-width: 768px){.cbt-auth-screen{padding:16px 12px}.cbt-landing-shell{grid-template-columns:1fr;max-width:420px}.cbt-landing-visual{min-height:180px;max-height:200px}.cbt-landing-content{padding:24px 20px}.cbt-teacher-shell{grid-template-columns:1fr;max-width:420px}.cbt-teacher-visual{min-height:180px;max-height:200px}.cbt-teacher-content{padding:24px 20px}}