.alert-overlay-container[data-v-28cd37e8]{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px;width:100%;pointer-events:none}.alert-overlay[data-v-28cd37e8]{background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);border:2px solid var(--accent-blue);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-3);padding:var(--spacing-4);position:relative;pointer-events:auto;max-width:100%;word-wrap:break-word}.alert-overlay-header[data-v-28cd37e8]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2)}.alert-overlay-title[data-v-28cd37e8]{font-weight:600;font-size:var(--font-size-sm);color:var(--gray-800);margin:0;flex:1;margin-right:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-2)}.alert-overlay-content[data-v-28cd37e8]{font-size:var(--font-size-xs);color:var(--gray-600);line-height:1.4;margin-bottom:var(--spacing-2)}.alert-overlay-actions[data-v-28cd37e8]{display:flex;gap:var(--spacing-2);justify-content:flex-end;margin-top:var(--spacing-2)}.alert-overlay-close[data-v-28cd37e8]{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:var(--font-size-lg);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0}.alert-overlay-close[data-v-28cd37e8]:hover{background-color:var(--gray-100);color:var(--gray-700)}.alert-overlay-icon[data-v-28cd37e8]{margin-right:var(--spacing-2);font-size:var(--font-size-base);flex-shrink:0}.alert-overlay.alert-success[data-v-28cd37e8]{border-color:var(--success);background:linear-gradient(135deg,#d1e7dd,#f8f9fa)}.alert-overlay.alert-success .alert-overlay-icon[data-v-28cd37e8]{color:var(--success)}.alert-overlay.alert-warning[data-v-28cd37e8]{border-color:var(--warning);background:linear-gradient(135deg,#fff3cd,#f8f9fa)}.alert-overlay.alert-warning .alert-overlay-icon[data-v-28cd37e8]{color:var(--warning)}.alert-overlay.alert-danger[data-v-28cd37e8]{border-color:var(--error);background:linear-gradient(135deg,#f8d7da,#f8f9fa)}.alert-overlay.alert-danger .alert-overlay-icon[data-v-28cd37e8]{color:var(--error)}.alert-overlay.alert-info[data-v-28cd37e8]{border-color:var(--info);background:linear-gradient(135deg,#cff4fc,#f8f9fa)}.alert-overlay.alert-info .alert-overlay-icon[data-v-28cd37e8]{color:var(--info)}.alert-enter-active[data-v-28cd37e8]{animation:slideInRight-28cd37e8 .3s ease-out}.alert-leave-active[data-v-28cd37e8]{animation:slideOutRight-28cd37e8 .3s ease-in}@keyframes slideInRight-28cd37e8{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight-28cd37e8{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.btn[data-v-28cd37e8]{padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-xs);font-weight:500;transition:all var(--transition-fast);font-family:var(--font-family-primary)}.btn-sm[data-v-28cd37e8]{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs)}@media(max-width:768px){.alert-overlay-container[data-v-28cd37e8]{top:10px;right:10px;left:10px;max-width:none}.alert-overlay[data-v-28cd37e8]{padding:var(--spacing-3)}.alert-overlay-title[data-v-28cd37e8],.alert-overlay-content[data-v-28cd37e8]{font-size:var(--font-size-xs)}}:root{--nebula-light: #9f89e4;--nebula-base: #7964bd;--nebula-accent: #c0acff;--night-dark: #04173b;--night-medium: #082661;--night-light: #0d3687;--iolite-dark: #1e1866;--iolite-medium: #2a2383;--iolite-light: #3f37a1;--accent-blue: #7168df;--accent-teal: #0d3687;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: var(--accent-blue);--font-family-primary: "Kantumruy Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}html,body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--gray-700);background-color:var(--gray-50);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:600;line-height:1.3;margin:0 0 var(--spacing-4) 0;color:var(--gray-800)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-family-primary)}.btn-primary{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--night-light) 100%);color:var(--white)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.card{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}.card-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--gray-200)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-family-primary);transition:all var(--transition-normal)}.form-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #7168df1a}.gradient-purple{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--night-light) 100%)}.gradient-header{background:linear-gradient(135deg,var(--nebula-light) 0%,var(--iolite-medium) 100%)}#app{font-family:Kantumruy Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}*{box-sizing:border-box}body{margin:0;padding:0}.page-layout[data-v-8ea5518c]{display:flex;min-height:100vh;background:var(--gray-50, #f5f5f5)}.sidebar[data-v-8ea5518c]{width:280px;height:100vh;background:linear-gradient(180deg,#1e1866,#0d3687);border-right:3px solid var(--accent-blue, #7168df);box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000}.sidebar-header[data-v-8ea5518c]{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-section[data-v-8ea5518c]{text-align:center}.brand-logo[data-v-8ea5518c]{width:100%;max-width:180px;height:auto}.sidebar-nav[data-v-8ea5518c]{flex:1;min-height:0;padding:20px 0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav[data-v-8ea5518c]::-webkit-scrollbar{display:none}.nav-list[data-v-8ea5518c]{list-style:none;padding:0;margin:0}.nav-item[data-v-8ea5518c]{margin:8px 12px}.nav-separator[data-v-8ea5518c]{margin-top:16px;margin-bottom:4px}.nav-section-label[data-v-8ea5518c]{display:block;padding:0 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fff6}.nav-link[data-v-8ea5518c]{display:flex;align-items:center;gap:16px;padding:14px 16px;color:#fff;text-decoration:none;border-radius:8px;background:#ffffff0d;border:2px solid transparent;transition:all .3s ease;position:relative;font-weight:500}.nav-link i[data-v-8ea5518c]{width:24px;text-align:center;font-size:1.1rem}.nav-link[data-v-8ea5518c]:hover{background:linear-gradient(135deg,#7168df4d,#0d36874d);border-color:#fff3;transform:translate(4px)}.nav-link.router-link-active[data-v-8ea5518c]{background:linear-gradient(135deg,#7168df,#0d3687);border-color:#fff;box-shadow:0 4px 12px #7168df66}.nav-link.router-link-active[data-v-8ea5518c]:before{content:"";position:absolute;left:-2px;top:25%;bottom:25%;width:4px;background:#fff;border-radius:2px;box-shadow:0 0 8px #fff9}.alert-badge[data-v-8ea5518c]{margin-left:auto;background:#dc3545;color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.nav-badge[data-v-8ea5518c]{margin-left:auto;font-size:.65rem;display:flex;align-items:center;justify-content:center}.nav-badge.connected[data-v-8ea5518c]{color:#28a745}.nav-badge.connected i[data-v-8ea5518c]{font-size:.5rem;width:auto;animation:badge-pulse-8ea5518c 2s infinite}.nav-badge.disconnected[data-v-8ea5518c]{color:#6c757d;opacity:.5}.nav-badge.disconnected i[data-v-8ea5518c]{font-size:.5rem;width:auto}@keyframes badge-pulse-8ea5518c{0%,to{opacity:1}50%{opacity:.4}}.sidebar-footer[data-v-8ea5518c]{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.version-section[data-v-8ea5518c]{display:flex;align-items:center;justify-content:center}.version-label[data-v-8ea5518c]{font-size:.75rem;color:#ffffff80;font-weight:500;font-family:monospace}.status-section[data-v-8ea5518c]{display:flex;align-items:center;gap:8px;color:#fff;font-size:.875rem}.status-indicator[data-v-8ea5518c]{width:10px;height:10px;border-radius:50%;background-color:#dc3545;animation:pulse-8ea5518c 2s infinite}.status-indicator.connected[data-v-8ea5518c]{background-color:#28a745}@keyframes pulse-8ea5518c{0%,to{opacity:1}50%{opacity:.5}}.status-text[data-v-8ea5518c]{font-size:.875rem;color:#fff}.btn-logout[data-v-8ea5518c]{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .3s ease;width:100%}.btn-logout[data-v-8ea5518c]:hover{background:#fff3;transform:translateY(-1px)}.main-content-wrapper[data-v-8ea5518c]{flex:1;margin-left:280px;display:flex;flex-direction:column;min-height:100vh}.top-bar[data-v-8ea5518c]{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 24px;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.top-bar-content[data-v-8ea5518c]{display:flex;align-items:center;justify-content:space-between}.page-title[data-v-8ea5518c]{font-size:1.5rem;font-weight:600;color:#0d3687;margin:0}.main-content[data-v-8ea5518c]{flex:1;padding:24px;background:var(--gray-50, #f5f5f5);overflow-y:auto}.hamburger-btn[data-v-8ea5518c]{display:none;background:none;border:none;font-size:1.25rem;color:#0d3687;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.hamburger-btn[data-v-8ea5518c]:hover{background:#0d368714}.sidebar-overlay[data-v-8ea5518c]{display:none}@media(max-width:768px){.hamburger-btn[data-v-8ea5518c]{display:flex;align-items:center}.sidebar[data-v-8ea5518c]{transform:translate(-100%);transition:transform .3s ease}.sidebar.open[data-v-8ea5518c]{transform:translate(0)}.sidebar-overlay[data-v-8ea5518c]{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}.main-content-wrapper[data-v-8ea5518c]{margin-left:0}.top-bar[data-v-8ea5518c]{padding:12px 16px}.main-content[data-v-8ea5518c]{padding:16px}.page-title[data-v-8ea5518c]{font-size:1.2rem}}@media(max-width:480px){.top-bar[data-v-8ea5518c]{padding:10px 12px}.main-content[data-v-8ea5518c]{padding:12px}.page-title[data-v-8ea5518c]{font-size:1.1rem}}