@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--bg-base:#0b0f19;--bg-surface:#111827;--bg-surface-elevated:#1f293d;--bg-glass:rgba(17,24,39,0.75);--bg-glass-card:rgba(31,41,61,0.45);--bg-hover:rgba(255,255,255,0.06);--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:rgba(99,102,241,0.35);--accent-pink:#ec4899;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--gradient-primary:linear-gradient(135deg,#6366f1,#a855f7 50%,#ec4899);--gradient-glass:linear-gradient(135deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));--gradient-card-border:linear-gradient(135deg,rgba(255,255,255,0.15),rgba(255,255,255,0.03));--text-main:#f9fafb;--text-muted:#9ca3af;--text-dim:#6b7280;--border-light:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.18);--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 12px 32px rgba(0,0,0,0.5);--shadow-glow:0 0 24px var(--primary-glow);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.25s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.35s cubic-bezier(0.34,1.56,0.64,1);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-base);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,rgba(99,102,241,.15) 0,transparent 40%),radial-gradient(circle at 85% 85%,rgba(236,72,153,.12) 0,transparent 40%);background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.sidebar-node-hover:hover{background:rgba(255,255,255,.05)!important}.table-row-hover:hover{background:rgba(255,255,255,.04)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-family:var(--font-family);font-size:.9rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#ffffff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.5)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:rgba(255,255,255,.06);border:1px solid var(--border-light);color:var(--text-main);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:rgba(255,255,255,.12);border-color:var(--border-strong)}.btn-danger{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.btn-danger:hover{background:rgba(239,68,68,.3);color:#ffffff}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-icon,.btn-sm{border-radius:var(--radius-sm)}.btn-icon{padding:8px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-editor{background:rgba(16,185,129,.15);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.3)}.badge-viewer{background:rgba(245,158,11,.15);color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.glass-card{background:var(--bg-glass-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast),transform var(--transition-fast)}.glass-card-hover:hover{border-color:var(--border-strong);transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:rgba(8,12,22,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;animation:fadeIn .2s ease-out}.modal-content{background:#141b2d;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);width:100%;max-width:560px;padding:32px;margin:auto;box-shadow:0 25px 60px rgba(0,0,0,.75);animation:scaleUp .25s var(--transition-bounce);max-height:90vh;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.input-field{width:100%;padding:11px 16px;background:rgba(0,0,0,.25);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-family);font-size:.9rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:6px}