:root{--bg-primary: #000000;--bg-secondary: #060d06;--bg-tertiary: #0a1a0a;--bg-surface: #0d1f0d;--bg-surface-hover: #122612;--border-dim: #0f2a0f;--border-primary: #1a3a1a;--border-bright: #00ff66;--border-cyan: #00d4ff;--text-primary: #c8f0c8;--text-secondary: #7acc7a;--text-muted: #3d6e3d;--text-bright: #00ff66;--text-cyan: #00d4ff;--text-orange: #ff8c00;--text-red: #ff4444;--text-purple: #b388ff;--accent-green: #00ff66;--accent-cyan: #00d4ff;--accent-orange: #ff8c00;--glow-green: 0 0 8px rgba(0, 255, 102, .4), 0 0 20px rgba(0, 255, 102, .15);--glow-cyan: 0 0 8px rgba(0, 212, 255, .4), 0 0 20px rgba(0, 212, 255, .15);--glow-orange: 0 0 8px rgba(255, 140, 0, .4);--font-mono: "JetBrains Mono", "Courier New", monospace;--sidebar-width: 220px;--topbar-height: 36px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:9999}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent-green)}::selection{background:#0f63;color:var(--text-bright)}a{color:var(--text-cyan);text-decoration:none}a:hover{color:var(--accent-green)}button{font-family:var(--font-mono);cursor:pointer;border:none;background:none}input,textarea{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:2px;padding:8px 12px;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--accent-green);box-shadow:0 0 0 2px #00ff661a}.terminal-window{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;overflow:hidden}.terminal-titlebar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);font-size:12px;color:var(--text-muted)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#28ca41}.terminal-title{margin-left:8px;color:var(--text-muted);font-size:11px;letter-spacing:.05em}.terminal-body{padding:16px 20px}.prompt{color:var(--text-muted);-webkit-user-select:none;user-select:none}.prompt .user{color:var(--accent-green)}.prompt .at{color:var(--text-muted)}.prompt .host{color:var(--text-cyan)}.prompt .sep{color:var(--text-muted)}.prompt .dollar{color:var(--text-secondary)}.cursor{display:inline-block;width:8px;height:14px;background:var(--accent-green);vertical-align:text-bottom;animation:blink 1.2s step-end infinite}.section-cmd{font-size:12px;color:var(--text-muted);margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-cmd .cmd-text{color:var(--text-secondary)}.progress-bar-bg{width:100%;height:4px;background:var(--border-dim);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-green),var(--accent-cyan));border-radius:2px;transition:width 1s ease}.glow-green{text-shadow:var(--glow-green)}.glow-cyan{text-shadow:var(--glow-cyan)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;padding:8px 12px;color:var(--text-muted);border-bottom:1px solid var(--border-primary);font-weight:400;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border-dim);color:var(--text-primary);vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-surface-hover)}.badge{display:inline-block;padding:2px 8px;border-radius:2px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.badge-running{background:#00ff661f;color:var(--accent-green);border:1px solid rgba(0,255,102,.3)}.badge-exited{background:#3d6e3d1f;color:var(--text-muted);border:1px solid var(--border-dim)}.badge-cyan{background:#00d4ff1a;color:var(--text-cyan);border:1px solid rgba(0,212,255,.3)}.badge-orange{background:#ff8c001a;color:var(--text-orange);border:1px solid rgba(255,140,0,.3)}.section-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-dim);padding-bottom:4px;margin-bottom:16px}.tag{display:inline-block;padding:2px 8px;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:2px;font-size:11px;color:var(--text-secondary);margin:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glitch{0%,to{text-shadow:none;transform:none}2%{text-shadow:2px 0 var(--text-red),-2px 0 var(--text-cyan);transform:translate(-1px)}4%{text-shadow:-2px 0 var(--text-red),2px 0 var(--text-cyan);transform:translate(1px)}6%{text-shadow:none;transform:none}}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px #0f63}50%{box-shadow:0 0 12px #00ff6680,0 0 24px #0f63}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes type-in{0%{width:0}to{width:100%}}@keyframes scan-line{0%{top:-100%}to{top:200%}}.animate-fade-in{animation:fade-in .5s ease forwards}.animate-slide-in{animation:slide-in-left .4s ease forwards}.boot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px;font-family:var(--font-mono);font-size:13px;color:var(--accent-green);transition:opacity .6s ease}.boot-overlay.fade-out{opacity:0;pointer-events:none}.boot-line{margin-bottom:6px;animation:fade-in .3s ease forwards;opacity:0}.boot-line.ok:after{content:"  [OK]";color:var(--text-bright)}.boot-skip{position:absolute;bottom:40px;right:60px;background:none;border:1px solid var(--border-primary);color:var(--text-muted);padding:6px 16px;font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:all .2s}.boot-skip:hover{border-color:var(--accent-green);color:var(--accent-green)}@media (max-width: 768px){:root{--sidebar-width: 0px;--topbar-height: 48px}.grid-2,.grid-3{grid-template-columns:1fr}.boot-overlay{padding:40px 24px}}