:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: #1a2035;--bg-hover: #1e293b;--bg-input: #0f172a;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .3);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border: #1e293b;--border-light: #334155;--radius: 12px;--radius-sm: 8px;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-brand{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-weight:700;font-size:18px}.nav-badge{font-size:11px;font-weight:600;background:var(--accent);color:#fff;padding:2px 8px;border-radius:20px}.nav-links{display:flex;gap:4px}.nav-link{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link.active{background:var(--accent);color:#fff}.main-content{min-height:calc(100vh - 64px)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px;color:var(--text-secondary)}.loader{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:16px;color:var(--text-secondary)}.error-screen h2{color:var(--text-primary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s;font-family:var(--font-sans)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px var(--accent-glow)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-accent{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff}.btn-accent:hover{box-shadow:0 4px 20px var(--accent-glow)}.btn-sm{padding:6px 12px;font-size:12px}.btn-full{width:100%;justify-content:center}.btn-active{background:var(--success);color:#fff;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.dashboard{max-width:1200px;margin:0 auto;padding:0 24px 60px}.dashboard-hero{padding:48px 0 32px;text-align:center}.hero-content h1{font-size:36px;font-weight:800;background:linear-gradient(135deg,#f1f5f9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.hero-subtitle{color:var(--text-secondary);font-size:16px;max-width:600px;margin:0 auto 24px}.hero-stats{display:flex;justify-content:center;gap:32px}.stat{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.stat strong{color:var(--text-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-secondary);text-align:center;gap:12px}.empty-state h2{color:var(--text-primary)}.section-group{margin-bottom:40px}.section-header{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:2px solid var(--section-color, var(--accent));margin-bottom:20px}.section-header h2{font-size:20px;font-weight:700}.section-count{font-size:13px;color:var(--text-muted);margin-left:auto}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.class-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:all .3s;border-top:3px solid var(--card-accent, var(--accent))}.class-card:hover{border-color:var(--card-accent, var(--accent));transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.day-badge{font-size:12px;font-weight:700;color:var(--accent);background:#6366f126;padding:4px 10px;border-radius:20px}.duration{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.class-card h3{font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.3}.card-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:16px;margin-bottom:16px;font-size:12px;color:var(--text-muted)}.card-actions{display:flex;gap:8px}.card-actions .btn{flex:1;justify-content:center;font-size:13px;padding:8px 12px}.video-link{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.class-viewer{min-height:100vh}.viewer-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-right{display:flex;align-items:center;gap:8px}.back-link{display:flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:14px}.back-link:hover{color:var(--accent)}.class-info .day-label{font-size:12px;color:var(--accent);font-weight:600}.class-info h1{font-size:18px;font-weight:700}.progress-bar-container{height:3px;background:var(--border)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),#8b5cf6);transition:width .3s ease}.viewer-body{display:flex;max-width:1100px;margin:0 auto;padding:32px 24px 60px;gap:24px}.outline-panel{width:280px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;position:sticky;top:80px;max-height:calc(100vh - 120px);overflow-y:auto}.outline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.outline-header h3{font-size:14px;font-weight:700}.outline-header button{background:none;border:none;color:var(--text-muted);cursor:pointer}.outline-list{display:flex;flex-direction:column;gap:2px}.outline-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:none;border:none;color:var(--text-secondary);font-size:13px;cursor:pointer;text-align:left;transition:all .15s;font-family:var(--font-sans)}.outline-item:hover{background:var(--bg-hover);color:var(--text-primary)}.outline-item.active{background:var(--accent);color:#fff}.outline-num{font-size:11px;font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg-hover);flex-shrink:0}.outline-item.active .outline-num{background:#fff3}.outline-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-wrapper{flex:1;min-width:0}.step-header{margin-bottom:24px}.step-indicator{font-size:13px;color:var(--accent);font-weight:600}.step-title{font-size:28px;font-weight:800;margin-top:8px;line-height:1.3}.step-content{font-size:15px;line-height:1.8;color:var(--text-secondary)}.step-content h1{font-size:26px;font-weight:800;color:var(--text-primary);margin:32px 0 16px}.step-content h2{font-size:22px;font-weight:700;color:var(--text-primary);margin:28px 0 12px}.step-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:24px 0 10px}.step-content strong{color:var(--text-primary)}.step-content p{margin-bottom:12px}.step-content ul,.step-content ol{margin:12px 0;padding-left:24px}.step-content li{margin-bottom:6px;list-style:disc}.step-content ol li{list-style:decimal}.step-content hr{border:none;border-top:1px solid var(--border);margin:24px 0}.inline-code{font-family:var(--font-mono);background:#6366f126;color:#a5b4fc;padding:2px 6px;border-radius:4px;font-size:13px}.code-block{margin:20px 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#1e293b;font-size:12px}.code-lang{color:var(--accent);font-weight:600;font-family:var(--font-mono);text-transform:uppercase}.code-copy{background:none;border:1px solid var(--border-light);color:var(--text-muted);padding:4px 10px;border-radius:4px;font-size:11px;cursor:pointer;font-family:var(--font-sans);transition:all .2s}.code-copy:hover{border-color:var(--accent);color:var(--accent)}.mermaid-container{margin:24px 0;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;justify-content:center;overflow-x:auto}.mermaid-container svg{max-width:100%}.mermaid-error{color:var(--error);font-style:italic}.callout{margin:20px 0;padding:16px 20px;border-radius:var(--radius-sm);border-left:4px solid}.callout-tip{background:#10b9811a;border-color:var(--success)}.callout-warning{background:#f59e0b1a;border-color:var(--warning)}.callout-important{background:#ef44441a;border-color:var(--error)}.callout-note{background:#6366f11a;border-color:var(--accent)}.callout-success{background:#10b9811a;border-color:var(--success)}.callout-error{background:#ef44441a;border-color:var(--error)}.callout-goal{background:#6366f11a;border-color:var(--accent)}.callout-think{background:#94a3b81a;border-color:var(--text-muted)}.callout-question,.callout-achievement{background:#f59e0b1a;border-color:var(--warning)}.callout-flash{background:#6366f11a;border-color:var(--accent)}.callout p{margin-bottom:6px}.callout p:last-child{margin-bottom:0}.step-nav{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding-top:24px;border-top:1px solid var(--border);gap:16px}.btn-nav{display:flex;align-items:center;gap:6px;padding:12px 20px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-family:var(--font-sans);font-size:14px}.btn-nav:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.btn-nav-next{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-nav-next:hover:not(:disabled){background:var(--accent-hover);color:#fff}.btn-quiz-start{background:linear-gradient(135deg,var(--accent),#8b5cf6);border:none}.step-dots{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.step-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--border-light);background:transparent;cursor:pointer;padding:0;transition:all .2s}.step-dot.active{background:var(--accent);border-color:var(--accent);transform:scale(1.3)}.step-dot.done{background:var(--border-light)}.step-dot:hover{border-color:var(--accent)}.quiz-page{max-width:800px;margin:0 auto;padding:0 24px 60px}.quiz-topbar{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:24px;flex-wrap:wrap}.quiz-topbar h1{font-size:20px;font-weight:700;flex:1}.quiz-progress{font-size:13px;color:var(--text-muted);font-weight:600}.quiz-progress-bar{height:4px;background:var(--border);border-radius:2px;margin-bottom:32px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--success));border-radius:2px;transition:width .3s}.quiz-body{display:flex;gap:24px}.question-nav{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.q-nav-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-weight:600;font-size:13px;cursor:pointer;transition:all .15s;font-family:var(--font-sans)}.q-nav-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.q-nav-btn.answered{border-color:var(--success);color:var(--success)}.q-nav-btn.answered.active{background:var(--accent);color:#fff}.question-card{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.question-header{margin-bottom:16px}.q-number{font-size:13px;color:var(--accent);font-weight:600}.question-text{font-size:17px;font-weight:600;color:var(--text-primary);line-height:1.5;margin-bottom:24px}.options-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.option-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;text-align:left;font-family:var(--font-sans);font-size:14px;color:var(--text-secondary)}.option-btn:hover{border-color:var(--accent);color:var(--text-primary)}.option-btn.selected{border-color:var(--accent);background:#6366f126;color:var(--text-primary)}.opt-letter{font-weight:700;font-size:13px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-hover);flex-shrink:0}.option-btn.selected .opt-letter{background:var(--accent);color:#fff}.question-nav-btns{display:flex;justify-content:space-between}.quiz-results-hero{text-align:center;padding:40px 0 32px}.score-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:160px;height:160px;border-radius:50%;background:var(--bg-card);border:4px solid var(--accent);margin:0 auto 20px}.score-emoji{font-size:32px}.score-number{font-size:28px;font-weight:800}.score-percent{font-size:14px;color:var(--text-muted)}.results-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.results-list{display:flex;flex-direction:column;gap:16px;margin-top:32px}.result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.result-card.correct{border-left:4px solid var(--success)}.result-card.incorrect{border-left:4px solid var(--error)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.result-num{font-weight:700;color:var(--text-muted);font-size:14px}.icon-correct{color:var(--success)}.icon-incorrect{color:var(--error)}.result-question{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.result-options{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.result-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:6px;font-size:13px;color:var(--text-secondary);background:var(--bg-primary)}.result-option .opt-letter{width:28px;height:28px;font-size:12px}.option-correct{background:#10b98126;color:var(--success);font-weight:600}.option-wrong{background:#ef44441a;color:var(--error)}.result-explanation{font-size:13px;color:var(--text-secondary);padding:12px;background:#6366f114;border-radius:6px;line-height:1.6}.result-explanation strong{color:var(--accent)}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px)}.login-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px;width:100%;max-width:400px}.login-icon{display:flex;justify-content:center;margin-bottom:16px;color:var(--accent)}.login-form h2{text-align:center;margin-bottom:24px;font-size:22px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--text-secondary)}.form-group input{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:var(--font-sans);transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--accent)}.login-error{background:#ef444426;color:var(--error);padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px;text-align:center}.admin-panel{max-width:1000px;margin:0 auto;padding:24px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-header h1{font-size:28px;font-weight:800}.admin-subtitle{color:var(--text-muted);font-size:14px;margin-top:4px}.admin-quick-actions{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:24px}.admin-quick-actions h3{font-size:14px;margin-bottom:12px}.quick-btns{display:flex;flex-wrap:wrap;gap:8px}.admin-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;overflow:hidden}.section-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;padding:16px 20px;background:none;border:none;cursor:pointer;color:var(--text-primary);font-family:var(--font-sans)}.section-toggle h2{font-size:16px;font-weight:700}.section-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.admin-class-list{border-top:1px solid var(--border)}.admin-class-row{padding:16px 20px;border-bottom:1px solid var(--border);transition:background .15s}.admin-class-row:last-child{border-bottom:none}.admin-class-row:hover{background:var(--bg-hover)}.admin-class-row.row-active{border-left:3px solid var(--success)}.row-main{display:flex;align-items:center;gap:16px;margin-bottom:10px}.toggle-btn{background:none;border:none;cursor:pointer;padding:0}.toggle-on{color:var(--success)}.toggle-off{color:var(--text-muted)}.row-info{flex:1}.row-day{font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase}.row-info strong{display:block;font-size:14px;margin:2px 0}.row-stats{display:flex;gap:14px;font-size:12px;color:var(--text-muted)}.row-stats span{display:flex;align-items:center;gap:4px}.row-video{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.video-status{display:flex;align-items:center;gap:4px;font-size:13px}.video-status.uploaded{color:var(--success)}.upload-btn{cursor:pointer;display:inline-flex;align-items:center;gap:6px}.upload-btn.uploading{opacity:.6;pointer-events:none}.btn-danger{color:var(--error)!important;border-color:var(--error)!important}.btn-danger:hover{background:#ef44441a!important}.video-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:#000;border-radius:var(--radius);min-height:400px}.class-video-player{width:100%;max-height:70vh;border-radius:var(--radius-sm);outline:none}.pg-container{height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden}.pg-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.pg-title{display:flex;align-items:center;gap:12px}.pg-icon{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--accent)}.pg-title h1{font-size:18px;font-weight:700}.pg-subtitle{font-size:13px;color:var(--text-muted)}.pg-actions{display:flex;gap:6px}.pg-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all .15s}.pg-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.pg-btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.pg-btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.pg-workspace{flex:1;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.pg-workspace.pg-full-preview .pg-editor-panel{display:none}.pg-workspace.pg-full-preview .pg-preview-panel{grid-column:1 / -1}.pg-editor-panel{display:flex;flex-direction:column;border-right:2px solid var(--border);overflow:hidden}.pg-panel-header{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.pg-panel-header-preview{color:var(--success)}.pg-panel-dot{width:10px;height:10px;border-radius:50%}.pg-dot-red{background:#ef4444}.pg-dot-yellow{background:#f59e0b}.pg-dot-green{background:#10b981}.pg-panel-label{font-size:12px;font-weight:600;color:var(--text-muted);font-family:var(--font-mono)}.pg-editor-wrap{flex:1;display:flex;overflow:auto;background:#0d1117}.pg-line-numbers{text-align:right;color:var(--text-muted);font-family:var(--font-mono);font-size:13px;line-height:1.6;-webkit-user-select:none;user-select:none;min-width:44px;padding:12px;background:#0003;border-right:1px solid var(--border)}.pg-editor{flex:1;padding:12px 16px;background:transparent;color:#e6edf3;font-family:var(--font-mono);font-size:13px;line-height:1.6;border:none;outline:none;resize:none;white-space:pre;overflow-wrap:normal;-moz-tab-size:2;tab-size:2}.pg-editor::selection{background:#6366f14d}.pg-preview-panel{display:flex;flex-direction:column;overflow:hidden}.pg-preview{flex:1;border:none;background:#fff}@media(max-width:768px){.navbar{padding:0 12px;height:56px}.nav-brand{font-size:15px;gap:8px}.nav-brand svg{width:22px;height:22px}.nav-badge{font-size:9px;padding:2px 6px}.nav-link{padding:6px 10px;font-size:13px}.nav-link span{display:none}.dashboard{padding:16px}.hero-section{padding:28px 0 20px}.hero-content h1{font-size:24px}.hero-subtitle{font-size:14px;max-width:100%}.hero-stats{gap:16px;flex-wrap:wrap;justify-content:center}.stat-number{font-size:22px}.stat-label{font-size:11px}.class-grid{grid-template-columns:1fr}.section-header h2{font-size:18px}.class-card{padding:16px}.card-actions{flex-direction:column}.card-actions .btn{width:100%;justify-content:center}.viewer-topbar{padding:8px 12px}.topbar-right span{display:none}.topbar-right .btn{padding:6px 10px}.viewer-body{padding:16px 12px;flex-direction:column}.outline-panel{width:100%;position:static;max-height:200px}.step-title{font-size:20px}.step-nav{flex-direction:column;gap:8px}.step-nav .btn{width:100%;justify-content:center}.step-dots{display:none}.code-block{margin:12px -12px;border-radius:0}.code-block pre{font-size:12px!important;padding:14px!important}.quiz-page{padding:16px}.quiz-header h1{font-size:22px}.quiz-body{flex-direction:column}.question-nav{flex-direction:row;flex-wrap:wrap;gap:6px}.q-nav-btn{width:40px;height:40px}.question-card{padding:16px}.question-text{font-size:15px}.option-btn{padding:12px 14px;font-size:13px}.question-nav-btns{flex-direction:column;gap:8px}.question-nav-btns .btn{width:100%;justify-content:center}.score-circle{width:120px;height:120px}.score-number{font-size:22px}.results-actions{flex-direction:column}.results-actions .btn{width:100%;justify-content:center}.result-card{padding:14px}.login-form{margin:16px;padding:24px}.admin-panel{padding:16px}.admin-header{flex-direction:column;align-items:flex-start;gap:12px}.admin-header h1{font-size:22px}.quick-btns{gap:6px}.quick-btns .btn{font-size:12px;padding:6px 10px}.row-main{flex-direction:column;align-items:flex-start;gap:8px}.row-video{flex-direction:column;align-items:stretch}.row-video .btn{width:100%;justify-content:center}.row-stats{flex-wrap:wrap}.section-toggle{padding:12px 14px}.section-toggle h2{font-size:14px}.inline-code{word-break:break-all}.pg-header{flex-direction:column;gap:8px;padding:10px 12px}.pg-actions{flex-wrap:wrap}.pg-btn span{display:none}.pg-workspace{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.pg-editor-panel{border-right:none;border-bottom:2px solid var(--border)}}