:root{--bg-primary: #111118;--bg-secondary: #18181f;--bg-card: #1e1e28;--bg-card-hover: #252530;--bg-input: #252530;--border-color: #2e2e3a;--border-focus: #7c6be4;--text-primary: #ececf1;--text-secondary: #a1a1aa;--text-muted: #63637a;--accent: #7c6be4;--accent-hover: #9083ed;--accent-subtle: rgba(124, 107, 228, .12);--success: #34d399;--success-subtle: rgba(52, 211, 153, .12);--warning: #fbbf24;--warning-subtle: rgba(251, 191, 36, .12);--danger: #f87171;--danger-subtle: rgba(248, 113, 113, .12);--info: #60a5fa;--info-subtle: rgba(96, 165, 250, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .25);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .3);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--transition: .15s ease;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;color-scheme:dark}[data-theme=light]{--bg-primary: #f8f9fb;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f3f4f6;--bg-input: #f3f4f6;--border-color: #e2e4e9;--border-focus: #7c6be4;--text-primary: #111118;--text-secondary: #555566;--text-muted: #9393a5;--accent-subtle: rgba(124, 107, 228, .08);--success-subtle: rgba(16, 185, 129, .08);--warning-subtle: rgba(202, 138, 4, .08);--danger-subtle: rgba(220, 38, 38, .08);--info-subtle: rgba(37, 99, 235, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background var(--transition),color var(--transition)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px 0;flex-shrink:0;transition:background var(--transition),border-color var(--transition)}.sidebar-logo{padding:0 20px 20px;border-bottom:1px solid var(--border-color);margin-bottom:8px}.sidebar-logo h1{font-size:1.1rem;font-weight:700;color:var(--accent)}.sidebar-logo span{font-size:.7rem;color:var(--text-muted);display:block;margin-top:2px}.sidebar nav{flex:1;padding:0 10px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all var(--transition);margin-bottom:2px}.nav-link:hover{background:var(--accent-subtle);color:var(--text-primary)}.nav-link.active{background:var(--accent-subtle);color:var(--accent)}.nav-link .icon{display:flex;align-items:center;width:20px;flex-shrink:0}.sidebar-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.theme-toggle-btn,.logout-btn{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-family:var(--font);transition:all var(--transition);display:flex;align-items:center;justify-content:center;gap:6px}.theme-toggle-btn:hover{border-color:var(--accent);color:var(--accent)}.logout-btn:hover{border-color:var(--danger);color:var(--danger)}.main-content{flex:1;overflow-y:auto;padding:28px 36px;transition:background var(--transition)}.page-header{margin-bottom:28px}.page-header h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.page-header p{color:var(--text-secondary);font-size:.85rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;transition:all var(--transition)}.card:hover{border-color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--border-color))}.card-title{font-size:.9rem;font-weight:600;margin-bottom:14px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;gap:14px;transition:all var(--transition)}.stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.stat-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.purple{background:var(--accent-subtle);color:var(--accent)}.stat-icon.green{background:var(--success-subtle);color:var(--success)}.stat-icon.amber{background:var(--warning-subtle);color:var(--warning)}.stat-icon.blue{background:var(--info-subtle);color:var(--info)}.stat-value{font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:2px}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0}th{text-align:left;padding:10px 14px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color)}td{padding:12px 14px;font-size:.85rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);transition:background var(--transition)}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--accent-subtle)}tbody tr:hover td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}tbody tr:hover td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.col-status{width:100px;min-width:100px}.col-actions{width:140px;min-width:140px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:16px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge.success{background:var(--success-subtle);color:var(--success)}.badge.running{background:var(--warning-subtle);color:var(--warning);animation:pulse-badge 2s ease-in-out infinite}.badge.pending{background:#63637a1f;color:var(--text-muted)}.badge.failed{background:var(--danger-subtle);color:var(--danger)}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-size:.825rem;font-weight:500;cursor:pointer;border:none;transition:all var(--transition);font-family:var(--font)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--accent);color:var(--text-primary)}.btn-danger{background:var(--danger-subtle);color:var(--danger);border:1px solid transparent}.btn-danger:hover{background:#f8717133}.btn-success{background:var(--success-subtle);color:var(--success);border:1px solid transparent}.btn-success:hover{background:#34d39933}.btn-sm{padding:5px 10px;font-size:.775rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:5px;font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-control{width:100%;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;font-family:var(--font);transition:all var(--transition)}.form-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-subtle)}.form-control::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;gap:10px;margin-top:20px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.login-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-lg);animation:fadeSlideUp .35s ease}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-card h1{font-size:1.35rem;font-weight:700;text-align:center;margin-bottom:4px;color:var(--accent)}.login-card .subtitle{text-align:center;color:var(--text-muted);font-size:.8rem;margin-bottom:28px}.login-card .btn-primary{width:100%;justify-content:center;padding:10px}.error-message{background:var(--danger-subtle);border:1px solid rgba(248,113,113,.25);border-radius:var(--radius-sm);padding:8px 12px;color:var(--danger);font-size:.8rem;margin-bottom:14px;animation:shake .25s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.success-message{background:var(--success-subtle);border:1px solid rgba(52,211,153,.25);border-radius:var(--radius-sm);padding:8px 12px;color:var(--success);font-size:.8rem;margin-bottom:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;width:90%;max-width:540px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:scaleIn .15s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal h3{font-size:1.1rem;font-weight:600;margin-bottom:18px}.settings-grid{display:grid;gap:20px}.settings-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:22px}.settings-section h3{font-size:.95rem;font-weight:600;margin-bottom:18px;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.toggle-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.toggle{position:relative;width:40px;height:22px;cursor:pointer}.toggle input{display:none}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-input);border-radius:11px;border:1px solid var(--border-color);transition:all var(--transition)}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--text-muted);top:2px;left:2px;transition:all var(--transition)}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(18px);background:#fff}.class-config{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:14px;margin-bottom:10px}.class-config-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.require-delete-item{background:var(--danger-subtle);border:1px solid rgba(248,113,113,.15);border-radius:var(--radius-sm);padding:10px;margin-top:8px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state .icon-empty{margin-bottom:10px;opacity:.4}.empty-state p{font-size:.85rem;margin-bottom:14px}.summary-bar{background:var(--accent-subtle);border:1px solid rgba(124,107,228,.2);border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:center;gap:24px;margin-bottom:20px;font-size:.85rem}.summary-bar .summary-item{display:flex;flex-direction:column;gap:2px}.summary-bar .summary-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.summary-bar .summary-value{font-size:1.1rem;font-weight:700;color:var(--accent)}.code-tag{background:var(--bg-input);padding:2px 7px;border-radius:4px;font-size:.78rem;font-family:SF Mono,Fira Code,monospace}.class-tag{background:var(--bg-input);padding:2px 7px;border-radius:4px;font-size:.78rem;margin-right:4px;display:inline-block;margin-bottom:2px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.sidebar{width:180px}.main-content{padding:16px}.stats-grid,.form-row{grid-template-columns:1fr}}