@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#020818;--bg-card:#050e24;--bg-surface:#0a1628;--surface:#0d1f3c;--border:#6366f12e;--border-bright:#6366f180;--text-primary:#e2eaff;--text-secondary:#7c8fb0;--accent:#6366f1;--accent2:#22d3ee;--accent3:#a78bfa;--success:#10b981;--danger:#ef4444;--warn:#f59e0b;--glow-purple:#6366f159;--glow-cyan:#22d3ee40;--glow-green:#10b9814d;--font:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", monospace;--accent-color:#6366f1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 50% at 50% -20%,#6366f11f 0%,#0000 60%),linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px);background-size:100% 100%,48px 48px,48px 48px;min-height:100vh;line-height:1.6}@keyframes orbit-x{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}@keyframes orbit-y{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes orbit-z{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px var(--glow-purple), 0 0 20px transparent}50%{box-shadow:0 0 20px var(--glow-purple), 0 0 40px var(--glow-purple)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-rev{to{transform:rotate(-360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes scan{0%{top:0%}to{top:100%}}@keyframes data-stream{0%{opacity:0;transform:translateY(-6px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(6px)}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.3}}@keyframes border-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes node-ping{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.8)}}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:2s linear infinite spin}.animate-float{animation:4s ease-in-out infinite float}.animate-flicker{animation:3s linear infinite flicker}.animate-fadeinup{animation:.4s both fadeInUp}.atom-wrapper{perspective:400px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.atom-nucleus{background:radial-gradient(circle, #fff 0%, var(--accent) 60%, transparent 100%);width:14px;height:14px;box-shadow:0 0 12px var(--accent), 0 0 24px var(--accent), 0 0 40px var(--glow-purple);z-index:3;border-radius:50%;animation:1.5s ease-in-out infinite pulse;position:absolute}.atom-ring{border:1.5px solid #0000;border-top-color:var(--accent);border-bottom-color:var(--accent2);border-radius:50%;position:absolute}.atom-ring-1{width:70px;height:70px;animation:3s linear infinite spin}.atom-ring-2{border-top-color:var(--accent3);border-bottom-color:var(--accent);width:56px;height:56px;animation:2.2s linear infinite spin-rev;transform:rotateX(60deg)}.atom-ring-3{border-top-color:var(--accent2);border-bottom-color:var(--accent3);width:44px;height:44px;animation:1.8s linear infinite spin;transform:rotateY(60deg)}.atom-dot{background:var(--accent2);width:6px;height:6px;box-shadow:0 0 6px var(--accent2);border-radius:50%;position:absolute}.orbit-container{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.orbit-ring{border:1px solid;border-radius:50%;animation:linear infinite spin;position:absolute}.orbit-planet{border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:0 0 8px}.holo-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0a1628f2,#050e24fa);border-radius:16px;transition:border-color .3s,box-shadow .3s,transform .2s;position:relative;overflow:hidden}.holo-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 0%,#6366f10a 50%,#0000 100%);position:absolute;inset:0}.holo-card:hover{border-color:var(--border-bright);box-shadow:0 0 0 1px var(--border-bright), 0 8px 32px var(--glow-purple);transform:translateY(-3px)}.holo-card-active:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent2), var(--accent3), var(--accent));background-size:300% 100%;height:2px;animation:3s linear infinite border-flow;position:absolute;top:0;left:0;right:0}.scan-line{background:linear-gradient(90deg, transparent, var(--accent2), transparent);opacity:.5;pointer-events:none;height:1px;animation:4s linear infinite scan;position:absolute;left:0;right:0}.neon-text{color:var(--accent2);text-shadow:0 0 6px var(--accent2), 0 0 12px var(--accent2)}.neon-heading{background:linear-gradient(135deg,#60a5fa,#a78bfa,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.status-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.status-idle{color:#64748b;background:#64748b26}.status-running{color:var(--accent);background:#6366f12e;animation:1.8s infinite glow-pulse}.status-done{color:var(--success);background:#10b98126}.status-failed{color:var(--danger);background:#ef444426}.status-waiting{color:var(--warn);background:#f59e0b26}.console-panel{border-top:2px solid var(--accent);border-left:2px solid var(--accent);z-index:1000;width:620px;height:360px;box-shadow:-4px -4px 40px var(--glow-purple);background:#010a18;border-radius:16px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;right:0;overflow:hidden}.console-header{background:#020c1e;border-bottom:1px solid #6366f133;align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex}.console-dot{border-radius:50%;width:8px;height:8px}.console-body{font-family:var(--mono);color:#475569;flex:1;padding:.75rem 1rem;font-size:.75rem;line-height:1.7;overflow-y:auto}.console-body::-webkit-scrollbar{width:4px}.console-body::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.container{max-width:1240px;margin:0 auto;padding:1.5rem 2rem}.header{-webkit-backdrop-filter:blur(16px);z-index:50;background:#060d1fd9;border:1px solid #6366f126;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:1rem;box-shadow:0 0 0 1px #6366f10f,0 8px 32px #02081866,inset 0 1px #ffffff0a}.grid-2{grid-template-columns:380px 1fr;align-items:start;gap:2rem;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.dept-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.input-group{margin-bottom:1.25rem}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.input-field{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-primary);font-size:.9rem;font-family:var(--font);border-radius:10px;padding:.7rem 1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow-purple);outline:none}select.input-field{appearance:none;cursor:pointer}.btn{cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.25rem;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--accent), #4f46e5);color:#fff;box-shadow:0 2px 12px #6366f159}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f199}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);background:#6366f114}.btn-ghost:not(:disabled):hover{border-color:var(--border-bright);color:var(--text-primary);background:#6366f126}.btn-danger{color:var(--danger);background:#ef44441f;border:1px solid #ef444466}.btn-danger:not(:disabled):hover{background:#ef444438}.btn-primary:disabled{color:#475569;box-shadow:none;background:#1e293b}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.2rem .65rem;font-size:.72rem;font-weight:700;display:inline-block}.badge-pending{color:var(--warn);background:#f59e0b26}.badge-approved{color:var(--success);background:#10b98126}.surface{background:var(--surface)}h1{background:linear-gradient(135deg,#60a5fa,#a78bfa,#22d3ee);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}h2{color:var(--text-primary);font-size:1rem;font-weight:700}p{color:var(--text-secondary)}