@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap";.modal-overlay[data-v-71d44e07]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-71d44e07 .15s ease}.modal[data-v-71d44e07]{width:680px;max-width:95vw;max-height:85vh;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:slideUp-71d44e07 .2s ease}.modal-header[data-v-71d44e07]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header h2[data-v-71d44e07]{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600}.close-btn[data-v-71d44e07]{padding:6px;border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition)}.close-btn[data-v-71d44e07]:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body[data-v-71d44e07]{display:flex;flex:1;overflow:hidden}.settings-nav[data-v-71d44e07]{width:180px;border-right:1px solid var(--border);padding:.75rem 0;flex-shrink:0;overflow-y:auto}.nav-item[data-v-71d44e07]{display:flex;align-items:center;gap:.5rem;width:100%;padding:8px 16px;font-size:13px;color:var(--text-muted);transition:var(--transition);text-align:left}.nav-item[data-v-71d44e07]:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-item.active[data-v-71d44e07]{color:var(--accent);background:var(--accent-light)}.settings-content[data-v-71d44e07]{flex:1;padding:1.25rem 1.5rem;overflow-y:auto}.settings-section h3[data-v-71d44e07]{font-size:.9rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.settings-section h4[data-v-71d44e07]{font-size:.8rem;font-weight:600;margin-bottom:.75rem;color:var(--text-secondary)}.section-desc[data-v-71d44e07]{font-size:12px;color:var(--text-muted);margin-bottom:1rem;line-height:1.5}.section-desc code[data-v-71d44e07]{background:var(--bg-tertiary);padding:1px 5px;border-radius:3px;font-size:11px;font-family:var(--font-mono)}.field[data-v-71d44e07]{margin-bottom:1rem}.field label[data-v-71d44e07]{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.field input[data-v-71d44e07],.field select[data-v-71d44e07]{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-primary);font-size:13px;outline:none;transition:var(--transition);font-family:inherit}.field input[data-v-71d44e07]:focus,.field select[data-v-71d44e07]:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.field-hint[data-v-71d44e07]{display:block;font-size:11px;color:var(--text-muted);margin-top:3px}.toggle-field[data-v-71d44e07]{display:flex;align-items:center;justify-content:space-between}.toggle-field label[data-v-71d44e07]{margin-bottom:0}.toggle[data-v-71d44e07]{width:40px;height:22px;border-radius:11px;background:var(--bg-quaternary);border:1px solid var(--border);position:relative;transition:var(--transition);cursor:pointer;flex-shrink:0}.toggle.on[data-v-71d44e07]{background:var(--accent);border-color:var(--accent)}.toggle-knob[data-v-71d44e07]{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-primary);transition:var(--transition)}.toggle.on .toggle-knob[data-v-71d44e07]{left:20px}.divider[data-v-71d44e07]{height:1px;background:var(--border);margin:1.25rem 0}.auth-status[data-v-71d44e07]{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem}.status-row[data-v-71d44e07]{display:flex;align-items:center;justify-content:space-between;padding:6px 0;font-size:13px}.status-row+.status-row[data-v-71d44e07]{border-top:1px solid var(--border)}.status-label[data-v-71d44e07]{color:var(--text-muted)}.status-value[data-v-71d44e07]{color:var(--text-secondary)}.status-value.mono[data-v-71d44e07]{font-family:var(--font-mono);font-size:11px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge[data-v-71d44e07]{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.status-badge.on[data-v-71d44e07]{background:#10b98126;color:var(--success)}.status-badge.off[data-v-71d44e07]{background:var(--bg-quaternary);color:var(--text-muted)}.env-help[data-v-71d44e07]{font-size:12px;color:var(--text-muted);line-height:2;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1rem}.env-help code[data-v-71d44e07]{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.btn[data-v-71d44e07]{display:inline-flex;align-items:center;gap:.5rem;padding:8px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);font-family:inherit}.btn[data-v-71d44e07]:hover{background:var(--bg-tertiary)}.btn[data-v-71d44e07]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-71d44e07]{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary[data-v-71d44e07]:hover{background:var(--accent-hover)}.btn-link[data-v-71d44e07]{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:0;text-decoration:underline}.session-info[data-v-71d44e07]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:12px;color:var(--text-muted)}.flash[data-v-71d44e07]{padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:12px;margin-bottom:1rem}.flash.success[data-v-71d44e07]{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.3)}.flash.error[data-v-71d44e07]{background:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.fade-enter-active[data-v-71d44e07],.fade-leave-active[data-v-71d44e07]{transition:opacity .2s}.fade-enter-from[data-v-71d44e07],.fade-leave-to[data-v-71d44e07]{opacity:0}@keyframes fadeIn-71d44e07{0%{opacity:0}to{opacity:1}}@keyframes slideUp-71d44e07{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media(max-width:640px){.modal-body[data-v-71d44e07]{flex-direction:column}.settings-nav[data-v-71d44e07]{width:100%;flex-direction:row;border-right:none;border-bottom:1px solid var(--border);overflow-x:auto}.nav-item[data-v-71d44e07]{padding:8px 12px;white-space:nowrap}}.header[data-v-e2163d05]{background:#121212cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:0 1rem;position:sticky;top:0;z-index:1000;flex-shrink:0;height:52px;display:flex;align-items:center}.header-content[data-v-e2163d05]{width:100%;display:flex;align-items:center;gap:.75rem}.logo[data-v-e2163d05]{display:flex;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:600;color:var(--text-primary);text-decoration:none;padding:4px 8px;border-radius:var(--radius-sm);transition:var(--transition)}.logo[data-v-e2163d05]:hover{background:var(--bg-tertiary)}.breadcrumb-sep[data-v-e2163d05]{color:var(--text-muted);font-size:14px}.diagram-name[data-v-e2163d05]{color:var(--text-secondary);font-size:13px;font-weight:500}.nav[data-v-e2163d05]{display:flex;align-items:center;gap:.5rem;margin-left:auto}.btn[data-v-e2163d05]{display:inline-flex;align-items:center;gap:.5rem;padding:10px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;font-family:inherit}.btn[data-v-e2163d05]:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.btn-sm[data-v-e2163d05]{padding:6px 12px;font-size:13px}.btn-icon[data-v-e2163d05]{display:inline-flex;align-items:center;justify-content:center;padding:6px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition)}.btn-icon[data-v-e2163d05]:hover{background:var(--bg-hover);color:var(--text-primary)}.user-badge[data-v-e2163d05]{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);padding:4px 8px;background:var(--bg-tertiary);border-radius:var(--radius-xs);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-dropdown[data-v-e2163d05]{position:relative}.chevron[data-v-e2163d05]{transition:transform .2s ease}.chevron.open[data-v-e2163d05]{transform:rotate(180deg)}.dropdown-menu[data-v-e2163d05]{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:linear-gradient(135deg,var(--bg-secondary) 0%,#0f0f0f 100%);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;z-index:200;overflow:hidden}.dropdown-item[data-v-e2163d05]{display:flex;align-items:center;gap:.5rem;width:100%;padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);transition:var(--transition);cursor:pointer}.dropdown-item[data-v-e2163d05]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-hint[data-v-e2163d05]{margin-left:auto;font-size:10px;color:var(--text-muted);font-family:var(--font-mono);background:var(--bg-quaternary);padding:2px 6px;border-radius:var(--radius-xs)}.menu-enter-active[data-v-e2163d05]{transition:all .15s cubic-bezier(.22,1,.36,1)}.menu-leave-active[data-v-e2163d05]{transition:all .1s ease}.menu-enter-from[data-v-e2163d05]{opacity:0;transform:translateY(-4px) scale(.96)}.menu-leave-to[data-v-e2163d05]{opacity:0;transform:translateY(-2px) scale(.98)}@media(max-width:768px){.header[data-v-e2163d05]{padding:0 .75rem;height:48px}.btn-sm[data-v-e2163d05]{padding:8px 10px;font-size:12px;min-height:44px}.btn-icon[data-v-e2163d05]{min-width:44px;min-height:44px;padding:10px}}.diagram-list[data-v-fdd5ed23]{flex:1;display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;overflow-y:auto}.list-header[data-v-fdd5ed23]{text-align:center;margin-bottom:2rem}.list-header h1[data-v-fdd5ed23]{font-size:1.75rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.5rem}.subtitle[data-v-fdd5ed23]{color:var(--text-muted);font-size:14px}.list-actions[data-v-fdd5ed23]{margin-bottom:2rem}.btn[data-v-fdd5ed23]{display:inline-flex;align-items:center;gap:.5rem;padding:10px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;font-family:inherit}.btn[data-v-fdd5ed23]:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.btn-primary[data-v-fdd5ed23]{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary[data-v-fdd5ed23]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-icon[data-v-fdd5ed23]{padding:8px;border:1px solid transparent;background:transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition)}.btn-icon[data-v-fdd5ed23]:hover{background:var(--bg-hover);color:var(--text-primary)}.create-form[data-v-fdd5ed23]{display:flex;gap:.5rem;align-items:center}.create-form input[data-v-fdd5ed23]{width:260px}.diagrams-grid[data-v-fdd5ed23]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;width:100%;max-width:1000px}.card[data-v-fdd5ed23]{background:linear-gradient(135deg,var(--bg-secondary) 0%,#0f0f0f 100%);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:var(--transition);position:relative;overflow:hidden}.card[data-v-fdd5ed23]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.card[data-v-fdd5ed23]:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-light)}.diagram-card[data-v-fdd5ed23]{display:flex;align-items:center;gap:1rem;cursor:pointer}.card-icon[data-v-fdd5ed23]{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.card-info[data-v-fdd5ed23]{flex:1;min-width:0}.card-info h3[data-v-fdd5ed23]{font-size:1.15rem;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-info p[data-v-fdd5ed23]{font-size:13px;color:var(--text-muted);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-date[data-v-fdd5ed23]{font-size:11px;color:var(--text-muted)}.card-delete[data-v-fdd5ed23]{position:absolute;top:12px;right:12px;opacity:0;transition:var(--transition)}.diagram-card:hover .card-delete[data-v-fdd5ed23]{opacity:1}.card-delete[data-v-fdd5ed23]:hover{color:var(--danger)!important;background:#ef44441a}.empty-state[data-v-fdd5ed23]{text-align:center;padding:3rem 1rem}.empty-state iconify-icon[data-v-fdd5ed23]{color:var(--text-muted);opacity:.5;margin-bottom:1rem}.empty-state h2[data-v-fdd5ed23]{font-size:1.35rem;margin-bottom:.5rem}.empty-state p[data-v-fdd5ed23]{color:var(--text-muted);font-size:14px}.loading-state[data-v-fdd5ed23]{text-align:center;padding:3rem;color:var(--text-muted)}.loading-spinner[data-v-fdd5ed23]{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-fdd5ed23 1s linear infinite;margin:0 auto 1rem}@keyframes spin-fdd5ed23{to{transform:rotate(360deg)}}@media(max-width:768px){.diagram-list[data-v-fdd5ed23]{padding:2rem 1rem}.diagrams-grid[data-v-fdd5ed23]{grid-template-columns:1fr}.btn[data-v-fdd5ed23]{padding:12px 16px;min-height:44px}}.diagram-canvas[data-v-1bdf0769]{width:100%;height:100%;background:var(--bg-primary);position:relative;overflow:hidden;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none}.canvas-svg[data-v-1bdf0769]{display:block}.device-node[data-v-1bdf0769]{cursor:grab}.device-node[data-v-1bdf0769]:active{cursor:grabbing}.device-node.device-connecting[data-v-1bdf0769]{cursor:crosshair}.device-bg[data-v-1bdf0769]{transition:fill .1s,stroke .1s}.device-node:hover .device-bg[data-v-1bdf0769]{fill:var(--bg-hover)}.device-selected .device-bg[data-v-1bdf0769]{filter:drop-shadow(0 0 8px rgba(91,138,245,.3))}.conn-selected[data-v-1bdf0769]{filter:drop-shadow(0 0 4px rgba(91,138,245,.5))}.group-selected[data-v-1bdf0769]{filter:drop-shadow(0 0 6px rgba(91,138,245,.3))}.zoom-indicator[data-v-1bdf0769]{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:2px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:2px;z-index:10}.zoom-indicator button[data-v-1bdf0769]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;font-size:14px;font-weight:600;color:var(--text-secondary);transition:all var(--transition)}.zoom-indicator button[data-v-1bdf0769]:hover{background:var(--bg-hover);color:var(--text-primary)}.zoom-indicator span[data-v-1bdf0769]{font-size:11px;color:var(--text-muted);min-width:40px;text-align:center;font-family:var(--font-mono)}.group-drop-target[data-v-1bdf0769]{filter:drop-shadow(0 0 12px rgba(91,138,245,.5))!important;stroke-width:2.5!important;stroke:var(--accent)!important;animation:group-pulse-1bdf0769 .8s ease-in-out infinite alternate}@keyframes group-pulse-1bdf0769{0%{filter:drop-shadow(0 0 8px rgba(91,138,245,.3))}to{filter:drop-shadow(0 0 16px rgba(91,138,245,.6))}}.context-menu[data-v-1bdf0769]{position:absolute;z-index:100;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000059;padding:4px;animation:ctx-appear-1bdf0769 .1s ease-out}@keyframes ctx-appear-1bdf0769{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item[data-v-1bdf0769]{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:4px;font-size:12px;color:var(--text-secondary);text-align:left;transition:all .1s;cursor:pointer;border:none;background:none}.context-menu-item[data-v-1bdf0769]:hover{background:var(--bg-hover);color:var(--text-primary)}.context-menu-item.danger[data-v-1bdf0769]{color:var(--danger)}.context-menu-item.danger[data-v-1bdf0769]:hover{background:#ef44441a;color:var(--danger)}.context-menu-item svg[data-v-1bdf0769]{flex-shrink:0;opacity:.7}.drop-hint[data-v-1bdf0769]{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;pointer-events:none;z-index:50;box-shadow:0 2px 12px #5b8af566;animation:hint-fade-1bdf0769 .2s ease-out}@keyframes hint-fade-1bdf0769{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.waypoint-handle[data-v-1bdf0769]{filter:drop-shadow(0 0 3px rgba(91,138,245,.5));transition:filter .15s}.add-point-handle[data-v-1bdf0769]{opacity:.4;transition:opacity .15s}.add-point-handle[data-v-1bdf0769]:hover{opacity:1}.remove-point-handle[data-v-1bdf0769]{opacity:.6;transition:opacity .15s}.remove-point-handle[data-v-1bdf0769]:hover{opacity:1}.conn-label-group[data-v-1bdf0769]{transition:filter .15s}.conn-label-group[data-v-1bdf0769]:hover{filter:drop-shadow(0 0 4px rgba(91,138,245,.3))}.conn-label-selected[data-v-1bdf0769]{filter:drop-shadow(0 0 4px rgba(91,138,245,.4))}.label-bg-acrylic[data-v-1bdf0769]{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.label-rotate-handle[data-v-1bdf0769],.label-scale-handle[data-v-1bdf0769],.label-reset-handle[data-v-1bdf0769]{opacity:.5;transition:opacity .15s,transform .15s}.label-rotate-handle[data-v-1bdf0769]:hover,.label-scale-handle[data-v-1bdf0769]:hover,.label-reset-handle[data-v-1bdf0769]:hover{opacity:1}.device-props[data-v-e290eb79]{display:flex;flex-direction:column;gap:10px}.prop-header[data-v-e290eb79]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.prop-title[data-v-e290eb79]{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.type-dot[data-v-e290eb79]{width:8px;height:8px;border-radius:50%}.delete-btn[data-v-e290eb79]{padding:4px;border-radius:4px;color:var(--text-muted);transition:all var(--transition)}.delete-btn[data-v-e290eb79]:hover{color:var(--danger);background:#f871711a}.prop-group[data-v-e290eb79]{display:flex;flex-direction:column;gap:3px;flex:1}.prop-group label[data-v-e290eb79]{font-size:11px;font-weight:500;color:var(--text-muted)}.mini-label[data-v-e290eb79]{font-size:10px;color:var(--text-muted)}.prop-group input[data-v-e290eb79],.prop-group select[data-v-e290eb79],.prop-group textarea[data-v-e290eb79]{width:100%;font-size:12px;padding:5px 8px}.prop-group textarea[data-v-e290eb79]{resize:vertical;font-family:inherit}.prop-row[data-v-e290eb79]{display:flex;gap:8px;align-items:flex-end}.display-settings[data-v-e290eb79]{display:flex;gap:8px;padding:8px;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border)}.display-settings .prop-group[data-v-e290eb79]{flex:1}.btn-reset-size[data-v-e290eb79]{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:var(--radius);color:var(--text-muted);border:1px solid var(--border);transition:all var(--transition);cursor:pointer}.btn-reset-size[data-v-e290eb79]:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.ports-list[data-v-e290eb79]{max-height:150px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius);padding:4px}.port-item[data-v-e290eb79]{display:flex;align-items:center;gap:8px;padding:3px 6px;font-size:11px;font-family:var(--font-mono)}.port-num[data-v-e290eb79]{color:var(--accent);min-width:50px}.port-service[data-v-e290eb79]{color:var(--text-secondary);flex:1}.port-version[data-v-e290eb79]{color:var(--text-muted);font-size:10px}.port-state[data-v-e290eb79]{font-size:10px;padding:1px 6px;border-radius:3px}.port-state.open[data-v-e290eb79]{background:#4ade8026;color:var(--success)}.port-state.closed[data-v-e290eb79]{background:#f8717126;color:var(--danger)}.port-state.filtered[data-v-e290eb79]{background:#fbbf2426;color:var(--warning)}.btn-rescan[data-v-e290eb79]{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;background:transparent;border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius);font-size:12px;font-weight:500;transition:all var(--transition);cursor:pointer}.btn-rescan[data-v-e290eb79]:hover:not(:disabled){background:var(--accent-dim)}.btn-rescan[data-v-e290eb79]:disabled{opacity:.6;cursor:not-allowed}.spinner-small[data-v-e290eb79]{width:12px;height:12px;border:1.5px solid rgba(91,138,245,.3);border-top-color:var(--accent);border-radius:50%;animation:spin-e290eb79 .8s linear infinite}@keyframes spin-e290eb79{to{transform:rotate(360deg)}}.scan-data-section[data-v-e290eb79]{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.scan-data-toggle[data-v-e290eb79]{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:12px;font-weight:600;color:var(--text-primary);background:#5b8af50d;border:none;cursor:pointer;transition:background var(--transition)}.scan-data-toggle[data-v-e290eb79]:hover{background:#5b8af51a}.scan-data-toggle svg[data-v-e290eb79]{transition:transform .2s;color:var(--accent)}.scan-data-toggle svg.rotated[data-v-e290eb79]{transform:rotate(90deg)}.scan-badge[data-v-e290eb79]{margin-left:auto;font-size:9px;font-weight:500;padding:1px 6px;background:#4ade801f;color:var(--success);border-radius:3px}.scan-data-body[data-v-e290eb79]{padding:8px;border-top:1px solid var(--border);max-height:400px;overflow-y:auto}.sd-section[data-v-e290eb79]{margin-bottom:10px}.sd-section[data-v-e290eb79]:last-child{margin-bottom:0}.sd-label[data-v-e290eb79]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:4px;padding-bottom:2px;border-bottom:1px solid rgba(91,138,245,.12)}.sd-grid[data-v-e290eb79]{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:11px}.sd-key[data-v-e290eb79]{color:var(--text-muted);white-space:nowrap}.sd-val[data-v-e290eb79]{color:var(--text-primary);word-break:break-all}.sd-val.mono[data-v-e290eb79]{font-family:var(--font-mono);font-size:10px}.mini-badge[data-v-e290eb79]{font-size:8px;padding:0 4px;margin-left:4px;background:#8b5cf61f;color:#a78bfa;border-radius:2px;font-family:inherit}.os-list[data-v-e290eb79]{display:flex;flex-direction:column;gap:4px}.os-row[data-v-e290eb79]{display:flex;align-items:center;gap:6px;font-size:10px}.os-bar-bg[data-v-e290eb79]{width:28px;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;flex-shrink:0}.os-bar-fill[data-v-e290eb79]{height:100%;background:var(--accent);border-radius:2px}.os-text[data-v-e290eb79]{color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-pct[data-v-e290eb79]{color:var(--text-muted);flex-shrink:0}.trace-list[data-v-e290eb79]{display:flex;flex-direction:column;gap:1px}.trace-hop[data-v-e290eb79]{display:flex;gap:6px;font-size:10px;font-family:var(--font-mono)}.t-ttl[data-v-e290eb79]{width:14px;text-align:right;color:var(--text-muted)}.t-rtt[data-v-e290eb79]{width:40px;color:var(--warning)}.t-ip[data-v-e290eb79]{color:var(--text-primary)}.t-host[data-v-e290eb79]{color:var(--text-secondary)}.svc-list[data-v-e290eb79]{display:flex;flex-direction:column;gap:4px}.svc-row[data-v-e290eb79]{padding:3px 6px;border:1px solid var(--border);border-radius:3px;background:#0000001a}.svc-main[data-v-e290eb79]{display:flex;align-items:center;gap:6px;font-size:11px}.svc-port[data-v-e290eb79]{font-family:var(--font-mono);font-weight:600;color:var(--accent)}.svc-name[data-v-e290eb79]{color:var(--text-primary)}.svc-prod[data-v-e290eb79]{color:var(--text-muted);font-size:10px}.svc-banner[data-v-e290eb79]{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:2px;padding:2px 4px;background:#00000026;border-radius:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-cpes[data-v-e290eb79]{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.cpe[data-v-e290eb79]{font-family:var(--font-mono);font-size:8px;padding:0 4px;background:#5b8af51a;color:var(--accent);border-radius:2px}.sd-code[data-v-e290eb79]{font-family:var(--font-mono);font-size:9px;color:var(--text-secondary);padding:4px 6px;background:#00000026;border-radius:3px;white-space:pre-wrap;word-break:break-all;max-height:60px;overflow-y:auto}.ports-section[data-v-e290eb79]{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ports-toggle[data-v-e290eb79]{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:12px;font-weight:600;color:var(--text-primary);background:#5b8af50d;border:none;cursor:pointer;transition:background var(--transition)}.ports-toggle[data-v-e290eb79]:hover{background:#5b8af51a}.ports-toggle svg[data-v-e290eb79]{transition:transform .2s;color:var(--accent)}.ports-toggle svg.rotated[data-v-e290eb79]{transform:rotate(90deg)}.port-count-badge[data-v-e290eb79]{margin-left:auto;font-size:9px;font-weight:500;padding:1px 6px;background:#5b8af51f;color:var(--accent);border-radius:3px}.ports-body[data-v-e290eb79]{padding:6px;border-top:1px solid var(--border);max-height:320px;overflow-y:auto}.port-side-group[data-v-e290eb79]{margin-bottom:6px}.port-side-group[data-v-e290eb79]:last-of-type{margin-bottom:0}.port-side-header[data-v-e290eb79]{display:flex;align-items:center;gap:4px;margin-bottom:3px}.port-side-label[data-v-e290eb79]{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.port-side-count[data-v-e290eb79]{font-size:8px;color:var(--text-muted);background:#ffffff0d;padding:0 4px;border-radius:3px}.port-list[data-v-e290eb79]{display:flex;flex-direction:column;gap:2px}.port-entry[data-v-e290eb79]{border-radius:4px;overflow:hidden}.port-compact[data-v-e290eb79]{display:flex;align-items:center;gap:4px;padding:3px 5px;border-radius:4px;transition:background var(--transition);flex-wrap:wrap}.port-compact[data-v-e290eb79]:hover{background:var(--bg-hover)}.port-shape-icon[data-v-e290eb79]{display:flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0}.port-status-dot[data-v-e290eb79]{width:5px;height:5px;border-radius:50%;flex-shrink:0}.port-status-dot.up[data-v-e290eb79]{background:var(--success)}.port-status-dot.down[data-v-e290eb79]{background:var(--danger)}.port-status-dot.disabled[data-v-e290eb79]{background:#6b7280}.port-status-dot.err-disabled[data-v-e290eb79]{background:#ef4444;box-shadow:0 0 3px #ef444480}.port-status-dot.unused[data-v-e290eb79]{background:var(--text-muted);opacity:.4}.port-label-text[data-v-e290eb79]{font-size:11px;font-family:var(--font-mono);font-weight:500;color:var(--text-primary);cursor:pointer;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.port-label-text[data-v-e290eb79]:hover{color:var(--accent)}.port-type-badge[data-v-e290eb79]{font-size:8px;padding:0 4px;background:#5b8af51a;color:var(--accent);border-radius:2px;white-space:nowrap}.port-speed-badge[data-v-e290eb79]{font-size:8px;padding:0 4px;background:#4ade801a;color:var(--success);border-radius:2px;white-space:nowrap}.port-medium-badge[data-v-e290eb79]{font-size:7px;padding:0 3px;background:#fbbf241a;color:#fbbf24;border-radius:2px;white-space:nowrap}.port-vlan-badge[data-v-e290eb79]{font-size:7px;padding:0 3px;background:#8b5cf61f;color:#a78bfa;border-radius:2px;white-space:nowrap;font-family:var(--font-mono)}.port-edit-btn[data-v-e290eb79],.port-del-btn[data-v-e290eb79]{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:3px;color:var(--text-muted);transition:all var(--transition);flex-shrink:0;opacity:0}.port-compact:hover .port-edit-btn[data-v-e290eb79],.port-compact:hover .port-del-btn[data-v-e290eb79]{opacity:1}.port-edit-btn[data-v-e290eb79]:hover{color:var(--accent);background:var(--accent-dim)}.port-del-btn[data-v-e290eb79]:hover{color:var(--danger);background:#f871711a}.port-edit-form[data-v-e290eb79]{padding:6px;background:#00000026;border-radius:4px;display:flex;flex-direction:column;gap:4px}.pef-row[data-v-e290eb79]{display:flex;gap:4px;align-items:flex-end}.pef-field[data-v-e290eb79]{flex:1;display:flex;flex-direction:column;gap:1px}.pef-label[data-v-e290eb79]{font-size:8px;font-weight:600;text-transform:uppercase;color:var(--text-muted)}.pef-input[data-v-e290eb79],.pef-select[data-v-e290eb79]{font-size:10px;padding:3px 5px;border:1px solid var(--border);border-radius:3px;background:var(--bg-secondary);color:var(--text-primary);width:100%}.pef-speed-group[data-v-e290eb79]{display:flex;gap:2px}.pef-speed-group .pef-select[data-v-e290eb79]{flex:1}.pef-speed-custom[data-v-e290eb79]{width:48px!important;flex:0 0 48px;font-size:9px!important;text-align:center}.pef-actions[data-v-e290eb79]{justify-content:flex-end}.pef-done-btn[data-v-e290eb79]{padding:3px 10px;font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);border-radius:3px;cursor:pointer;white-space:nowrap;transition:all var(--transition)}.pef-done-btn[data-v-e290eb79]:hover{background:var(--accent);color:#fff}.port-add-dialog[data-v-e290eb79]{padding:6px;margin-bottom:6px;background:#5b8af50d;border:1px solid var(--accent);border-radius:var(--radius)}.pad-header[data-v-e290eb79]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:5px}.pad-row[data-v-e290eb79]{display:flex;gap:4px;margin-bottom:4px}.pad-actions[data-v-e290eb79]{display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.pad-cancel-btn[data-v-e290eb79]{padding:3px 10px;font-size:10px;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:3px;cursor:pointer;transition:all var(--transition)}.pad-cancel-btn[data-v-e290eb79]:hover{color:var(--text-primary);border-color:var(--text-muted)}.port-actions[data-v-e290eb79]{margin-top:6px;display:flex;flex-direction:column;gap:4px}.port-add-row[data-v-e290eb79]{display:flex;gap:3px}.port-add-btn[data-v-e290eb79]{flex:1;display:flex;align-items:center;justify-content:center;gap:3px;padding:4px;font-size:9px;font-weight:500;color:var(--text-muted);border:1px dashed var(--border);border-radius:3px;cursor:pointer;transition:all var(--transition)}.port-add-btn[data-v-e290eb79]:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.port-auto-btn[data-v-e290eb79]{display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.port-auto-btn[data-v-e290eb79]:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.conn-props[data-v-c52d387f]{display:flex;flex-direction:column;gap:10px}.prop-header[data-v-c52d387f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.prop-title[data-v-c52d387f]{font-size:13px;font-weight:600}.delete-btn[data-v-c52d387f]{padding:4px;border-radius:4px;color:var(--text-muted);transition:all var(--transition)}.delete-btn[data-v-c52d387f]:hover{color:var(--danger);background:#f871711a}.endpoints[data-v-c52d387f]{display:flex;align-items:center;gap:8px;padding:8px;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border)}.endpoint[data-v-c52d387f]{flex:1;text-align:center}.ep-label[data-v-c52d387f]{display:block;font-size:9px;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.ep-name[data-v-c52d387f]{font-size:12px;font-weight:500;color:var(--text-primary)}.swap-btn[data-v-c52d387f]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;color:var(--text-muted);border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;transition:all .15s}.swap-btn[data-v-c52d387f]:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);transform:scale(1.05)}.swap-btn[data-v-c52d387f]:active{transform:scale(.95)}.prop-group[data-v-c52d387f]{display:flex;flex-direction:column;gap:3px;flex:1}.prop-group label[data-v-c52d387f]{font-size:11px;font-weight:500;color:var(--text-muted)}.prop-group input[data-v-c52d387f],.prop-group select[data-v-c52d387f]{width:100%;font-size:12px;padding:5px 8px}.prop-row[data-v-c52d387f]{display:flex;gap:8px}.btn-group[data-v-c52d387f]{display:flex;gap:4px}.btn-group button[data-v-c52d387f]{flex:1;padding:5px 8px;font-size:11px;border:1px solid var(--border);border-radius:4px;text-transform:capitalize;color:var(--text-secondary);transition:all var(--transition);display:flex;align-items:center;justify-content:center}.btn-group button[data-v-c52d387f]:hover{border-color:var(--border-light);color:var(--text-primary)}.btn-group button.active[data-v-c52d387f]{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.color-picker[data-v-c52d387f]{display:flex;gap:4px;flex-wrap:wrap}.color-swatch[data-v-c52d387f]{width:22px;height:22px;border-radius:4px;border:2px solid transparent;transition:all var(--transition)}.color-swatch[data-v-c52d387f]:hover{transform:scale(1.15)}.color-swatch.active[data-v-c52d387f]{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--bg-primary)}input[type=range][data-v-c52d387f]{appearance:none;height:4px;border-radius:2px;background:var(--border);border:none;padding:0}input[type=range][data-v-c52d387f]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.range-value[data-v-c52d387f]{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.path-info[data-v-c52d387f]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.path-badge[data-v-c52d387f]{font-size:11px;color:var(--text-muted);padding:3px 8px;border-radius:4px;background:var(--bg-primary);border:1px solid var(--border)}.path-badge.auto[data-v-c52d387f]{color:var(--text-muted);font-style:italic}.reset-path-btn[data-v-c52d387f]{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);border-radius:4px;cursor:pointer;transition:all .15s}.reset-path-btn[data-v-c52d387f]:hover{background:var(--accent);color:#fff}.prop-section[data-v-c52d387f]{display:flex;flex-direction:column;gap:8px;padding:8px 0;border-top:1px solid var(--border)}.prop-section-header[data-v-c52d387f]{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.prop-section-header label[data-v-c52d387f]{font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer}.prop-section-header svg.rotated[data-v-c52d387f]{transform:rotate(-90deg)}.range-row[data-v-c52d387f]{display:flex;align-items:center;gap:8px}.range-row input[type=range][data-v-c52d387f]{flex:1}.range-row .range-value[data-v-c52d387f]{min-width:38px;text-align:right}.rotation-presets[data-v-c52d387f]{display:flex;gap:3px;margin-top:2px}.rotation-presets button[data-v-c52d387f]{flex:1;padding:3px 4px;font-size:10px;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);background:none;cursor:pointer;transition:all .1s;font-family:var(--font-mono)}.rotation-presets button[data-v-c52d387f]:hover{border-color:var(--border-light);color:var(--text-primary)}.rotation-presets button.active[data-v-c52d387f]{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}input[type=number][data-v-c52d387f]{width:100%;font-size:12px;padding:4px 6px;font-family:var(--font-mono)}.bg-group[data-v-c52d387f]{gap:3px!important}.bg-group button[data-v-c52d387f]{flex-direction:column;gap:1px;padding:4px 3px!important;font-size:9px!important;line-height:1.1}.bg-icon[data-v-c52d387f]{font-size:12px;line-height:1}.preset-grid[data-v-c52d387f]{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.preset-btn[data-v-c52d387f]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border:1px solid var(--border);border-radius:4px;background:none;color:var(--text-muted);cursor:pointer;transition:all .15s;font-size:9px}.preset-btn[data-v-c52d387f]:hover{border-color:var(--border-light);color:var(--text-primary);background:var(--bg-hover)}.preset-btn.active[data-v-c52d387f]{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.preset-btn svg[data-v-c52d387f]{display:block}.group-props[data-v-9d11703c]{display:flex;flex-direction:column;gap:10px}.prop-header[data-v-9d11703c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.prop-title[data-v-9d11703c]{font-size:13px;font-weight:600}.delete-btn[data-v-9d11703c]{padding:4px;border-radius:4px;color:var(--text-muted);transition:all var(--transition)}.delete-btn[data-v-9d11703c]:hover{color:var(--danger);background:#f871711a}.prop-group[data-v-9d11703c]{display:flex;flex-direction:column;gap:3px;flex:1}.prop-group label[data-v-9d11703c]{font-size:11px;font-weight:500;color:var(--text-muted)}.mini-label[data-v-9d11703c]{font-size:10px;color:var(--text-muted)}.prop-group input[data-v-9d11703c]{width:100%;font-size:12px;padding:5px 8px}.prop-row[data-v-9d11703c]{display:flex;gap:8px}.size-actions[data-v-9d11703c]{margin-top:4px}.fit-btn[data-v-9d11703c]{display:flex;align-items:center;gap:6px;padding:5px 10px;font-size:11px;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(91,138,245,.25);border-radius:var(--radius);transition:all var(--transition);width:100%;justify-content:center}.fit-btn[data-v-9d11703c]:hover:not(:disabled){background:#5b8af540;border-color:var(--accent)}.fit-btn[data-v-9d11703c]:disabled{opacity:.4;cursor:not-allowed}.size-hint[data-v-9d11703c]{font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.color-themes[data-v-9d11703c]{display:flex;gap:6px;flex-wrap:wrap}.theme-swatch[data-v-9d11703c]{width:26px;height:26px;border-radius:4px;border:2px solid;transition:all var(--transition)}.theme-swatch[data-v-9d11703c]:hover{transform:scale(1.1)}.theme-swatch.active[data-v-9d11703c]{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent)}.btn-group[data-v-9d11703c]{display:flex;gap:4px}.btn-group button[data-v-9d11703c]{flex:1;padding:5px 8px;font-size:11px;border:1px solid var(--border);border-radius:4px;text-transform:capitalize;color:var(--text-secondary);transition:all var(--transition)}.btn-group button[data-v-9d11703c]:hover{border-color:var(--border-light);color:var(--text-primary)}.btn-group button.active[data-v-9d11703c]{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.device-list[data-v-9d11703c]{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.device-item[data-v-9d11703c]{display:flex;justify-content:space-between;padding:6px 8px;font-size:12px;cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--border)}.device-item[data-v-9d11703c]:last-child{border-bottom:none}.device-item[data-v-9d11703c]:hover{background:var(--bg-hover)}.dev-name[data-v-9d11703c]{color:var(--text-primary)}.dev-ip[data-v-9d11703c]{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.empty-text[data-v-9d11703c]{font-size:12px;color:var(--text-muted);font-style:italic}.parent-group-row[data-v-9d11703c]{display:flex;gap:4px;align-items:center}.parent-group-row select[data-v-9d11703c]{flex:1;font-size:12px;padding:5px 8px}.go-parent-btn[data-v-9d11703c]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--text-muted);border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;transition:all .15s}.go-parent-btn[data-v-9d11703c]:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.scan-panel[data-v-f964fdfe]{display:flex;flex-direction:column;gap:16px}.scan-form[data-v-f964fdfe]{display:flex;flex-direction:column;gap:10px}.prop-group[data-v-f964fdfe]{display:flex;flex-direction:column;gap:3px}.prop-group label[data-v-f964fdfe]:first-child{font-size:11px;font-weight:500;color:var(--text-muted)}.prop-group input[type=text][data-v-f964fdfe],.prop-group input[data-v-f964fdfe]:not([type]){width:100%;font-size:12px;padding:5px 8px}.scan-types[data-v-f964fdfe]{display:flex;flex-direction:column;gap:4px}.scan-type-option[data-v-f964fdfe]{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all var(--transition)}.scan-type-option[data-v-f964fdfe]:hover{border-color:var(--border-light)}.scan-type-option.active[data-v-f964fdfe]{border-color:var(--accent);background:var(--accent-dim)}.scan-type-option input[data-v-f964fdfe]{margin-top:2px}.st-label[data-v-f964fdfe]{display:block;font-size:12px;font-weight:500;color:var(--text-primary)}.st-desc[data-v-f964fdfe]{display:block;font-size:10px;color:var(--text-muted)}.btn-scan[data-v-f964fdfe]{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--accent);color:#fff;border-radius:var(--radius);font-weight:500;font-size:13px;transition:background var(--transition)}.btn-scan[data-v-f964fdfe]:hover:not(:disabled){background:var(--accent-hover)}.btn-scan[data-v-f964fdfe]:disabled{opacity:.6;cursor:not-allowed}.spinner-small[data-v-f964fdfe]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-f964fdfe .8s linear infinite}.spinner-tiny[data-v-f964fdfe]{width:10px;height:10px;border:1.5px solid rgba(91,138,245,.3);border-top-color:var(--accent);border-radius:50%;animation:spin-f964fdfe .8s linear infinite}@keyframes spin-f964fdfe{to{transform:rotate(360deg)}}.scan-progress-container[data-v-f964fdfe]{padding:10px 0;border-top:1px solid var(--border)}.scan-progress-bar[data-v-f964fdfe]{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.scan-progress-fill[data-v-f964fdfe]{height:100%;background:linear-gradient(90deg,var(--accent),#60a5fa);border-radius:3px;transition:width .3s ease;position:relative}.scan-progress-fill[data-v-f964fdfe]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer-f964fdfe 1.5s infinite}@keyframes shimmer-f964fdfe{0%{transform:translate(-100%)}to{transform:translate(100%)}}.scan-progress-info[data-v-f964fdfe]{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:11px}.scan-phase-label[data-v-f964fdfe]{color:var(--accent);font-weight:500}.scan-progress-pct[data-v-f964fdfe]{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.scan-progress-msg[data-v-f964fdfe]{font-size:10px;color:var(--text-muted);margin-top:3px}.scan-live-count[data-v-f964fdfe]{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:var(--success);font-weight:500}.pulse-dot[data-v-f964fdfe]{animation:pulse-f964fdfe 1.5s ease infinite}@keyframes pulse-f964fdfe{0%,to{opacity:1}50%{opacity:.3}}.scan-results[data-v-f964fdfe]{border-top:1px solid var(--border);padding-top:12px}.result-header[data-v-f964fdfe]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.result-status[data-v-f964fdfe]{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:3px}.result-status.running[data-v-f964fdfe]{background:#5b8af526;color:var(--accent)}.result-status.completed[data-v-f964fdfe]{background:#4ade8026;color:var(--success)}.result-status.failed[data-v-f964fdfe]{background:#f8717126;color:var(--danger)}.result-count[data-v-f964fdfe]{font-size:12px;color:var(--text-secondary)}.result-error[data-v-f964fdfe]{padding:8px;background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius);font-size:12px;color:var(--danger);margin-bottom:8px}.hosts-actions[data-v-f964fdfe]{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.btn-mini[data-v-f964fdfe]{padding:3px 8px;font-size:10px;border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);transition:all var(--transition)}.btn-mini[data-v-f964fdfe]:hover:not(:disabled){border-color:var(--border-light);color:var(--text-primary)}.btn-mini.btn-accent[data-v-f964fdfe]{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-mini[data-v-f964fdfe]:disabled{opacity:.5;cursor:not-allowed}.hosts-list[data-v-f964fdfe]{max-height:calc(100vh - 400px);overflow-y:auto}.host-card[data-v-f964fdfe]{border:1px solid var(--border);border-radius:6px;margin-bottom:6px;overflow:hidden;transition:border-color var(--transition)}.host-card[data-v-f964fdfe]:hover{border-color:var(--border-light)}.host-card.selected[data-v-f964fdfe]{border-color:var(--accent);background:var(--accent-dim)}.host-card.expanded[data-v-f964fdfe]{border-color:var(--accent)}.host-summary[data-v-f964fdfe]{display:flex;align-items:flex-start;gap:8px;padding:8px;cursor:pointer;transition:background var(--transition)}.host-summary[data-v-f964fdfe]:hover{background:var(--bg-hover)}.host-check[data-v-f964fdfe]{padding-top:2px;flex-shrink:0}.host-info[data-v-f964fdfe]{flex:1;min-width:0}.host-main[data-v-f964fdfe]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.host-ip[data-v-f964fdfe]{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary)}.host-name[data-v-f964fdfe]{font-size:11px;color:var(--accent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-meta[data-v-f964fdfe]{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.tag[data-v-f964fdfe]{font-size:9px;padding:1px 5px;border-radius:3px;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.tag-vendor[data-v-f964fdfe]{background:#8b5cf61f;color:#a78bfa}.tag-os[data-v-f964fdfe]{background:#3b82f61f;color:#60a5fa}.tag-ports[data-v-f964fdfe]{background:#4ade801f;color:var(--success)}.tag-info[data-v-f964fdfe]{background:#fbbf241a;color:var(--warning)}.host-actions[data-v-f964fdfe]{display:flex;gap:2px;flex-shrink:0;align-items:center}.btn-expand[data-v-f964fdfe]{padding:3px;border-radius:4px;color:var(--text-muted);transition:all .2s}.btn-expand[data-v-f964fdfe]:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-expand.rotated[data-v-f964fdfe]{transform:rotate(90deg)}.btn-deep-scan[data-v-f964fdfe]{padding:3px 5px;border-radius:4px;color:var(--text-muted);transition:all var(--transition)}.btn-deep-scan[data-v-f964fdfe]:hover:not(:disabled){color:var(--accent);background:var(--accent-dim)}.btn-deep-scan[data-v-f964fdfe]:disabled{opacity:.5}.host-detail[data-v-f964fdfe]{border-top:1px solid var(--border);padding:8px;background:#00000026;max-height:500px;overflow-y:auto}.detail-section[data-v-f964fdfe]{margin-bottom:10px}.detail-section[data-v-f964fdfe]:last-child{margin-bottom:0}.detail-label[data-v-f964fdfe]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:4px;padding-bottom:2px;border-bottom:1px solid rgba(91,138,245,.15)}.detail-grid[data-v-f964fdfe]{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:11px}.dg-key[data-v-f964fdfe]{color:var(--text-muted);white-space:nowrap}.dg-val[data-v-f964fdfe]{color:var(--text-primary);word-break:break-all}.dg-val.mono[data-v-f964fdfe]{font-family:var(--font-mono);font-size:10px}.vendor-tag[data-v-f964fdfe]{margin-left:4px;font-size:9px;padding:0 4px;background:#8b5cf61f;color:#a78bfa;border-radius:2px;font-family:inherit}.ports-grid[data-v-f964fdfe]{display:flex;flex-wrap:wrap;gap:3px}.port-chip[data-v-f964fdfe]{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:#4ade8014;border:1px solid rgba(74,222,128,.15);border-radius:3px;font-size:10px}.port-num[data-v-f964fdfe]{font-family:var(--font-mono);font-weight:600;color:var(--success)}.port-svc[data-v-f964fdfe]{color:var(--text-secondary)}.port-ver[data-v-f964fdfe]{color:var(--text-muted);font-size:9px}.os-matches[data-v-f964fdfe]{display:flex;flex-direction:column;gap:4px}.os-match[data-v-f964fdfe]{display:flex;align-items:center;gap:6px;font-size:10px}.os-bar[data-v-f964fdfe]{width:30px;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;flex-shrink:0}.os-fill[data-v-f964fdfe]{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.os-name[data-v-f964fdfe]{color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-acc[data-v-f964fdfe]{color:var(--text-muted);flex-shrink:0}.traceroute-list[data-v-f964fdfe]{display:flex;flex-direction:column;gap:2px}.trace-hop[data-v-f964fdfe]{display:flex;align-items:center;gap:6px;font-size:10px;font-family:var(--font-mono);padding:1px 0}.hop-ttl[data-v-f964fdfe]{width:16px;text-align:right;color:var(--text-muted)}.hop-rtt[data-v-f964fdfe]{width:50px;color:var(--warning)}.hop-ip[data-v-f964fdfe]{color:var(--text-primary)}.hop-host[data-v-f964fdfe]{color:var(--text-secondary);font-family:inherit}.services-list[data-v-f964fdfe]{display:flex;flex-direction:column;gap:6px}.svc-item[data-v-f964fdfe]{padding:4px 6px;border:1px solid var(--border);border-radius:4px;background:#0000001a}.svc-header[data-v-f964fdfe]{display:flex;align-items:center;gap:6px;font-size:11px}.svc-port[data-v-f964fdfe]{font-family:var(--font-mono);font-weight:600;color:var(--accent)}.svc-name[data-v-f964fdfe]{color:var(--text-primary)}.svc-product[data-v-f964fdfe]{color:var(--text-secondary);font-size:10px}.svc-banner[data-v-f964fdfe]{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin-top:2px;padding:2px 4px;background:#0003;border-radius:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.svc-extra[data-v-f964fdfe]{font-size:10px;color:var(--text-muted);margin-top:2px}.svc-cpe[data-v-f964fdfe]{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.cpe-tag[data-v-f964fdfe]{font-family:var(--font-mono);font-size:8px;padding:0 4px;background:#5b8af51a;color:var(--accent);border-radius:2px}.svc-scripts[data-v-f964fdfe]{margin-top:4px}.scripts-list[data-v-f964fdfe]{display:flex;flex-direction:column;gap:4px}.script-output[data-v-f964fdfe]{margin-top:2px}.script-id[data-v-f964fdfe]{font-size:9px;font-weight:600;color:var(--warning);background:#fbbf241a;padding:0 4px;border-radius:2px}.script-text[data-v-f964fdfe]{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);margin:2px 0 0;padding:3px 6px;background:#0003;border-radius:3px;white-space:pre-wrap;word-break:break-all;max-height:100px;overflow-y:auto}.code-block[data-v-f964fdfe]{font-family:var(--font-mono);font-size:9px;color:var(--text-secondary);padding:4px 6px;background:#0003;border-radius:3px;white-space:pre-wrap;word-break:break-all;max-height:80px;overflow-y:auto}.no-detail[data-v-f964fdfe]{text-align:center;padding:12px;color:var(--text-muted);font-size:11px}.no-detail p[data-v-f964fdfe]{margin:0}.sidebar[data-v-f61b8c7e]{width:300px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar-tabs[data-v-f61b8c7e]{display:flex;border-bottom:1px solid var(--border);padding:0 8px}.tab-btn[data-v-f61b8c7e]{flex:1;padding:10px 8px;font-size:12px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;transition:all var(--transition)}.tab-btn[data-v-f61b8c7e]:hover{color:var(--text-secondary)}.tab-btn.active[data-v-f61b8c7e]{color:var(--accent);border-bottom-color:var(--accent)}.sidebar-content[data-v-f61b8c7e]{flex:1;overflow-y:auto;padding:12px}.empty-props[data-v-f61b8c7e]{color:var(--text-muted);font-size:13px;padding:16px 0;text-align:center}.empty-props p[data-v-f61b8c7e]{margin-bottom:20px}.shortcut-help[data-v-f61b8c7e]{text-align:left}.shortcut-help h4[data-v-f61b8c7e]{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.shortcut[data-v-f61b8c7e]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-bottom:4px}kbd[data-v-f61b8c7e]{display:inline-block;padding:2px 6px;font-size:11px;font-family:var(--font-mono);background:var(--bg-primary);border:1px solid var(--border);border-radius:3px;min-width:24px;text-align:center}.toolbar[data-v-80965c59]{width:180px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.toolbar-section[data-v-80965c59]{padding:12px;border-bottom:1px solid var(--border)}.section-label[data-v-80965c59]{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px}.tool-group[data-v-80965c59]{display:flex;gap:4px;flex-wrap:wrap}.tool-btn[data-v-80965c59]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);color:var(--text-secondary);transition:all var(--transition)}.tool-btn[data-v-80965c59]:hover{background:var(--bg-hover);color:var(--text-primary)}.tool-btn.active[data-v-80965c59]{background:var(--accent-dim);color:var(--accent)}.device-palette[data-v-80965c59]{display:flex;flex-direction:column;gap:2px}.palette-item[data-v-80965c59]{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;cursor:grab;transition:background var(--transition);user-select:none;-webkit-user-select:none;touch-action:none}.palette-item[data-v-80965c59]:hover{background:var(--bg-hover)}.palette-item[data-v-80965c59]:active{cursor:grabbing}.palette-dot[data-v-80965c59]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.palette-label[data-v-80965c59]{font-size:11px;color:var(--text-secondary);white-space:nowrap}.toast-container[data-v-622d0221]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none;max-width:420px;width:100%}.toast[data-v-622d0221]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border);box-shadow:0 8px 32px #00000073,0 2px 8px #0000004d;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toast-in-622d0221 .3s cubic-bezier(.22,1,.36,1);transition:all .3s cubic-bezier(.22,1,.36,1)}.toast.leaving[data-v-622d0221]{opacity:0;transform:translateY(8px) scale(.95)}@keyframes toast-in-622d0221{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-icon[data-v-622d0221]{flex-shrink:0}.toast-msg[data-v-622d0221]{flex:1;font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.3}.toast-close[data-v-622d0221]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:var(--text-muted);transition:all var(--transition);opacity:0}.toast:hover .toast-close[data-v-622d0221]{opacity:1}.toast-close[data-v-622d0221]:hover{color:var(--text-primary);background:var(--bg-hover)}.toast-success[data-v-622d0221]{border-color:#4ade804d;background:linear-gradient(135deg,rgba(74,222,128,.08),var(--bg-tertiary))}.toast-success .toast-icon[data-v-622d0221]{color:var(--success)}.toast-error[data-v-622d0221]{border-color:#f871714d;background:linear-gradient(135deg,rgba(248,113,113,.08),var(--bg-tertiary))}.toast-error .toast-icon[data-v-622d0221]{color:var(--danger)}.toast-warning[data-v-622d0221]{border-color:#fbbf244d;background:linear-gradient(135deg,rgba(251,191,36,.08),var(--bg-tertiary))}.toast-warning .toast-icon[data-v-622d0221]{color:var(--warning)}.toast-info[data-v-622d0221]{border-color:#60a5fa4d;background:linear-gradient(135deg,rgba(96,165,250,.08),var(--bg-tertiary))}.toast-info .toast-icon[data-v-622d0221]{color:var(--info)}.toast-enter-active[data-v-622d0221]{transition:all .3s cubic-bezier(.22,1,.36,1)}.toast-leave-active[data-v-622d0221]{transition:all .3s cubic-bezier(.22,1,.36,1);position:absolute}.toast-enter-from[data-v-622d0221]{opacity:0;transform:translateY(16px) scale(.92)}.toast-leave-to[data-v-622d0221]{opacity:0;transform:translateY(8px) scale(.95)}.toast-move[data-v-622d0221]{transition:transform .3s cubic-bezier(.22,1,.36,1)}.login-container[data-v-01cef5fb]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.login-card[data-v-01cef5fb]{width:100%;max-width:420px;background:linear-gradient(135deg,var(--bg-secondary) 0%,#0f0f0f 100%);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.login-card[data-v-01cef5fb]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.login-header[data-v-01cef5fb]{text-align:center;margin-bottom:2rem}.login-header h1[data-v-01cef5fb]{margin:.75rem 0 .25rem;font-size:1.75rem}.login-subtitle[data-v-01cef5fb]{color:var(--text-muted);font-size:.9rem}.login-form[data-v-01cef5fb],.form-group[data-v-01cef5fb]{margin-bottom:1rem}.form-label[data-v-01cef5fb]{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-input[data-v-01cef5fb]{width:100%;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:var(--transition)}.form-input[data-v-01cef5fb]:focus{border-color:var(--accent);box-shadow:var(--shadow-focus)}.btn[data-v-01cef5fb]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:10px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);font-family:inherit}.btn[data-v-01cef5fb]:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.btn-primary[data-v-01cef5fb]{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary[data-v-01cef5fb]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-oidc[data-v-01cef5fb]{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-primary)}.btn-oidc[data-v-01cef5fb]:hover{background:var(--bg-quaternary)}.btn-block[data-v-01cef5fb]{width:100%}.btn[data-v-01cef5fb]:disabled{opacity:.6;cursor:not-allowed}.login-divider[data-v-01cef5fb]{position:relative;text-align:center;margin:1.25rem 0}.login-divider[data-v-01cef5fb]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.login-divider span[data-v-01cef5fb]{position:relative;display:inline-block;padding:0 1rem;background:#0f0f0f;color:var(--text-muted);font-size:.8rem;letter-spacing:.5px}.alert[data-v-01cef5fb]{padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.alert-danger[data-v-01cef5fb]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.alert-info[data-v-01cef5fb]{background:#4a90e21a;border:1px solid rgba(74,144,226,.3);color:var(--accent)}.login-loading[data-v-01cef5fb]{text-align:center;padding:2rem 0;color:var(--text-muted)}.loading-spinner[data-v-01cef5fb]{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-01cef5fb 1s linear infinite;margin:0 auto 1rem}@keyframes spin-01cef5fb{to{transform:rotate(360deg)}}.app-layout[data-v-fd57d197]{display:flex;flex-direction:column;height:100%;width:100%}.app-body[data-v-fd57d197]{flex:1;display:flex;overflow:hidden;position:relative}.canvas-area[data-v-fd57d197]{flex:1;position:relative;overflow:hidden}.app-loading[data-v-fd57d197]{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-spinner[data-v-fd57d197]{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-tertiary: #1e1e1e;--bg-quaternary: #2a2a2a;--bg-hover: #333333;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #a0a0a0;--text-disabled: #666666;--accent: #4a90e2;--accent-hover: #357abd;--accent-light: rgba(74, 144, 226, .1);--accent-dim: rgba(74, 144, 226, .15);--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #06b6d4;--border: #333333;--border-color: #333333;--border-light: #404040;--border-focus: var(--accent);--radius: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 6px;--radius-lg: 12px;--shadow: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px var(--accent-light);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;background:var(--bg-primary);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;letter-spacing:-.02em}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.15rem}button{cursor:pointer;font-family:inherit;border:none;background:none;color:var(--text-primary);font-size:13px}input,select,textarea{font-family:inherit;font-size:14px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;outline:none;transition:var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-focus);background:var(--bg-quaternary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}