:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-card: #21242f;--bg-hover: #2a2d3a;--text-primary: #e4e6ed;--text-secondary: #8b8fa3;--accent: #6366f1;--accent-hover: #818cf8;--green: #22c55e;--red: #ef4444;--orange: #f59e0b;--blue: #3b82f6;--border: #2e3140;--sidebar-width: 240px;--radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);padding:1.5rem 0;position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column}.sidebar .logo{padding:0 1.5rem 1.5rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.sidebar .logo h1{font-size:1.25rem;font-weight:700}.sidebar nav{display:flex;flex-direction:column;gap:2px;padding:0 .75rem}.sidebar nav a{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s}.sidebar nav a:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar nav a.active{background:var(--accent);color:#fff}.main-content{margin-left:var(--sidebar-width);flex:1;padding:2rem;min-height:100vh}.page h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.page h3{font-size:1.125rem;font-weight:600;margin:1.5rem 0 1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-card .label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-card .value{font-size:1.75rem;font-weight:700;margin-top:.25rem}.stat-card .value.green{color:var(--green)}.stat-card .value.red{color:var(--red)}.stat-card .value.orange{color:var(--orange)}.stat-card .value.blue{color:var(--blue)}.data-table{width:100%;border-collapse:collapse;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.data-table th,.data-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem}.data-table th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.pending{background:#374151;color:#9ca3af}.badge.crawling,.badge.generating,.badge.running{background:#1e3a5f;color:#60a5fa}.badge.completed{background:#14532d;color:#4ade80}.badge.failed{background:#7f1d1d;color:#fca5a5}.badge.cancelled{background:#78350f;color:#fbbf24}.badge.skipped{background:#3f3f46;color:#a1a1aa}.queue-action{background:none;border:none;color:#71717a;cursor:pointer;font-size:1rem;padding:0 .3rem;line-height:1}.queue-action:hover{color:#ef4444}.btn.danger{background:#7f1d1d;color:#fca5a5}.btn.danger:hover{background:#991b1b}.btn.primary{background:#1e3a5f;color:#93c5fd}.btn.primary:hover{background:#1e40af}.badge.passed{background:#14532d;color:#4ade80}.badge.error{background:#7f1d1d;color:#fca5a5}.badge.skipped{background:#78350f;color:#fcd34d}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .15s}.btn:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger{background:transparent;border-color:var(--red);color:var(--red)}.btn.danger:hover{background:var(--red);color:#fff}.btn.sm{padding:.3rem .6rem;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.3rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);padding:1.5rem;width:90%;max-width:520px;max-height:85vh;overflow-y:auto}.modal h3{margin-bottom:1rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.video-player{margin-bottom:1.5rem}.video-player video{width:100%;border-radius:var(--radius);border:1px solid var(--border);background:#000}.video-placeholder{background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius);padding:3rem;text-align:center;color:var(--text-secondary);margin-bottom:1.5rem}.export-menu{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.run-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.run-header h2{margin-bottom:0}.run-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.run-meta .meta-item{background:var(--bg-card);border:1px solid var(--border);padding:.75rem 1rem;border-radius:var(--radius)}.run-meta .meta-item .meta-label{font-size:.75rem;color:var(--text-secondary)}.run-meta .meta-item .meta-value{font-size:.95rem;font-weight:600}.toolbar{display:flex;gap:.5rem;margin-bottom:1.5rem;align-items:center}.toolbar .spacer{flex:1}.loading{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary);background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius)}.queue-widget{margin-top:auto;border-top:1px solid var(--border);padding:.75rem}.queue-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:600;margin-bottom:.5rem;padding:0 .25rem}.queue-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .25rem;border-radius:var(--radius);font-size:.8rem}.queue-item.active{background:#6366f11a}.queue-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.queue-dot.running{background:var(--green);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.queue-pos{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;border-radius:50%;background:var(--bg-hover);color:var(--text-secondary);flex-shrink:0}.queue-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.queue-link{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:.75rem}.queue-link:hover{color:var(--accent)}.queue-url{font-size:.65rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge.sm{font-size:.6rem;padding:.1rem .4rem}.badge.queued{background:#374151;color:#9ca3af}.text-sm{font-size:.8rem}.text-secondary{color:var(--text-secondary)}.mt-1{margin-top:.5rem}.link{color:var(--accent);text-decoration:none}.link:hover{color:var(--accent-hover);text-decoration:underline}.debug-toggle{position:fixed;bottom:1rem;right:1rem;z-index:200;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:.4rem .8rem;border-radius:var(--radius);font-size:.8rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;cursor:pointer;transition:all .15s}.debug-toggle:hover{border-color:var(--accent);color:var(--text-primary)}.debug-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.debug-console{position:fixed;bottom:0;left:var(--sidebar-width);right:0;z-index:150;background:#0a0c12eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);display:flex;flex-direction:column;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.78rem;line-height:1.5}.debug-resize{height:4px;cursor:ns-resize;background:transparent;transition:background .15s}.debug-resize:hover{background:var(--accent)}.debug-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;background:#0f1117f2;border-bottom:1px solid var(--border);flex-shrink:0}.debug-title{color:var(--text-secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.debug-actions{display:flex;gap:.3rem}.debug-actions button{background:none;border:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer;padding:.15rem .4rem;border-radius:4px;font-family:inherit}.debug-actions button:hover{color:var(--text-primary);background:var(--bg-hover)}.debug-filters{display:flex;gap:.25rem}.debug-filter-btn{background:none;border:1px solid transparent;color:var(--text-secondary);font-size:.68rem;font-family:inherit;cursor:pointer;padding:.15rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;transition:all .15s}.debug-filter-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.debug-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.debug-body{flex:1;overflow-y:auto;padding:.4rem .75rem;scroll-behavior:smooth}.debug-line{display:flex;gap:.6rem;padding:1px 0;font-size:.77rem;line-height:1.55}.log-ts{color:#3f4657;flex-shrink:0;-webkit-user-select:none;user-select:none}.log-lvl{flex-shrink:0;width:4ch;font-weight:700;text-align:right}.lvl-debug{color:#4b5563}.lvl-info{color:#34d399}.lvl-warning{color:#fbbf24}.lvl-error,.lvl-critical{color:#f87171}.log-msg{color:#c4c4ce;white-space:pre-wrap;word-break:break-word;min-width:0}.debug-body::-webkit-scrollbar{width:6px}.debug-body::-webkit-scrollbar-track{background:transparent}.debug-body::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.debug-body::-webkit-scrollbar-thumb:hover{background:#555}.settings-section{margin-bottom:2rem}.danger-zone{background:var(--bg-card);border:1px solid var(--red);border-radius:var(--radius);padding:1.25rem}.danger-item{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.danger-desc{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.confirm-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.confirm-label{font-size:.85rem;font-weight:600;color:var(--red)}.settings-message{margin-top:1rem;padding:.6rem 1rem;border-radius:var(--radius);font-size:.85rem}.settings-message.success{background:#14532d;color:#4ade80;border:1px solid #166534}.settings-message.error{background:#7f1d1d;color:#fca5a5;border:1px solid #991b1b}