:root{--bg:#0b0b0d;--bg-soft:#111114;--surface:#141418;--surface-2:#1a1a1f;--surface-3:#1e2540;--border:#26262c;--border-2:#33333a;--fg:#fafafa;--fg-2:#d4d4d8;--fg-3:#9a9aa2;--fg-4:#5f5f68;--accent:#6478ff;--accent-2:#7d8eff;--accent-fg:#fff;--accent-soft:#1c2247;--ok:#4ade80;--ok-soft:#0e2818;--warn:#fbbf24;--warn-soft:#2a1f0b;--danger:#f87171;--danger-soft:#2a0f12;--violet:#a78bfa;--violet-soft:#1d1335;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #0006, 0 1px 2px #0000004d;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"Geist Mono", "Fira Code", "JetBrains Mono", "Cascadia Code", "Consolas", monospace;--r:8px;--surface2:var(--surface-2);--surface3:var(--surface-3);--input-bg:var(--surface-3);--sidebar-bg:var(--surface);--border2:var(--border-2);--text:var(--fg);--text-muted:var(--fg-2);--text-dim:var(--fg-3);--accent2:var(--accent-2);--accent-glow:var(--accent-soft);--green:var(--ok);--green-dim:var(--ok-soft);--yellow:var(--warn);--yellow-dim:var(--warn-soft);--red:var(--danger);--red-dim:var(--danger-soft);--purple:var(--violet);--purple-dim:var(--violet-soft);--orange:#ff8c42;--orange-dim:#ff8c421a}.light{--bg:#fafaf9;--bg-soft:#f5f5f4;--surface:#fff;--surface-2:#fafafa;--surface-3:#f0f0ef;--border:#ececec;--border-2:#e3e3e3;--fg:#0a0a0a;--fg-2:#3f3f46;--fg-3:#71717a;--fg-4:#a1a1aa;--accent:#3b5bff;--accent-2:#5b71ff;--accent-fg:#fff;--accent-soft:#eef1ff;--ok:#16a34a;--ok-soft:#dcfce7;--warn:#d97706;--warn-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--violet:#7c3aed;--violet-soft:#ede9fe;--shadow-sm:0 1px 2px #0f0f0f0a;--shadow-md:0 4px 14px #0f0f0f0f, 0 1px 2px #0f0f0f0a;--surface2:var(--surface-2);--surface3:var(--surface-3);--input-bg:var(--surface);--sidebar-bg:var(--surface);--border2:var(--border-2);--text:var(--fg);--text-muted:var(--fg-2);--text-dim:var(--fg-3);--accent2:var(--accent-2);--accent-glow:var(--accent-soft);--green:var(--ok);--green-dim:var(--ok-soft);--yellow:var(--warn);--yellow-dim:var(--warn-soft);--red:var(--danger);--red-dim:var(--danger-soft);--purple:var(--violet);--purple-dim:var(--violet-soft);--orange:#ea580c;--orange-dim:#ea580c14}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;letter-spacing:.005em;min-height:100vh;font-size:13.5px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}@media (max-width:1024px){.page-padding{padding:24px 20px!important}.grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.sidebar{display:none!important}.sidebar.open{z-index:9999;background:var(--surface);border-right:1px solid var(--border);width:280px;position:fixed;top:50px;bottom:0;left:0;box-shadow:4px 0 16px #0003;display:flex!important}.sidebar-overlay{z-index:9998;background:#00000080;position:fixed;inset:0;display:block!important}.sidebar-overlay.hidden{display:none!important}.hamburger{display:flex!important}.grid-4{grid-template-columns:repeat(2,1fr)!important}.grid-2{grid-template-columns:1fr!important}.desktop-only,.chat-sidebar{display:none!important}.chat-sidebar.open{z-index:9999;width:280px;position:fixed;top:50px;bottom:0;left:0;display:flex!important}.topbar-title{display:none!important}main>div[style*="padding: 32px 36px"],main>div[style*="padding: 32px"]{padding:16px!important}}@media (max-width:480px){.grid-4{grid-template-columns:1fr!important}}.hamburger,.sidebar-overlay{display:none}@media (max-width:768px){table{white-space:nowrap;display:block;overflow-x:auto}.skills-sidebar{display:none!important}.server-body{grid-template-columns:1fr!important}.server-header{flex-wrap:wrap!important;gap:8px!important}.server-header>div:last-child{flex-wrap:wrap!important}.server-info-grid{grid-template-columns:repeat(2,1fr)!important}}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}@keyframes viewFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}@keyframes rtaskGlow{0%{box-shadow:0 0 #3d7fff00}to{box-shadow:0 0 12px #3d7fff0f}}@keyframes currentStageGlow{0%,to{box-shadow:0 0 0 2px #3d7fff33}50%{box-shadow:0 0 0 4px #3d7fff1a}}@keyframes chatMsgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes zoomIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loaderPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes indeterminate{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.page-title{letter-spacing:-.03em;font-size:24px;font-weight:700}.section-title{letter-spacing:-.01em;font-size:16px;font-weight:600}.mono{font-family:var(--mono);font-variant-ligatures:contextual}.label{font-family:var(--sans);letter-spacing:.06em;color:var(--text-dim);font-size:11px;font-weight:500}.shell{flex:1;display:flex;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:200;flex-shrink:0;align-items:center;gap:20px;height:50px;padding:0 20px;display:flex;position:relative;box-shadow:0 1px 3px #0000001f}.topbar-logo{font-family:var(--sans);color:var(--accent2);letter-spacing:-.02em;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.topbar-logo-mark{background:var(--accent);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex;box-shadow:0 0 12px #3d7fff59}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-icon{border-radius:var(--r);background:var(--surface2);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.topbar-icon:hover{color:var(--text);border-color:var(--border2);transform:scale(1.02)}.topbar-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3d7fff,#9d6eff);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;transition:all .2s;display:flex}.topbar-avatar:hover{transform:scale(1.05);box-shadow:0 0 0 3px #3d7fff33}.sidebar{z-index:100;flex-direction:column;flex-shrink:0;gap:0;width:232px;padding:0;display:flex;position:relative}.sidebar-section{font-family:var(--sans);color:var(--text-dim);letter-spacing:.06em;white-space:nowrap;padding:18px 18px 6px;font-size:11px;font-weight:500}.sidebar-separator{background:var(--border);width:calc(100% - 24px);height:1px;margin:8px auto}.nav-item{cursor:pointer;color:var(--text-muted);white-space:nowrap;border-radius:10px;align-items:center;gap:11px;min-height:40px;margin:1px 8px;padding:10px 16px;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:var(--surface2);text-decoration:none}.nav-item.active{color:var(--accent2);background:var(--accent-glow);font-weight:500}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.nav-label{font-size:13.5px;font-weight:500}.nav-badge{background:var(--surface3);color:var(--text-dim);font-family:var(--mono);border-radius:10px;flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:10px}.nav-badge.live{background:var(--green-dim);color:var(--green)}.nav-badge.warn{background:var(--yellow-dim);color:var(--yellow)}.card{background:linear-gradient(145deg, var(--surface) 0%, #ffffff05 100%);border:1px solid #ffffff0f;border-radius:12px;padding:22px 24px;transition:all .2s}.card:hover{border-color:#ffffff1f;box-shadow:0 8px 32px #0000004d}.stat-card{background:linear-gradient(145deg, var(--surface) 0%, #ffffff05 100%);border:1px solid #ffffff0f;border-left:4px solid var(--border);border-radius:12px;padding:22px 24px;transition:all .2s}.stat-card:hover{border-color:#ffffff1f;box-shadow:0 8px 32px #0000004d}.stat-number{font-size:30px;font-weight:800;font-family:var(--sans);font-feature-settings:"tnum";letter-spacing:-.03em;line-height:1}.btn{border-radius:var(--r);font-family:var(--sans);letter-spacing:.01em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{transform:scale(1.02)}.btn:active{transform:scale(.98)}button svg,a svg{pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--accent), #2a6aef);color:#fff;box-shadow:0 0 12px #3d7fff4d}.btn-primary:hover{background:linear-gradient(135deg, var(--accent2), #3a7aff)}.btn-secondary{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted)}.btn-secondary:hover{color:var(--text);border-color:var(--border2)}.btn-green{background:linear-gradient(135deg, var(--green), #1ab375);color:#fff;box-shadow:0 0 12px #22d98a4d}.btn-danger{color:var(--red);border:1px solid var(--red-dim);background:0 0}.btn-danger:hover{background:var(--red-dim)}.input{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--r);width:100%;color:var(--text);font-family:var(--sans);outline:none;padding:10px 14px;font-size:13px;transition:all .15s;box-shadow:inset 0 1px 2px #0000001a}.input:focus{border-color:#0000;box-shadow:0 0 0 3px #3d7fff26,inset 0 1px 2px #0000001a}.input::placeholder{color:var(--text-dim)}textarea.input{resize:vertical;min-height:80px}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%237a8aaa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=url],input[type=datetime-local],input:not([type]),select,textarea{color:var(--text);background-color:var(--input-bg)!important}.form-group{margin-bottom:16px}.form-label{font-family:var(--sans);color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-hint{color:var(--text-dim);margin-top:4px;font-size:11px}.badge{font-family:var(--mono);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.badge-accent{background:var(--accent-glow);color:var(--accent2)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.badge-dim{background:var(--surface3);color:var(--text-dim)}.badge-outline{background:0 0;border:1px solid}.pulse-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 6px var(--green);border-radius:50%;flex-shrink:0;animation:1.5s ease-in-out infinite pulseDot}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-family:var(--sans);color:var(--text-dim);letter-spacing:.06em;white-space:nowrap;background:#ffffff05;padding:10px 14px;font-size:11px;font-weight:500}.table td{vertical-align:middle;color:var(--text-muted);border-bottom:1px solid #ffffff0a;padding:14px;font-size:13px}.table tbody tr{position:relative}.table tbody td{transition:background .15s 50ms}.table tr:hover td{background:var(--surface)}.toggle{background:var(--surface3);cursor:pointer;border-radius:11px;flex-shrink:0;width:42px;height:22px;transition:background .3s cubic-bezier(.4,0,.2,1);position:relative}.toggle.on{background:var(--green)}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.toggle.on:after{transform:translate(20px)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-overlay.show{opacity:1;pointer-events:auto}.modal{background:var(--surface);border:1px solid #ffffff0f;border-radius:16px;width:520px;max-width:90vw;max-height:85vh;transition:transform .2s;overflow-y:auto;transform:scale(.95);box-shadow:0 24px 80px #000000b3}.modal-overlay.show .modal{transform:scale(1)}.modal-header{justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.modal-title{letter-spacing:-.01em;font-size:16px;font-weight:600}.modal-body{padding:0 24px 24px}.modal-footer{justify-content:flex-end;gap:10px;padding:16px 24px;display:flex;box-shadow:0 -1px 3px #0000001a}.toast{background:var(--surface);border:1px solid var(--green);color:var(--green);z-index:9999;opacity:0;pointer-events:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(10px);box-shadow:0 8px 32px #00000080}.toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.workflow-progress{align-items:center;gap:0;display:flex}.wf-step{align-items:center;gap:6px;display:flex}.wf-step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.wf-step-dot.done{background:var(--green);color:#fff}.wf-step-dot.current{background:var(--accent-glow);border:2px solid var(--accent);color:var(--accent);animation:2s ease-in-out infinite currentStageGlow}.wf-step-dot.pending{background:var(--surface3);color:var(--text-dim)}.wf-step-line{background:var(--border);flex-shrink:0;width:24px;height:1px}.wf-step-line.done{background:var(--green)}.light .topbar{background:#fff;box-shadow:0 1px 2px #0000000f}.light .sidebar{background:#f8f9fb;box-shadow:1px 0 3px #00000008}.logo-light{display:none}.logo-dark,.light .logo-light{display:block}.light .logo-dark{display:none}.light .nav-item.active{background:#2563eb14}.light .card,.light .stat-card{background:#fff;border-color:#0000;box-shadow:0 0 0 1px #0000000a,0 1px 3px #0000000f}.light .card:hover,.light .stat-card:hover{box-shadow:0 0 0 1px #0000000f,0 6px 24px #0000001a}.light .table th{background:#00000005}.light .table td{border-bottom:1px solid #0000000d}.light .table tr:hover td{background:#2563eb08}.light .modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000040}.light .modal{border-color:#0000000f;box-shadow:0 24px 80px #00000026}.light .toast{box-shadow:0 6px 24px #0000001f}.light .input{box-shadow:inset 0 1px 2px #0000000d}.light .btn-primary{box-shadow:0 2px 8px #2563eb33}.light .btn-green{box-shadow:0 2px 8px #16a34a33}