@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";:root,[data-theme=dark]{--bg:#09090b;--bg-elevated:#0f0f12;--surface:#1c1c20;--panel:#18181b;--panel-hover:#1e1e23;--border:#27272a;--border-focus:#3b82f6;--text:#fafafa;--text-secondary:#a1a1aa;--muted:#71717a;--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f626;--success:#10b981;--success-glow:#10b98126;--warning:#f59e0b;--warning-glow:#f59e0b26;--danger:#ef4444;--danger-glow:#ef444426;--purple:#8b5cf6;--glass:#18181bb3;--radius:12px;--radius-sm:8px;--radius-xs:6px;--shadow:0 4px 30px #00000080;--transition:.2s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg:#f4f4f5;--bg-elevated:#fff;--surface:#fff;--panel:#fff;--panel-hover:#f0f0f2;--border:#d4d4d8;--border-focus:#3b82f6;--text:#18181b;--text-secondary:#52525b;--muted:#71717a;--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f61a;--success:#059669;--success-glow:#0596691a;--warning:#d97706;--warning-glow:#d977061a;--danger:#dc2626;--danger-glow:#dc26261a;--purple:#7c3aed;--glass:#fffc;--shadow:0 4px 20px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.app-root{max-width:1400px;min-height:100vh;margin:0 auto;padding:1.5rem 2rem}.login-page{background-color:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow), 0 0 80px #3b82f60d;border-radius:20px;padding:3rem}.login-card h1{color:var(--primary);text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.login-card .subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:.875rem}.login-card .error-box{background:var(--danger-glow);border:1px solid var(--danger);border-radius:var(--radius-sm);color:#fca5a5;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.login-card .success-box{background:var(--success-glow);border:1px solid var(--success);border-radius:var(--radius-sm);color:#6ee7b7;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.login-card .toggle-link{text-align:center;color:var(--primary);cursor:pointer;transition:var(--transition);margin-top:1.25rem;font-size:.875rem;text-decoration:none;display:block}.login-card .toggle-link:hover{color:var(--purple)}.password-rules{color:var(--muted);margin-top:.25rem;font-size:.75rem;line-height:1.5}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.logo{color:var(--primary);white-space:nowrap;font-size:1.5rem;font-weight:800}.header-right{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.status-pill{background:var(--panel);border:1px solid var(--border);white-space:nowrap;border-radius:99px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.8rem;font-weight:500;display:flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot.idle{background:var(--success);box-shadow:0 0 8px var(--success)}.dot.busy{background:var(--danger);box-shadow:0 0 8px var(--danger);animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.user-badge{background:var(--panel);border:1px solid var(--border);cursor:default;border-radius:99px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.8rem;display:flex}.user-badge .role-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.role-tag.admin{background:var(--warning-glow);color:var(--warning)}.role-tag.user{background:var(--primary-glow);color:var(--primary)}.btn-sm{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;transition:var(--transition);white-space:nowrap;padding:.4rem .75rem;font-family:inherit;font-size:.8rem}.btn-sm:hover{background:var(--panel-hover);border-color:var(--text-secondary)}.tab-bar{border-bottom:1px solid var(--border);gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--text-secondary);transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500}.tab:hover{color:var(--text)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.panel{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:1.5rem}.panel-title{align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.1rem;font-weight:700;display:flex}.main-layout{grid-template-columns:380px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.main-layout{grid-template-columns:1fr}}label{color:var(--text-secondary);margin-top:1rem;margin-bottom:.4rem;font-size:.8rem;font-weight:500;display:block}label:first-child{margin-top:0}select,input[type=number],input[type=text],input[type=password]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--transition);outline:none;padding:.6rem .75rem;font-family:inherit;font-size:.875rem}select:focus,input:focus{border-color:var(--border-focus)}.range-row{align-items:center;gap:.75rem;display:flex}input[type=range]{accent-color:var(--primary);flex:1}.range-value{text-align:center;min-width:50px;color:var(--primary);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.switch-row{justify-content:space-between;align-items:center;margin-top:.75rem;padding:.5rem 0;display:flex}.switch-row span{font-size:.8rem;font-weight:500}.toggle{cursor:pointer;width:40px;height:22px;position:relative}.toggle input{display:none}.toggle .slider{background:var(--border);transition:var(--transition);border-radius:22px;position:absolute;inset:0}.toggle .slider:before{content:"";background:var(--text);width:16px;height:16px;transition:var(--transition);border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle input:checked+.slider{background:var(--primary)}.toggle input:checked+.slider:before{transform:translate(18px)}.btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;margin-top:1rem}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-continue{background:var(--success);color:#fff;letter-spacing:.03em;margin-top:1rem;font-weight:700;animation:2s infinite continueShimmer;position:relative;overflow:hidden;box-shadow:0 0 20px #10b98159}.btn-continue:after{content:"";background:#fff3;width:20%;animation:2.5s ease-in-out infinite continueGlare;position:absolute;inset:0 0 0 -20%;transform:skew(-20deg)}.btn-continue:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 28px #10b98180}@keyframes continueShimmer{0%,to{opacity:.9}50%{opacity:1}}@keyframes continueGlare{0%{left:-20%}to{left:120%}}.btn-success{background:var(--success);color:#fff;margin-top:.75rem}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-danger{background:var(--danger);color:#fff;width:auto;padding:.4rem .75rem;font-size:.8rem}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover:not(:disabled){background:var(--panel-hover);border-color:var(--text-secondary)}.btn-ghost{color:var(--primary);background:0 0;width:auto;padding:.3rem .6rem;font-size:.8rem}.btn-ghost:hover:not(:disabled){background:var(--primary-glow)}.problem-selector-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.problem-count-badge{background:var(--primary-glow);color:var(--primary);border-radius:99px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.problem-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;margin-bottom:.5rem;padding:.5rem .75rem;font-family:inherit;font-size:.85rem}.problem-search:focus{border-color:var(--border-focus)}.problem-actions{gap:.5rem;margin-bottom:.5rem;display:flex}.problem-grid{border:1px solid var(--border);border-radius:var(--radius-sm);max-height:200px;padding:.25rem;overflow-y:auto}.problem-item{border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.8rem;display:flex}.problem-item:hover{background:var(--panel-hover)}.problem-item input{accent-color:var(--primary);cursor:pointer}.selected-chips{flex-wrap:wrap;gap:.25rem;margin-top:.5rem;display:flex}.chip{background:var(--primary-glow);color:var(--primary);border:1px solid #3b82f64d;border-radius:99px;padding:.2rem .5rem;font-size:.7rem}.progress-panel{min-height:400px}.progress-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.progress-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.progress-bar-track{background:var(--border);border-radius:3px;width:100%;height:6px;margin-bottom:.75rem;overflow:hidden}.progress-bar-fill{background:var(--primary);border-radius:3px;height:100%;transition:width .5s}.progress-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:.75rem}.stat-card .stat-value{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700}.stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.7rem}.queue-message{text-align:center;color:var(--text-secondary);padding:3rem 1rem;font-size:.95rem}.queue-message .queue-number{color:var(--warning);margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:800;display:block}.idle-message{height:300px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-style:italic;display:flex}.terminal{border-radius:var(--radius);color:#4ade80;white-space:pre-wrap;background:#000;border:1px solid #222;max-height:200px;margin-top:1rem;padding:.75rem;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:1.6;overflow-y:auto}.scoreboard-table{border-collapse:collapse;width:100%;font-size:.85rem}.scoreboard-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:.6rem .75rem;font-size:.75rem;font-weight:600}.scoreboard-table td{border-bottom:1px solid #27272a80;padding:.6rem .75rem}.scoreboard-table tr:hover{background:var(--panel-hover)}.rank-badge{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:inline-flex}.rank-1{color:#000;background:#f59e0b}.rank-2{color:#000;background:#9ca3af}.rank-3{color:#fff;background:#d97706}.rank-other{background:var(--panel);color:var(--text-secondary);border:1px solid var(--border)}.improvement-badge{border-radius:var(--radius-xs);padding:.15rem .5rem;font-size:.8rem;font-weight:600}.improvement-positive{background:var(--success-glow);color:var(--success)}.improvement-zero{background:var(--panel);color:var(--muted)}.handbook{max-width:800px;margin:0 auto}.handbook h2{color:var(--text);border-bottom:1px solid var(--border);margin:2rem 0 .75rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:700}.handbook h2:first-child{margin-top:0}.handbook h3{color:var(--primary);margin:1.25rem 0 .5rem;font-size:1rem;font-weight:600}.handbook p,.handbook li{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;line-height:1.7}.handbook ul{padding-left:1.25rem}.handbook code{background:var(--bg);color:var(--success);border-radius:4px;padding:.15rem .4rem;font-family:JetBrains Mono,monospace;font-size:.82rem}.status-code-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:.75rem 0;display:grid}.status-code{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem}.status-code .code{margin-bottom:.25rem;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700}.status-code .desc{color:var(--text-secondary);font-size:.8rem}.job-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.job-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.8rem;display:flex}.job-status{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.job-status.RUNNING{background:var(--primary-glow);color:var(--primary)}.job-status.PENDING{background:var(--warning-glow);color:var(--warning)}.job-status.COMPLETED{background:var(--success-glow);color:var(--success)}.job-status.FAILED{background:var(--danger-glow);color:var(--danger)}.job-status.CANCELLED{background:var(--panel);color:var(--muted)}.toast-container{z-index:1000;flex-direction:column;gap:.5rem;max-width:350px;display:flex;position:fixed;top:1rem;right:1rem}.toast{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:.75rem 1rem;font-size:.85rem;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem;font-style:italic;display:flex}.selection-mode-group{border-radius:var(--radius-sm);border:1px solid var(--border);gap:0;margin-bottom:.75rem;display:flex;overflow:hidden}.mode-btn{background:var(--bg);color:var(--muted);cursor:pointer;border:none;flex:1;padding:.5rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.mode-btn:not(:last-child){border-right:1px solid var(--border)}.mode-btn:hover{background:var(--surface);color:var(--text)}.mode-btn.active{background:var(--primary);color:#fff;font-weight:600}.random-config{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.75rem;padding:.75rem}.random-config label{margin-bottom:.25rem;font-size:.8rem}.cat-check span{font-size:.85rem;font-weight:500}.info-icon{border:1.5px solid var(--muted);width:18px;height:18px;color:var(--muted);cursor:help;border-radius:50%;justify-content:center;align-items:center;font-family:serif;font-size:.7rem;font-style:italic;font-weight:700;transition:all .2s;display:inline-flex}.info-icon:hover{border-color:var(--primary);color:var(--primary)}.info-tooltip-wrap{display:inline-block;position:relative}.info-tooltip{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:240px;color:var(--text);z-index:100;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:6px;padding:.75rem;font-size:.8rem;position:absolute;bottom:100%;right:0;box-shadow:0 4px 16px #0006}.info-row{border-bottom:1px solid #ffffff08;justify-content:space-between;padding:.15rem 0;display:flex}.info-row span:first-child{color:var(--muted);font-size:.75rem}.info-row span:last-child{text-align:right;font-size:.78rem}.toggle.toggle-sm{width:28px;height:16px}.toggle.toggle-sm .slider:before{width:12px;height:12px;bottom:2px;left:2px}.toggle.toggle-sm input:checked+.slider:before{transform:translate(12px)}.btn-settings{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:.3rem .6rem;font-size:1.25rem;line-height:1}.btn-settings:hover{background:var(--panel-hover);color:var(--primary);border-color:var(--primary)}.btn-delete:hover{opacity:1!important;color:var(--danger)!important}