:root{--bg-primary: #192a3e;--bg-secondary: #1e3148;--bg-card: #243447;--bg-card-hover: #2a3d52;--bg-sidebar: #1a2332;--bg-input: rgba(255, 255, 255, .06);--bg-terminal: #151f2b;--bg-topbar: #1e3148;--border-subtle: rgba(255, 255, 255, .06);--border-accent: rgba(255, 255, 255, .1);--border-glow: rgba(255, 255, 255, .08);--text-primary: #e4e8ee;--text-secondary: #a0aec0;--text-muted: #6b7a8d;--accent-teal: #31cab0;--accent-purple: #a78bfa;--accent-blue: #6366f1;--accent-green: #31cab0;--accent-red: #fc5c65;--accent-amber: #f7b731;--accent-pink: #e056a0;--accent-orange: #fd9644;--accent-gold: #f7d794;--accent-cyan: #31cab0;--gradient-primary: linear-gradient(135deg, #31cab0, #26a69a);--gradient-sidebar: linear-gradient(180deg, #1a2332 0%, #192a3e 100%);--gradient-card: none;--gradient-success: linear-gradient(135deg, #31cab0, #26a69a);--gradient-danger: linear-gradient(135deg, #fc5c65, #e056a0);--glass-bg: #243447;--glass-border: rgba(255, 255, 255, .06);--glass-blur: none;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .25);--shadow-glow-cyan: none;--shadow-glow-purple: none;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sidebar-width: 220px;--topbar-height: 56px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 16px;--radius-full: 50%}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden;height:100vh}#root{height:100vh;display:flex}a{color:var(--accent-teal);text-decoration:none}a:hover{color:var(--accent-purple)}.app-layout{display:flex;width:100%;height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{padding:16px 14px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;overflow:hidden}.sidebar-logo .logo-img{width:100%;max-width:180px;height:auto;object-fit:contain}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:14px 10px 6px;font-weight:600}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.92rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none;text-decoration:none}.nav-link:hover{background:#ffffff0a;color:var(--text-primary)}.nav-link.active{background:#31cab014;color:var(--accent-teal);border-left:3px solid var(--accent-teal);padding-left:9px}.nav-link .nav-icon{width:18px;height:18px;opacity:.6;flex-shrink:0}.nav-link.active .nav-icon{opacity:1}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px}.sidebar-footer-row{display:flex;align-items:center;gap:10px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 6px #31cab066;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.sidebar-footer span{font-size:.75rem;color:var(--text-muted)}.lang-toggle{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;background:#ffffff0a;border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);width:fit-content}.lang-toggle:hover{border-color:var(--border-accent);background:#ffffff14}.lang-toggle svg{width:14px;height:14px;color:var(--text-muted)}.lang-option{font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.03em;transition:color var(--transition-fast)}.lang-option.active{color:var(--accent-teal)}.lang-divider{font-size:.7rem;color:var(--text-muted);opacity:.4}.main-content{flex:1;margin-left:var(--sidebar-width);overflow-y:auto;padding:28px 32px;background:var(--bg-primary);min-height:100vh}.page-header{margin-bottom:24px}.page-header h2{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-bottom:2px;color:var(--text-primary)}.page-header p{color:var(--text-muted);font-size:.85rem}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;transition:all var(--transition-base);position:relative}.card:before{display:none}.card:hover{border-color:var(--border-accent)}.card-title{font-size:.85rem;text-transform:none;letter-spacing:0;color:var(--text-primary);font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px}.card-title svg{width:16px;height:16px;color:var(--text-muted)}.card-subtitle{font-size:.75rem;color:var(--text-muted);font-weight:400;margin-top:2px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px 18px;display:flex;align-items:center;gap:16px;transition:all var(--transition-base)}.metric-card:hover{transform:none;border-color:var(--border-accent)}.metric-card .metric-icon{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-card .metric-icon.cyan{background:#31cab026;color:var(--accent-teal)}.metric-card .metric-icon.green{background:#31cab026;color:var(--accent-green)}.metric-card .metric-icon.red{background:#fc5c6526;color:var(--accent-red)}.metric-card .metric-icon.purple{background:#a78bfa26;color:var(--accent-purple)}.metric-card .metric-icon.amber{background:#f7b73126;color:var(--accent-amber)}.metric-card .metric-content{flex:1}.metric-value{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:2px;color:var(--text-primary)}.metric-label{font-size:.78rem;color:var(--text-muted);font-weight:400}.metric-label-inline{font-size:.85rem;font-weight:400;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-teal);color:#fff}.btn-primary:hover:not(:disabled){background:#28b89e;transform:translateY(-1px)}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){border-color:var(--border-accent);background:#ffffff1a}.btn-danger{background:#fc5c6526;color:var(--accent-red);border:1px solid rgba(252,92,101,.3)}.btn-sm{padding:6px 12px;font-size:.8rem}.upload-zone{border:2px dashed rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:36px 24px;text-align:center;cursor:pointer;transition:all var(--transition-base);background:#ffffff05}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent-teal);background:#31cab00a}.upload-zone .upload-icon{width:44px;height:44px;margin:0 auto 10px;color:var(--accent-teal);opacity:.5}.upload-zone p{color:var(--text-muted);font-size:.85rem}.upload-zone .file-name{color:var(--accent-teal);font-weight:600;margin-top:6px;font-size:.85rem}.toggle-group{display:flex;align-items:center;gap:10px;margin:8px 0}.toggle{position:relative;width:40px;height:22px;background:#ffffff1a;border-radius:11px;cursor:pointer;border:none;transition:all var(--transition-fast)}.toggle.active{background:var(--accent-teal)}.toggle .toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--transition-fast)}.toggle.active .toggle-knob{transform:translate(18px)}.toggle-label{font-size:.85rem;color:var(--text-secondary)}.toggle-group.disabled{opacity:.4;cursor:not-allowed}.toggle.disabled{cursor:not-allowed;pointer-events:none}.toggle-group.disabled .toggle-label{cursor:not-allowed}.log-viewer{background:var(--bg-terminal);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.78rem;line-height:1.7;padding:14px;max-height:400px;overflow-y:auto;color:var(--text-secondary)}.log-viewer::-webkit-scrollbar{width:5px}.log-viewer::-webkit-scrollbar-track{background:transparent}.log-viewer::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.log-line{padding:1px 0;white-space:pre-wrap;word-break:break-all}.log-line.INFO{color:var(--accent-teal)}.log-line.WARNING{color:var(--accent-amber)}.log-line.ERROR{color:var(--accent-red)}.log-line.SUCCESS{color:var(--accent-green)}.log-empty{color:var(--text-muted);text-align:center;padding:36px;font-style:italic}.data-table-wrapper{overflow-x:auto;border-radius:var(--radius-md)}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;padding:10px 14px;background:#ffffff08;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.data-table td{padding:9px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#ffffff08}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge.success{background:#31cab026;color:var(--accent-green)}.badge.failed{background:#fc5c6526;color:var(--accent-red)}.badge.running{background:#a78bfa26;color:var(--accent-purple);animation:pulse-badge 1.5s ease-in-out infinite}.badge.pending{background:#f7b73126;color:var(--accent-amber)}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.form-group{margin-bottom:14px}.form-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.04em}.form-input,.form-select{width:100%;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;transition:all var(--transition-fast);outline:none}.form-input:focus,.form-select:focus{border-color:var(--accent-teal);box-shadow:0 0 0 2px #a78bfa1f}.form-input::placeholder{color:var(--text-muted)}.filters-bar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;align-items:end}.filters-bar .form-group{margin-bottom:0;flex:1;min-width:140px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.pagination-info{font-size:.78rem;color:var(--text-muted)}.pagination-controls{display:flex;gap:4px}.pagination-controls button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-family:var(--font-sans);transition:all var(--transition-fast)}.pagination-controls button:hover:not(:disabled){border-color:var(--accent-teal);color:var(--accent-teal)}.pagination-controls button.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal)}.pagination-controls button:disabled{opacity:.3;cursor:not-allowed}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .25s ease-out}.notification-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notif-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.notif-icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.notif-icon.enabled{background:#31cab026;color:var(--accent-green)}.notif-icon.disabled{background:#ffffff0f;color:var(--text-muted)}.notif-info h4{font-size:.9rem;font-weight:600;margin-bottom:2px}.notif-info p{font-size:.75rem;color:var(--text-muted)}.empty-state{text-align:center;padding:50px 20px;color:var(--text-muted)}.empty-state svg{width:44px;height:44px;margin-bottom:14px;opacity:.3}.empty-state h3{font-size:1rem;margin-bottom:6px;color:var(--text-secondary)}.empty-state p{font-size:.85rem}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}