:root{--bg-dark: #0b0f19;--bg-card: rgba(17, 24, 39, .7);--bg-card-hover: rgba(30, 41, 59, .8);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(59, 130, 246, .3);--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #8b5cf6;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.12) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.1) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(6,182,212,.08) 0px,transparent 50%);background-attachment:fixed;color:var(--text-main);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a99}::-webkit-scrollbar-thumb{background:#334155cc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0f172abf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:.75rem}.brand-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 20px #3b82f666}.brand-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:.75rem;color:var(--text-muted)}.nav-tabs{display:flex;gap:.5rem;background:#1e293b80;padding:.25rem;border-radius:12px;border:1px solid var(--border-color)}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-tab:hover{color:var(--text-main);background:#ffffff0d}.nav-tab.active{background:linear-gradient(135deg,#3b82f640,#06b6d440);color:#fff;border:1px solid rgba(59,130,246,.4);box-shadow:0 4px 12px #3b82f626}.status-pill{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:20px;font-size:.8rem;font-weight:600;background:#0f172acc;border:1px solid var(--border-color)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background-color:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald);animation:pulse 2s infinite}.status-dot.syncing{background-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan);animation:pulse 1s infinite}.status-dot.error{background-color:var(--accent-rose);box-shadow:0 0 10px var(--accent-rose)}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.15);opacity:1}to{transform:scale(.95);opacity:.8}}.main-content,.app-content{flex:1;padding:1.75rem 2rem;max-width:1560px;margin:0 auto;width:100%}@media (max-width: 768px){.navbar{padding:.875rem 1rem}.main-content,.app-content{padding:1.25rem 1rem}}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;transition:border-color .2s ease,transform .2s ease}.glass-card:hover{border-color:var(--border-glow)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.metric-card{display:flex;align-items:center;gap:1.25rem}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.metric-icon.blue{background:#3b82f626;color:var(--accent-blue)}.metric-icon.cyan{background:#06b6d426;color:var(--accent-cyan)}.metric-icon.emerald{background:#10b98126;color:var(--accent-emerald)}.metric-icon.amber{background:#f59e0b26;color:var(--accent-amber)}.metric-icon.rose{background:#f43f5e26;color:var(--accent-rose)}.metric-icon.purple{background:#8b5cf626;color:var(--accent-purple)}.metric-value{font-size:1.5rem;font-weight:700;color:#fff;font-family:var(--font-mono)}.metric-label{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.progress-bar-bg{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-cyan));border-radius:4px;transition:width .3s ease;box-shadow:0 0 12px var(--accent-cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:#fff;box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.btn-secondary{background:#1e293bcc;color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background:#334155cc;border-color:var(--text-muted)}.btn-danger{background:#f43f5e26;color:var(--accent-rose);border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e40}.btn-sm{padding:.4rem .8rem;font-size:.75rem;border-radius:8px}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:20px;font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.badge-completed{background:#10b98126;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.3)}.badge-downloading{background:#06b6d426;color:var(--accent-cyan);border:1px solid rgba(6,182,212,.3)}.badge-pending{background:#f59e0b26;color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.badge-failed{background:#f43f5e26;color:var(--accent-rose);border:1px solid rgba(244,63,94,.3)}.badge-paused{background:#9ca3af26;color:var(--text-muted);border:1px solid rgba(156,163,175,.3)}.table-container{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}table.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}table.data-table th{background:#0f172ae6;padding:1rem 1.25rem;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}table.data-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle}table.data-table tr:hover{background:#1e293b66}.mono-text{font-family:var(--font-mono);font-size:.8rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-label{font-size:.85rem;font-weight:600;color:var(--text-main)}.form-help{font-size:.75rem;color:var(--text-muted)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:#0f172ab3;border:1px solid var(--border-color);border-radius:10px;color:#fff;font-family:var(--font-sans);font-size:.9rem;outline:none;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f633}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.log-terminal{background:#05070d;border:1px solid var(--border-color);border-radius:12px;padding:1rem;font-family:var(--font-mono);font-size:.825rem;max-height:550px;overflow-y:auto;color:#d1d5db}.log-entry{display:flex;gap:1rem;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.log-entry.INFO .log-level{color:var(--accent-cyan)}.log-entry.WARN .log-level{color:var(--accent-amber)}.log-entry.ERROR .log-level{color:var(--accent-rose)}