:root[data-theme=light]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--bg-hover: #f8f9fa;--bg-code: #f5f5f5;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #dddddd;--border-light: #e9ecef;--shadow: rgba(0,0,0,.1);--shadow-md: rgba(0,0,0,.15);--card-bg: #ffffff;--error-bg: #f8d7da;--error-text: #721c24;--error-border: #f5c6cb;--warning-bg: #fff3cd;--warning-text: #856404;--warning-border: #ffeaa7;--success-bg: #d4edda;--success-text: #155724;--prism-bg: #f5f5f5;--prism-border: #dddddd}:root[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--bg-hover: #3a3a3a;--bg-code: #2d2d2d;--text-primary: #e4e4e4;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #404040;--border-light: #383838;--shadow: rgba(0,0,0,.3);--shadow-md: rgba(0,0,0,.5);--card-bg: #2d2d2d;--error-bg: #3d1e1e;--error-text: #f5c6cb;--error-border: #5a2a2a;--warning-bg: #3d3416;--warning-text: #ffeaa7;--warning-border: #5a4d1f;--success-bg: #1e3d1e;--success-text: #90ee90;--prism-bg: #2d2d2d;--prism-border: #404040}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}code{font-family:Courier New,Courier,monospace}#root{min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:0 20px}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-queued{background-color:#ffc107;color:#000}.badge-processing{background-color:#17a2b8;color:#fff}.badge-completed{background-color:#28a745;color:#fff}.badge-failed{background-color:#dc3545;color:#fff}.card{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 4px var(--shadow);padding:20px;margin-bottom:20px;transition:background-color .3s ease,box-shadow .3s ease}.loading{text-align:center;padding:40px;color:var(--text-secondary)}.error{background-color:var(--error-bg);color:var(--error-text);padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid var(--error-border)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border-color)}th{background-color:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}tr:hover{background-color:var(--bg-hover);cursor:pointer}pre{background:var(--prism-bg);border:1px solid var(--prism-border);border-radius:4px;padding:16px;overflow-x:auto;font-size:14px;line-height:1.5}code{background:var(--bg-code);padding:2px 6px;border-radius:3px;font-size:90%}.log-timestamp{color:var(--text-tertiary);font-weight:500}.log-level-error{color:#dc3545;font-weight:700}.log-level-warn{color:#ffc107;font-weight:700}.log-level-info{color:#17a2b8;font-weight:600}.log-level-debug{color:var(--text-tertiary);font-weight:500}.log-path{color:#20c997;font-style:italic}:root[data-theme=dark] .log-level-warn{color:#ffeb3b}:root[data-theme=dark] .log-level-info{color:#4dd0e1}:root[data-theme=dark] .log-path{color:#26c6da}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}:root[data-theme=light] .token.comment,:root[data-theme=light] .token.prolog,:root[data-theme=light] .token.doctype,:root[data-theme=light] .token.cdata{color:#708090;font-style:italic}:root[data-theme=light] .token.punctuation{color:#999}:root[data-theme=light] .token.property,:root[data-theme=light] .token.tag,:root[data-theme=light] .token.boolean,:root[data-theme=light] .token.number,:root[data-theme=light] .token.constant,:root[data-theme=light] .token.symbol,:root[data-theme=light] .token.deleted{color:#905}:root[data-theme=light] .token.selector,:root[data-theme=light] .token.attr-name,:root[data-theme=light] .token.string,:root[data-theme=light] .token.char,:root[data-theme=light] .token.builtin,:root[data-theme=light] .token.inserted{color:#690}:root[data-theme=light] .token.operator,:root[data-theme=light] .token.entity,:root[data-theme=light] .token.url,:root[data-theme=light] .language-css .token.string,:root[data-theme=light] .style .token.string{color:#9a6e3a}:root[data-theme=light] .token.atrule,:root[data-theme=light] .token.attr-value,:root[data-theme=light] .token.keyword{color:#07a}:root[data-theme=light] .token.function,:root[data-theme=light] .token.class-name{color:#dd4a68}:root[data-theme=light] .token.regex,:root[data-theme=light] .token.important,:root[data-theme=light] .token.variable{color:#e90}:root[data-theme=dark] .token.comment,:root[data-theme=dark] .token.prolog,:root[data-theme=dark] .token.doctype,:root[data-theme=dark] .token.cdata{color:#7c7c7c;font-style:italic}:root[data-theme=dark] .token.punctuation{color:#c5c8c6}:root[data-theme=dark] .token.property,:root[data-theme=dark] .token.tag,:root[data-theme=dark] .token.boolean,:root[data-theme=dark] .token.number,:root[data-theme=dark] .token.constant,:root[data-theme=dark] .token.symbol,:root[data-theme=dark] .token.deleted{color:#f07178}:root[data-theme=dark] .token.selector,:root[data-theme=dark] .token.attr-name,:root[data-theme=dark] .token.string,:root[data-theme=dark] .token.char,:root[data-theme=dark] .token.builtin,:root[data-theme=dark] .token.inserted{color:#c3e88d}:root[data-theme=dark] .token.operator,:root[data-theme=dark] .token.entity,:root[data-theme=dark] .token.url,:root[data-theme=dark] .language-css .token.string,:root[data-theme=dark] .style .token.string{color:#89ddff}:root[data-theme=dark] .token.atrule,:root[data-theme=dark] .token.attr-value,:root[data-theme=dark] .token.keyword{color:#c792ea}:root[data-theme=dark] .token.function,:root[data-theme=dark] .token.class-name{color:#82aaff}:root[data-theme=dark] .token.regex,:root[data-theme=dark] .token.important,:root[data-theme=dark] .token.variable{color:#f78c6c}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-]{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)}code[class*=language-]{color:var(--text-primary)}