:root{--bg-primary: #0b0f19;--bg-card: #131b2e;--bg-card-elevated: #1b253d;--bg-input: #0e1525;--border-subtle: rgba(148, 163, 184, .16);--border-focus: #38bdf8;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #0ea5e9;--accent-hover: #0284c7;--accent-amber: #fbbf24;--accent-emerald: #10b981;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-burmese: "Noto Sans Myanmar", "Padauk", sans-serif}:root[data-theme=light],body[data-theme=light],.app-shell.theme-light{--bg-primary: #f1f5f9;--bg-card: #ffffff;--bg-card-elevated: #f8fafc;--bg-input: #f8fafc;--border-subtle: rgba(15, 23, 42, .12);--border-focus: #0284c7;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-primary: #0284c7;--accent-hover: #0369a1;--accent-amber: #d97706;--accent-emerald: #059669}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}.burmese-inline,.burmese-script,.caption-text-burmese,.transcript-burmese{font-family:var(--font-burmese);line-height:1.85}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{background:#131b2ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:30}.header-inner{max-width:1360px;margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.85rem}.brand-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#6366f1);display:flex;align-items:center;justify-content:center;font-family:var(--font-burmese);font-weight:700;font-size:1.05rem;color:#fff;box-shadow:0 4px 14px #0ea5e959}.brand-title{font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.brand-tagline{font-size:.82rem;color:var(--text-secondary)}.header-badges{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.theme-toggle-switch{position:relative;width:56px;height:28px;padding:2px;border-radius:999px;background:var(--bg-card-elevated);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;cursor:pointer;transition:background-color .25s ease,border-color .25s ease}.theme-toggle-switch:hover{border-color:var(--border-focus)}.theme-toggle-thumb{width:22px;height:22px;border-radius:50%;background:var(--text-primary);color:var(--bg-card);display:inline-flex;align-items:center;justify-content:center;transform:translate(0);transition:transform .28s cubic-bezier(.4,0,.2,1),background-color .25s ease,color .25s ease}.theme-toggle-switch.is-dark .theme-toggle-thumb{transform:translate(28px)}.theme-toggle-icon{width:13px;height:13px;display:block}.status-chip{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:500;padding:.35rem .75rem;border-radius:999px;background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.dot-green{width:8px;height:8px;border-radius:50%;background:#10b981}.main-content{max-width:1360px;width:100%;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1}.processor-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:1.5rem;box-shadow:0 12px 32px #00000040}.badge-pill{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#38bdf8;background:#38bdf81f;padding:.2rem .65rem;border-radius:999px;margin-bottom:.45rem}.processor-header h2{font-size:1.35rem;font-weight:700;margin-bottom:.35rem}.processor-subtitle{color:var(--text-secondary);font-size:.92rem;margin-bottom:1.15rem}.url-form{display:flex;flex-direction:column;gap:.75rem}.url-input-group{display:flex;gap:.75rem;flex-wrap:wrap}.input-icon-wrapper{flex:1;min-width:260px;position:relative;display:flex;align-items:center}.input-prefix-icon{position:absolute;left:1rem;color:#ef4444;font-size:.95rem;pointer-events:none}.url-input{width:100%;padding:.85rem 2.5rem .85rem 2.6rem;font-size:.95rem;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;outline:none;transition:border-color .15s,box-shadow .15s}.url-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #38bdf82e}.clear-input-btn{position:absolute;right:.75rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.25rem}.process-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-weight:600;font-size:.95rem;padding:.85rem 1.4rem;border:none;border-radius:10px;cursor:pointer;transition:transform .1s,opacity .15s;white-space:nowrap}.process-btn:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.process-btn:disabled{opacity:.65;cursor:wait}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5;padding:.65rem .9rem;border-radius:8px;font-size:.86rem}.sample-presets{margin-top:1rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.sample-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.sample-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.sample-chip{background:var(--bg-card-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.78rem;padding:.35rem .7rem;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.sample-chip:hover:not(:disabled){border-color:var(--border-focus)}.sample-chip.active{background:#0ea5e929;border-color:#38bdf8;color:#e0f2fe}.sample-category{color:#38bdf8;font-weight:600}.pipeline-status-bar{margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.pipeline-steps{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.45rem}.pipeline-step{display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--text-muted)}.pipeline-step .step-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.pipeline-step.active{color:#38bdf8;font-weight:600}.pipeline-step.active .step-dot{background:#38bdf8;box-shadow:0 0 8px #38bdf8}.pipeline-step.completed{color:#34d399}.pipeline-step.completed .step-dot{background:#10b981}.pipeline-detail{font-size:.8rem;color:var(--text-secondary)}.workspace-grid{display:grid;grid-template-columns:1fr 400px;gap:1.5rem;align-items:start}@media (max-width: 1080px){.workspace-grid{grid-template-columns:1fr}}.video-player-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #00000040}.player-toolbar{padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.65rem}.player-toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.player-toolbar-bottom{display:flex;align-items:center;justify-content:flex-start;gap:.6rem;flex-wrap:wrap;padding-top:.45rem;border-top:1px dashed var(--border-subtle)}.player-share-group{position:relative;display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap}.player-share-btn{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 .55rem;font-size:.72rem;font-weight:600;border-radius:6px;border:1px solid var(--border-subtle);background:var(--bg-card-elevated);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;line-height:1;white-space:nowrap}.player-share-btn:hover{color:var(--text-primary);border-color:var(--border-focus);transform:translateY(-1px)}.player-copy-btn{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;gap:.3rem}.player-copy-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.player-copy-btn svg{width:12px;height:12px}.player-share-icon{width:26px;height:26px;padding:0}.player-share-icon svg{width:13px;height:13px}.player-share-icon.share-facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.player-share-icon.share-x:hover{background:#000;border-color:#000;color:#fff}.player-share-icon.share-instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:transparent;color:#fff}.player-share-icon.share-telegram:hover{background:#229ed9;border-color:#229ed9;color:#fff}.player-share-icon.share-viber:hover{background:#7360f2;border-color:#7360f2;color:#fff}.player-share-icon.share-native:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.player-share-toast{position:absolute;right:0;top:calc(100% + 4px);background:#10b981;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;box-shadow:0 4px 12px #00000040;z-index:10;pointer-events:none;animation:fadeInToast .2s ease-out}.toolbar-left{display:flex;align-items:center;gap:.75rem}.sync-indicator{display:inline-flex;align-items:center;gap:.45rem;font-size:.84rem;color:var(--text-secondary)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#64748b}.pulse-dot.live{background:#10b981;box-shadow:0 0 8px #10b981b3}.cue-count-badge{font-size:.75rem;background:var(--bg-card-elevated);padding:.22rem .55rem;border-radius:6px;color:var(--text-secondary)}.toolbar-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.control-group{display:inline-flex;background:var(--bg-input);padding:.2rem;border-radius:8px;border:1px solid var(--border-subtle)}.mode-btn,.size-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.76rem;font-weight:500;padding:.32rem .6rem;border-radius:6px;cursor:pointer}.mode-btn.active,.size-btn.active{background:var(--accent-primary);color:#fff}.transcript-file-actions{display:inline-flex;align-items:center;gap:.45rem}.upload-transcript-btn,.download-vtt-btn{background:var(--bg-card-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.76rem;font-weight:600;padding:.42rem .7rem;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}.upload-transcript-btn:hover:not(:disabled),.download-vtt-btn:hover:not(:disabled){border-color:var(--border-focus)}.upload-transcript-btn:disabled,.download-vtt-btn:disabled{opacity:.5;cursor:not-allowed}.upload-error-strip{padding:.55rem 1.15rem;background:#ef444424;border-bottom:1px solid rgba(239,68,68,.35);color:#fca5a5;font-size:.8rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dismiss-upload-error-btn{background:transparent;border:none;color:#fca5a5;cursor:pointer;font-size:.85rem;padding:.1rem .3rem}.video-stage{position:relative;width:100%;aspect-ratio:16 / 9;background:#000}.youtube-iframe-container,.youtube-iframe-container iframe{width:100%;height:100%;border:0;display:block}.caption-overlay{position:absolute;left:4%;right:4%;bottom:7%;display:flex;justify-content:center;pointer-events:none;z-index:25}.caption-box{background:#060a14f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(251,191,36,.5);padding:.65rem 1.35rem;border-radius:10px;text-align:center;min-width:60%;max-width:94%;box-shadow:0 8px 28px #000c}.caption-text-burmese{color:#fef08a;font-weight:600}.caption-overlay.size-sm .caption-text-burmese{font-size:1rem}.caption-overlay.size-md .caption-text-burmese{font-size:1.22rem}.caption-overlay.size-lg .caption-text-burmese{font-size:1.48rem}.caption-text-english{color:#f8fafc;font-size:1rem}.caption-text-english.sub-line{color:#cbd5e1;font-size:.85rem;margin-top:.2rem}.active-cue-strip{padding:1rem 1.25rem;background:#0e1525b3;border-top:1px solid var(--border-subtle)}.cue-strip-Header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.cue-tag{font-size:.7rem;font-weight:700;letter-spacing:.07em;color:#38bdf8}.cue-time-range{font-size:.78rem;font-family:monospace;color:var(--text-secondary)}.cue-comparison{display:flex;flex-direction:column;gap:.5rem}.cue-row{display:flex;align-items:baseline;gap:.65rem}.lang-pill{font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:5px;white-space:nowrap}.lang-pill.my{background:#fbbf2429;color:#fbbf24;border:1px solid rgba(251,191,36,.35)}.lang-pill.en{background:#94a3b826;color:#94a3b8}.burmese-script{font-size:1.05rem;color:#fef08a;font-weight:500}.english-script,.cue-placeholder{font-size:.88rem;color:var(--text-secondary)}.transcript-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;height:620px;overflow:hidden;box-shadow:0 12px 32px #00000040}.transcript-header{padding:1rem 1.15rem;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.transcript-header h3{font-size:1rem;font-weight:700}.transcript-meta{font-size:.72rem;color:var(--text-secondary);margin-top:.15rem}.toggle-en-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.transcript-search-bar{padding:.65rem 1.15rem;border-bottom:1px solid var(--border-subtle)}.transcript-search-input{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.84rem;padding:.55rem .75rem;border-radius:8px;outline:none}.transcript-search-input:focus{border-color:var(--border-focus)}.transcript-list{position:relative;flex:1;overflow-y:auto;padding:.6rem;display:flex;flex-direction:column;gap:.4rem}.transcript-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:.65rem .75rem;display:flex;gap:.7rem;cursor:pointer;transition:background .15s,border-color .15s}.transcript-item:hover{background:var(--bg-card-elevated)}.transcript-item.active{background:#0ea5e924;border-color:#38bdf873}.timestamp-pill{display:inline-block;font-family:monospace;font-size:.75rem;color:#38bdf8;background:#38bdf81f;padding:.2rem .45rem;border-radius:5px}.transcript-text-col{flex:1}.transcript-burmese{color:var(--text-primary);font-size:.94rem}.transcript-english{color:var(--text-secondary);font-size:.8rem;margin-top:.2rem}.empty-transcript{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.88rem}.site-footer{border-top:1px solid var(--border-subtle);padding:1rem 1.5rem;font-size:.8rem;color:var(--text-secondary)}.footer-inner{max-width:1360px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.processor-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.api-key-toggle-btn{font-size:.78rem;font-weight:600;padding:.45rem .85rem;border-radius:8px;cursor:pointer;white-space:nowrap;border:1px solid var(--border-subtle);background:var(--bg-card-elevated);color:var(--text-primary);transition:border-color .15s,background .15s}.api-key-toggle-btn.configured{background:#10b98124;border-color:#10b98166;color:#34d399}.api-key-toggle-btn.needs-key{background:#fbbf2424;border-color:#fbbf2466;color:#fbbf24}.api-key-panel{background:#0e1525d9;border:1px solid rgba(56,189,248,.3);border-radius:12px;padding:1rem 1.15rem;margin-bottom:1.15rem;display:flex;flex-direction:column;gap:.7rem}.api-key-info strong{font-size:.88rem;color:#38bdf8}.api-key-info p{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.ext-link{color:#38bdf8;text-decoration:underline}.api-key-form{display:flex;gap:.6rem;flex-wrap:wrap}.api-key-input{flex:1;min-width:240px;padding:.65rem .9rem;font-size:.86rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);outline:none}.api-key-input:focus{border-color:var(--border-focus)}.save-key-btn{background:var(--accent-primary);color:#fff;font-weight:600;font-size:.84rem;padding:.65rem 1.1rem;border:none;border-radius:8px;cursor:pointer}.key-status-msg{font-size:.78rem;color:#34d399}.bg-progress-track{width:100%;height:6px;background:var(--bg-input);border-radius:999px;overflow:hidden;margin:.5rem 0}.bg-progress-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#10b981);transition:width .35s ease}[data-theme=light] .site-header,.theme-light .site-header{background:#ffffffe0}[data-theme=light] .processor-card,[data-theme=light] .video-player-card,[data-theme=light] .transcript-panel,.theme-light .processor-card,.theme-light .video-player-card,.theme-light .transcript-panel{box-shadow:0 8px 24px #0f172a12}[data-theme=light] .status-chip,.theme-light .status-chip{color:#047857;background:#10b9811f;border-color:#10b9814d}[data-theme=light] .badge-pill,.theme-light .badge-pill{color:#0369a1;background:#0284c71f}[data-theme=light] .sample-chip.active,.theme-light .sample-chip.active{background:#0284c71f;border-color:#0284c7;color:#0c4a6e}[data-theme=light] .sample-category,[data-theme=light] .pipeline-step.active,[data-theme=light] .cue-tag,[data-theme=light] .api-key-info strong,[data-theme=light] .ext-link,.theme-light .sample-category,.theme-light .pipeline-step.active,.theme-light .cue-tag,.theme-light .api-key-info strong,.theme-light .ext-link{color:#0284c7}[data-theme=light] .pipeline-step.completed,[data-theme=light] .key-status-msg,[data-theme=light] .api-key-toggle-btn.configured,.theme-light .pipeline-step.completed,.theme-light .key-status-msg,.theme-light .api-key-toggle-btn.configured{color:#047857}[data-theme=light] .api-key-toggle-btn.needs-key,.theme-light .api-key-toggle-btn.needs-key{color:#b45309;background:#f59e0b24;border-color:#f59e0b59}[data-theme=light] .api-key-panel,.theme-light .api-key-panel{background:#f8fafc;border-color:#0284c74d}[data-theme=light] .active-cue-strip,.theme-light .active-cue-strip{background:#f8fafc}[data-theme=light] .burmese-script,.theme-light .burmese-script{color:#0f172a}[data-theme=light] .lang-pill.my,.theme-light .lang-pill.my{background:#f59e0b29;color:#b45309;border-color:#f59e0b59}[data-theme=light] .lang-pill.en,.theme-light .lang-pill.en{background:#64748b24;color:#475569}[data-theme=light] .timestamp-pill,.theme-light .timestamp-pill{color:#0369a1;background:#0284c71f}[data-theme=light] .transcript-item.active,.theme-light .transcript-item.active{background:#0284c71a;border-color:#0284c766}[data-theme=light] .error-banner,[data-theme=light] .upload-error-strip,[data-theme=light] .dismiss-upload-error-btn,.theme-light .error-banner,.theme-light .upload-error-strip,.theme-light .dismiss-upload-error-btn{color:#b91c1c}.share-bar{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:.85rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap}.share-link-row{display:flex;align-items:center;gap:.55rem;flex:1;min-width:280px}.share-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.share-label svg{width:15px;height:15px}.share-link-input{flex:1;min-width:160px;font-size:.8rem;font-family:monospace;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:.5rem .7rem;outline:none}.share-link-input:focus{border-color:var(--border-focus)}.share-copy-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent-primary);color:#fff;font-size:.8rem;font-weight:600;border:none;border-radius:8px;padding:.5rem .8rem;cursor:pointer;white-space:nowrap}.share-copy-btn:hover{background:var(--accent-hover)}.share-copy-btn svg{width:15px;height:15px}.share-social-row{display:flex;align-items:center;gap:.45rem}.share-icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-card-elevated);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s,background .15s,color .15s,border-color .15s}.share-icon-btn svg{width:17px;height:17px}.share-icon-btn:hover{transform:translateY(-2px);color:#fff;border-color:transparent}.share-native:hover{background:var(--accent-primary)}.share-facebook:hover{background:#1877f2}.share-x:hover{background:#000}.share-instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.share-telegram:hover{background:#229ed9}.share-viber:hover{background:#7360f2}.share-toast{position:absolute;right:1rem;top:calc(100% + .4rem);z-index:20;background:var(--accent-emerald);color:#fff;font-size:.78rem;font-weight:600;padding:.45rem .8rem;border-radius:8px;box-shadow:0 6px 18px #00000040}.policy-apology-banner{display:flex;align-items:center;gap:.75rem;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:10px;padding:.8rem 1rem;color:#fca5a5;font-size:.88rem;line-height:1.45}.apology-icon{font-size:1.2rem;line-height:1;flex-shrink:0}.apology-text{flex:1;font-weight:500}.dismiss-apology-btn{background:transparent;border:none;color:#fca5a5;cursor:pointer;font-size:1.1rem;line-height:1;padding:.2rem .4rem;border-radius:4px;opacity:.75;transition:opacity .2s,background .2s;flex-shrink:0}.dismiss-apology-btn:hover{opacity:1;background:#ef444440}.admin-status-wrap{display:flex;align-items:center}.admin-login-toggle-btn{font-size:.78rem;font-weight:600;padding:.45rem .85rem;border-radius:8px;cursor:pointer;white-space:nowrap;border:1px solid var(--border-subtle);background:var(--bg-card-elevated);color:var(--text-secondary);transition:border-color .15s,color .15s}.admin-login-toggle-btn:hover{border-color:var(--border-focus);color:var(--text-primary)}.admin-pill-group{display:inline-flex;align-items:center;gap:.45rem}.admin-active-chip{display:inline-flex;align-items:center;font-size:.76rem;font-weight:700;padding:.35rem .7rem;border-radius:8px;background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399}.admin-logout-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer;text-decoration:underline;padding:.2rem .4rem}.admin-panel{background:#0e1525e6;border:1px solid rgba(251,191,36,.4);border-radius:12px;padding:1rem 1.15rem;margin-bottom:1.15rem;display:flex;flex-direction:column;gap:.7rem}.admin-panel-info strong{font-size:.88rem;color:#fbbf24}.admin-panel-info p{font-size:.8rem;color:var(--text-secondary);margin-top:.2rem}.admin-form{display:flex;gap:.6rem;flex-wrap:wrap}.admin-input{flex:1;min-width:220px;padding:.6rem .85rem;font-size:.86rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);outline:none}.admin-input:focus{border-color:#fbbf24}.admin-submit-btn{background:#d97706;color:#fff;font-weight:600;font-size:.84rem;padding:.6rem 1.1rem;border:none;border-radius:8px;cursor:pointer}.admin-submit-btn:hover{background:#b45309}.admin-cancel-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.82rem;padding:.6rem .9rem;border-radius:8px;cursor:pointer}.admin-status-msg{font-size:.8rem;color:#34d399}