:root{--bg-base:#0c0e16;--bg-surface:#13161f;--bg-elevated:#1a1e2a;--bg-hover:#222738;--bg-active:#2a3048;--text-primary:#e4e8f1;--text-secondary:#6e7a8f;--text-muted:#454e60;--accent:#f59e0b;--accent-hover:#d97706;--accent-dim:#f59e0b24;--accent-glow:#f59e0b14;--accent-text:#fbbf24;--success:#10b981;--success-bg:#10b9811a;--success-border:#10b98138;--danger:#ef4444;--danger-bg:#ef44441a;--danger-border:#ef444438;--info:#3b82f6;--info-bg:#3b82f61a;--info-border:#3b82f638;--warning:#f59e0b;--warning-bg:#f59e0b1a;--warning-border:#f59e0b38;--border:#ffffff0f;--border-hover:#ffffff1a;--border-focus:#f59e0b73;--shadow-sm:0 1px 4px #00000040;--shadow-md:0 4px 20px #00000059;--shadow-lg:0 8px 40px #00000073;--shadow-glow:0 0 24px #f59e0b0f;--glass-bg:#13161fe0;--glass-border:#ffffff12;--glass-blur:20px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:999px;--sidebar-w:72px;--sidebar-gap:16px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-fast:.15s ease;--ease-base:.2s ease;--ease-slow:.3s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:800}h2{letter-spacing:-.02em;margin-bottom:0;font-size:20px;font-weight:700}h3{margin-bottom:0;font-size:15px;font-weight:700}button,input,textarea,select{font:inherit}button{border-radius:var(--radius-md);background:var(--accent);color:#0c0e16;cursor:pointer;transition:all var(--ease-fast);box-shadow:none;border:0;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b33}button:active{transform:translateY(0)}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}button.secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}button.secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);box-shadow:none}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;color:var(--text-primary);transition:border-color var(--ease-fast), box-shadow var(--ease-fast);outline:none;padding:10px 12px;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{cursor:pointer}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.loading-bar{z-index:2000;background:var(--accent-dim);height:3px;position:fixed;top:0;left:0;right:0;overflow:hidden}.loading-bar i{background:linear-gradient(90deg, var(--accent), var(--accent-text));width:35%;height:100%;animation:1s ease-in-out infinite loading-slide;display:block}.spin{animation:.8s linear infinite spin}@keyframes loading-slide{0%{transform:translate(-110%)}to{transform:translate(300%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-pulse{50%{opacity:.4}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-layout{min-height:100vh;display:flex}.app-sidebar{z-index:20;left:var(--sidebar-gap);top:var(--sidebar-gap);bottom:var(--sidebar-gap);width:var(--sidebar-w);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));flex-direction:column;align-items:center;gap:8px;padding:18px 0;display:flex;position:fixed}.sidebar-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent), #e67e00);color:#0c0e16;place-items:center;width:42px;height:42px;margin-bottom:12px;font-size:13px;font-weight:900;display:grid;box-shadow:0 4px 16px #f59e0b40}.nav-icon{border-radius:var(--radius-md);width:42px;height:42px;color:var(--text-muted);transition:all var(--ease-fast);border:1px solid #0000;place-items:center;text-decoration:none;display:grid}.nav-icon:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border);text-decoration:none}.nav-icon.active{background:var(--accent-dim);color:var(--accent);border-color:#f59e0b33;box-shadow:0 0 16px #f59e0b1a}.sidebar-status{background:var(--success);border-radius:50%;width:10px;height:10px;margin-top:auto;box-shadow:0 0 8px #10b98166}.page-shell{width:calc(100% - var(--sidebar-w) - var(--sidebar-gap) * 2 - 16px);max-width:1600px;margin-left:calc(var(--sidebar-w) + var(--sidebar-gap) * 2);padding:24px 28px 50px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800;font-family:var(--font-mono);margin:0 0 4px}.page-subtitle,.card-header span,.ops-head span{color:var(--text-secondary);font-size:12px}.status-line{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.notice-strip{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);align-items:center;gap:9px;margin-bottom:16px;padding:10px 14px;font-size:12px;display:flex}.notice-strip svg{color:var(--accent);flex-shrink:0}.workspace{gap:16px;display:grid}.card,.management-table-card,.timeline-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.card{padding:20px}.section-title,.section-row,.service-head,.card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title{justify-content:flex-start;margin-bottom:15px}.section-title svg{color:var(--accent)}.section-row{margin-bottom:15px}.section-row.compact{margin-bottom:10px}.pill{border-radius:var(--radius-full);background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.pill.ok{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.pill.bad{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.status-pill{border-radius:var(--radius-full);text-transform:capitalize;border:1px solid #0000;padding:4px 9px;font-size:10px;font-weight:700;display:inline-flex}.status-pill.completed{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.status-pill.pending{background:var(--warning-bg);color:var(--accent-text);border-color:var(--warning-border)}.status-pill.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.progress-ring{--value:0%;aspect-ratio:1;background:conic-gradient(var(--accent) var(--value), var(--bg-elevated) 0);border-radius:50%;place-items:center;width:100%;max-width:140px;margin:auto;display:grid;position:relative}.progress-ring:before{content:"";background:var(--bg-surface);border-radius:50%;position:absolute;inset:10px}.progress-ring div{text-align:center;position:relative}.progress-ring b{font-size:22px;font-family:var(--font-mono);color:var(--text-primary);display:block}.progress-ring span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800}.icon-button{border-radius:var(--radius-sm);background:var(--bg-elevated);width:34px;height:34px;color:var(--text-secondary);border:1px solid var(--border);transition:all var(--ease-fast);place-items:center;padding:0;display:grid}.icon-button:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover);box-shadow:none;transform:none}.icon-button.active,.icon-button.star-active{background:var(--accent-dim);color:var(--accent);border-color:#f59e0b33}.icon-button.danger{color:var(--danger)}.icon-button.danger:hover{background:var(--danger-bg);border-color:var(--danger-border)}.secret-field{grid-template-columns:1fr 38px;gap:6px;display:grid}.secret-field .icon-button{height:40px}.pagination{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:11px;display:flex}.pagination.single{justify-content:flex-end}.pagination>div{align-items:center;gap:4px;display:flex}.pagination button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:30px;height:30px;color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);padding:0}.pagination button:hover{background:var(--bg-hover);box-shadow:none;transform:none}.pagination button.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.pagination button:disabled{opacity:.3}.pagination i{color:var(--text-muted);padding:0 3px;font-style:normal}.pagination .page-arrow{place-items:center;display:grid}.skeleton-row i{border-radius:var(--radius-xs);background:var(--bg-elevated);height:14px;animation:1.2s ease-in-out infinite skeleton-pulse;display:block}.loading-empty{min-height:150px;color:var(--text-secondary);place-content:center;justify-items:center;gap:10px;font-size:12px;display:grid}.empty-card{color:var(--text-muted);text-align:center;padding:28px;font-size:13px}.bulk-action-bar{border:1px solid var(--info-border);border-radius:var(--radius-md);background:var(--info-bg);flex-wrap:wrap;align-items:center;gap:8px;margin:0 12px 10px;padding:10px 12px;display:flex}.bulk-action-bar b{color:var(--info);margin-right:auto;font-size:12px}.bulk-action-bar button{padding:7px 11px;font-size:11px}.danger-button{background:var(--danger)!important;color:#fff!important}.auto-upload-toggle{border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-muted);border:0;border:1px solid var(--border);padding:5px 10px;font-size:10px;font-weight:800}.auto-upload-toggle:hover{box-shadow:none;transform:none}.auto-upload-toggle.active{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.translate-toggle.active{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.auto-upload-option input,.select-channel,.select-video,#select-all-channels,#select-all-videos{width:16px;height:16px;accent-color:var(--accent)}.dashboard-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.dashboard-kpis article{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);min-height:112px;transition:border-color var(--ease-fast), box-shadow var(--ease-fast);padding:16px 17px;position:relative}.dashboard-kpis article:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.dashboard-kpis article small{color:var(--text-secondary);margin-top:10px;font-size:11px;display:block}.dashboard-kpis article>b{letter-spacing:-.04em;font-size:26px;font-family:var(--font-mono);color:var(--text-primary);margin-top:4px;display:block}.kpi-icon{border-radius:var(--radius-sm);place-items:center;width:32px;height:32px;display:grid}.kpi-icon.blue{background:var(--info-bg);color:var(--info)}.kpi-icon.green{background:var(--success-bg);color:var(--success)}.kpi-icon.orange{background:var(--warning-bg);color:var(--accent)}.kpi-icon.purple{color:#a78bfa;background:#8b7cf61a}.kpi-icon.red{background:var(--danger-bg);color:var(--danger)}.quick-actions .section-title{margin-bottom:12px}.url-row{grid-template-columns:1fr auto;gap:10px;display:grid}.job-list{gap:6px;display:grid}.job-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;gap:10px;padding:10px 0;font-size:12px;display:grid}.job-row span{color:var(--text-secondary)}.job-row b{font-family:var(--font-mono);font-size:11px}.job-row small{color:var(--text-muted);font-family:var(--font-mono)}.ops-shell{box-shadow:none;background:0 0;border:none;padding:0!important}.ops-head{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:14px;padding:18px 20px}.ops-head h2{font-size:22px}.ops-head span{margin-top:4px;display:block}.ops-actions{align-items:center;gap:8px;display:flex}.ops-grid{grid-template-columns:1.5fr repeat(3,minmax(130px,180px));gap:14px;margin-bottom:14px;display:grid}.compact-rings{grid-template-columns:repeat(3,minmax(130px,170px));justify-content:start}.metric-strip{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric-strip.inline{margin:0 0 14px}.metric-strip div{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:13px 15px}.metric-strip b{font-size:22px;font-family:var(--font-mono);color:var(--text-primary);display:block}.metric-strip span{color:var(--text-secondary);font-size:11px}.scheduler-row{background:var(--accent-dim);border-radius:var(--radius-lg);color:var(--accent-text);border:1px solid #f59e0b2e;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;font-size:12px;display:flex}.queue-action-row{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-secondary);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:10px 14px;font-size:12px;display:flex}.ops-summary-grid{grid-template-columns:1.3fr 1fr;gap:14px;margin-bottom:14px;display:grid}.timeline-card{padding:17px}.timeline-row{border-top:1px solid var(--border);grid-template-columns:37px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.timeline-row:first-of-type{border-top:0}.timeline-icon{border-radius:var(--radius-sm);background:var(--info-bg);width:37px;height:37px;color:var(--info);place-items:center;display:grid}.timeline-copy{gap:3px;display:grid}.timeline-copy b{color:var(--text-primary);font-size:12px}.timeline-copy span,.timeline-copy small{color:var(--text-secondary);font-size:10px}.timeline-row strong{color:var(--accent);font-size:15px;font-family:var(--font-mono)}.bar{background:var(--bg-elevated);border-radius:var(--radius-full);height:4px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--accent), var(--accent-text));border-radius:var(--radius-full);height:100%;transition:width var(--ease-slow);display:block}.video-row-mini{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:8px 0;font-size:11px;display:grid}.video-row-mini b{text-overflow:ellipsis;color:var(--text-primary);font-family:var(--font-mono);font-size:11px;overflow:hidden}.video-row-mini span{color:var(--accent);font-size:10px}.video-row-mini small{color:var(--text-muted);grid-column:1/-1;font-size:10px}.management-table-card{margin-top:14px;overflow:hidden}.management-table-card>.card-header{padding:18px 19px 12px}.card-header h3{margin-bottom:4px}.table-header{align-items:flex-start}.table-tools{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.search-box,.select-box{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);align-items:center;gap:6px;padding:0 9px;display:flex}.search-box input,.select-box select{box-shadow:none;background:0 0;border:0;padding:8px 3px}.search-box input:focus,.select-box select:focus{box-shadow:none}.search-box{min-width:210px}.search-box svg,.select-box svg{color:var(--text-muted);flex-shrink:0}.select-box{min-width:145px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:10px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-primary);padding:10px 12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--bg-elevated)}.starred-row{background:var(--accent-dim)}.starred-row:hover{background:#f59e0b14}.creator-cell{align-items:center;gap:10px;display:flex}.creator-avatar{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), #e67e00);color:#0c0e16;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.creator-cell div{gap:2px;min-width:0;display:grid}.creator-cell small{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;max-width:230px;display:block;overflow:hidden}.creator-cell a{color:var(--info);align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.schedule-control{align-items:center;gap:6px;display:flex}.schedule-control select{min-width:95px;padding:7px}.table-actions{align-items:center;gap:4px;display:flex}.table-progress{align-items:center;gap:7px;display:flex}.table-progress>span{background:var(--bg-elevated);border-radius:var(--radius-full);width:68px;height:5px;overflow:hidden}.table-progress i{background:linear-gradient(90deg, var(--accent), var(--accent-text));height:100%;transition:width var(--ease-slow);display:block}.table-progress b{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.run-crawl{color:var(--info)}.cron-power{color:var(--text-muted)}.cron-power.active{color:var(--success);background:var(--success-bg);border-color:var(--success-border)}.backfill-progress{gap:3px;min-width:145px;display:grid}.cell-error{max-width:190px;color:var(--danger);text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.cell-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:230px;font-size:10px;display:block;overflow:hidden}.add-crawl-modal{width:min(720px,100%)}.add-crawl-modal .modal-header span{color:var(--text-secondary);margin-top:5px;font-size:12px;display:block}.modal-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-form-grid label{gap:5px;display:grid}.modal-form-grid label:first-child{grid-column:1/-1}.modal-form-grid small{color:var(--text-muted);font-size:10px;font-weight:500}.channel-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.option-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);cursor:pointer;transition:all var(--ease-fast);align-items:flex-start;gap:10px;padding:14px;display:flex;position:relative}.option-card:hover{border-color:var(--border-hover)}.option-card.selected{background:var(--accent-dim);border-color:#f59e0b4d;box-shadow:0 0 0 3px #f59e0b0f}.option-card>input{width:17px;height:17px;accent-color:var(--accent);margin-top:2px}.option-card>span{color:var(--text-primary);grid-template-columns:22px 1fr;gap:3px 6px;display:grid}.option-card svg{color:var(--accent);grid-row:1/3}.option-card b{font-size:12px}.option-card small{color:var(--text-secondary);grid-column:2;font-size:10px;line-height:1.45}.creator-user-id{font-family:var(--font-mono)}.account-settings,.video-shelf{position:relative}.video-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.video-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);transition:border-color var(--ease-fast), box-shadow var(--ease-fast);flex-direction:column;display:flex;overflow:hidden}.video-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.video-media-frame{aspect-ratio:9/16;background:#0a0c12;place-items:center;width:100%;display:grid;overflow:hidden}.video-media-frame video{object-fit:contain;background:#0a0c12;width:100%;height:100%;display:block}.video-copy{gap:6px;min-width:0;padding:11px;display:grid}.video-copy b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.video-copy span{color:var(--text-secondary);font-size:11px}.photo-library-gallery{aspect-ratio:1;background:#0a0c12;grid-template-columns:repeat(2,1fr);gap:3px;padding:4px;display:grid}.photo-library-gallery img{object-fit:contain;background:#12151d;border-radius:4px;width:100%;height:100%;min-height:0}.photo-library-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.photo-library-heading b{flex:1}.photo-library-audio{gap:6px;padding-top:3px;display:grid}.photo-library-audio span{color:var(--text-muted);font-size:10px}.photo-library-audio audio{width:100%;height:34px}.photo-library-card .video-copy small{color:var(--text-muted);font-size:10px}.video-cell{align-items:center;gap:10px;display:flex}.video-cell>div{gap:2px;min-width:0;display:grid}.video-cell small{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;max-width:230px;display:block;overflow:hidden}.video-cell b{white-space:nowrap;text-overflow:ellipsis;max-width:210px;font-size:12px;overflow:hidden}.video-thumb{border-radius:var(--radius-sm);color:#fff;background:#0a0c12;flex:none;place-items:center;width:58px;height:42px;display:grid;position:relative;overflow:hidden}.video-thumb video,.video-thumb img{object-fit:cover;opacity:.75;width:100%;height:100%;position:absolute;inset:0}.video-thumb svg{color:#fffc;position:relative}.photo-type-badge{border-radius:var(--radius-full);color:#fff;background:#000000b3;padding:2px 5px;font-size:8px;font-weight:800;position:absolute;bottom:3px;left:3px}.video-error-cell{align-items:center;gap:6px;min-width:150px;display:flex}.video-error-compact{max-width:220px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.35;display:inline-block;overflow:hidden}.video-error-compact.has-error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-sm);padding:4px 7px;font-weight:700}.video-retry-button{border:1px solid var(--info-border);background:var(--info-bg);width:26px;height:26px;color:var(--info);box-shadow:none;border-radius:50%;flex:0 0 26px;place-items:center;padding:0;display:grid}.video-retry-button:hover{color:var(--info);box-shadow:none;background:#3b82f633;transform:rotate(-28deg)}.info-modal{width:min(1080px,100%)}.info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.info-grid>div{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);gap:4px;min-width:0;padding:10px;display:grid}.info-grid span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.info-grid b{overflow-wrap:anywhere;color:var(--text-primary);font-size:12px;font-family:var(--font-mono);font-weight:500}.info-grid .translated-title-info{background:var(--info-bg);border-color:var(--info-border);grid-column:span 2}.info-grid .translated-title-info span{color:var(--info);font-weight:700}.info-grid .translated-title-info b{color:var(--text-primary);font-family:var(--font-sans)}.video-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;margin-bottom:16px;display:grid}.video-compare-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-elevated);min-width:0;padding:12px}.video-compare-panel.translated{border-style:dashed}.video-compare-panel.translated.ready{border-style:solid;border-color:var(--success-border);background:var(--success-bg)}.video-compare-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.video-compare-heading>div{align-items:center;gap:9px;min-width:0;display:flex}.video-compare-heading>div>div{gap:2px;display:grid}.video-compare-heading b{color:var(--text-primary);font-size:13px}.video-compare-heading small{color:var(--text-secondary);font-size:10px}.compare-index{border-radius:var(--radius-sm);background:var(--bg-hover);width:30px;height:30px;color:var(--text-secondary);font:800 10px/1 var(--font-mono);flex:0 0 30px;place-items:center;display:grid}.translated.ready .compare-index{background:var(--success-bg);color:var(--success)}.compare-state{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.compare-state.neutral{background:var(--bg-hover);color:var(--text-secondary)}.compare-state.pending{background:var(--warning-bg);color:var(--accent-text)}.compare-state.success{background:var(--success-bg);color:var(--success)}.video-compare-panel .modal-video-frame{aspect-ratio:9/16;border-radius:var(--radius-md);width:min(100%,252px);height:auto;max-height:none;margin:0 auto}.subtitle-empty{aspect-ratio:9/16;text-align:center;border-radius:var(--radius-md);background:linear-gradient(160deg, var(--bg-elevated), var(--bg-hover));width:min(100%,252px);height:auto;min-height:0;color:var(--text-secondary);place-content:center;justify-items:center;gap:8px;margin:0 auto;padding:24px;display:grid}.subtitle-empty>span{border-radius:var(--radius-lg);background:var(--info-bg);width:52px;height:52px;color:var(--info);place-items:center;font-size:16px;font-weight:900;display:grid;box-shadow:0 8px 24px #3b82f626}.subtitle-empty b{color:var(--text-primary);font-size:13px}.subtitle-empty small{color:var(--text-muted);font-size:10px}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.modal-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:min(860px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);padding:20px;overflow:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.modal-header .icon-button{font-size:22px;line-height:1}.modal-actions{justify-content:flex-end;gap:8px;margin-top:auto;padding-top:12px;display:flex}.upload-modal-content{grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:20px;display:grid}.modal-video-frame{aspect-ratio:9/16;border-radius:var(--radius-lg);background:#0a0c12;place-items:center;width:100%;max-height:68vh;display:grid;overflow:hidden}.modal-video-frame video{object-fit:contain;width:100%;height:100%;display:block}.modal-form{flex-direction:column;gap:8px;display:flex}.modal-form textarea{resize:vertical}.modal-form>small{color:var(--text-muted);font-size:11px}.selected-video-summary{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);gap:4px;margin-bottom:4px;padding:12px;display:grid}.selected-video-summary b{font-size:13px}.selected-video-summary span{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono)}.oauth-ready{margin:5px 0}.inbox-guidance{color:var(--text-secondary);border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);padding:10px;font-size:11px;line-height:1.5}.photo-upload-preview{align-content:start;gap:10px;display:grid}.photo-preview-grid{border-radius:var(--radius-lg);background:#0a0c12;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px;display:grid}.photo-preview-grid img{aspect-ratio:3/4;object-fit:contain;border-radius:var(--radius-sm);background:#12151d;width:100%}.photo-upload-preview audio{width:100%}.photo-upload-preview>small{color:var(--text-muted);font-size:11px}.upload-progress-card{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);gap:7px;padding:10px;display:grid}.upload-progress-card.success{background:var(--success-bg);border-color:var(--success-border)}.upload-progress-card.failed{background:var(--danger-bg);border-color:var(--danger-border)}.upload-progress-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.upload-progress-head>div{gap:2px;display:grid}.upload-progress-head span,.upload-progress-card>small{color:var(--text-muted);font-size:10px}.upload-progress-head strong{color:var(--accent);font-size:16px;font-family:var(--font-mono)}.upload-progress-card.success .upload-progress-head strong{color:var(--success)}.upload-progress-card.failed .upload-progress-head strong{color:var(--danger)}.upload-progress-bar{border-radius:var(--radius-full);background:var(--bg-hover);height:6px;overflow:hidden}.upload-progress-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-text));height:100%;transition:width var(--ease-slow);display:block}.upload-progress-card.success .upload-progress-bar i{background:var(--success)}.upload-progress-card.failed .upload-progress-bar i{background:var(--danger)}.upload-job-error{border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);gap:4px;padding:8px;font-size:11px;display:grid}.upload-job-error code{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:10px}.tiktok-upload-jobs{margin-top:12px}.upload-video-cell{align-items:center;gap:8px;display:flex}.upload-video-cell video{object-fit:contain;border-radius:var(--radius-xs);background:#0a0c12;width:44px;height:56px}.upload-video-cell span{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.upload-table-progress>span{width:110px}.upload-table-progress i.failed{background:var(--danger)}.upload-table-progress i.success{background:var(--success)}.upload-error-compact{white-space:nowrap;text-overflow:ellipsis;max-width:220px;color:var(--danger);font-size:11px;font-weight:700;display:block;overflow:hidden}.tiktok-upload-jobs-table td{min-width:100px}.tiktok-upload-jobs-table td:first-child{min-width:145px}.photo-job-icon{border-radius:var(--radius-full);background:var(--accent-dim);color:var(--accent);padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.account-grid form,.oauth-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);gap:8px;padding:15px;display:grid}.service-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.service-head b{align-items:center;gap:6px;font-size:13px;display:inline-flex}.multi-account-layout{grid-template-columns:minmax(260px,.75fr) minmax(0,1.75fr);align-items:start}.tiktok-account-manager{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);gap:12px;padding:15px;display:grid}.account-grid .add-account-row{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;gap:8px;padding:0;display:grid}.tiktok-account-list{gap:8px;display:grid}.tiktok-account-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.account-avatar{background:var(--accent-dim);width:36px;height:36px;color:var(--accent);border-radius:11px;place-items:center;font-weight:800;display:grid}.account-identity{gap:3px;min-width:0;display:grid}.account-identity>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.account-identity small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-identity .connected,.account-identity .disconnected,.default-badge{width:fit-content;font-size:10px;font-weight:700}.account-identity .connected{color:var(--success)}.account-identity .disconnected{color:var(--text-muted)}.default-badge{border-radius:var(--radius-full);background:var(--accent-dim);color:var(--accent);padding:2px 6px}.account-actions{align-items:center;gap:6px;display:flex}.account-actions button{white-space:nowrap}.account-email-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:4px;display:grid}.account-email-row input{min-width:0;height:32px;padding:5px 8px;font-size:11px}.account-email-row .icon-button{width:32px;height:32px}.account-route-select{min-width:145px;max-width:190px}@media (width<=1200px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.ops-grid{grid-template-columns:1.4fr repeat(3,130px)}.account-grid{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:stretch}.table-tools{justify-content:flex-start}}@media (width<=900px){.app-sidebar{border-radius:var(--radius-xl);flex-direction:row;width:calc(100% - 16px);height:58px;padding:10px 14px;top:8px;bottom:auto;left:8px}.sidebar-logo{width:38px;height:38px;margin:0 10px 0 0}.nav-icon{width:38px;height:38px}.sidebar-status{margin:0 0 0 auto}.page-shell{width:100%;margin:74px 0 0;padding:16px}.ops-grid,.ops-summary-grid{grid-template-columns:1fr}.progress-ring{display:none}.scheduler-row{flex-direction:column;align-items:stretch}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.topbar{flex-direction:column;align-items:flex-start}.status-line{width:100%}.upload-modal-content,.video-compare-grid{grid-template-columns:1fr}.video-compare-panel .modal-video-frame{max-width:100%;margin:0 auto}.modal-video-frame{max-width:280px;margin:auto}.info-grid{grid-template-columns:repeat(2,1fr)}.modal-form-grid,.channel-options{grid-template-columns:1fr}.modal-form-grid label:first-child{grid-column:auto}.pagination{flex-direction:column;align-items:flex-start}.pagination>div{align-self:flex-end}}@media (width<=620px){.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-kpis article{min-height:100px}.topbar h1{font-size:22px}.metric-strip,.url-row{grid-template-columns:1fr}.card{padding:15px}.ops-head{flex-direction:column;align-items:flex-start}.table-tools{display:grid}.search-box,.select-box{min-width:0}.account-grid,.account-grid .add-account-row,.tiktok-account-card{grid-template-columns:1fr}.account-avatar{display:none}.account-actions{justify-content:space-between}.modal-backdrop{padding:8px}.modal-card{max-height:calc(100vh - 16px);padding:15px}.info-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}