:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sidebar[data-v-7f12fde2]{width:260px;min-width:260px;height:100vh;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:sticky;top:0;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.collapsed[data-v-7f12fde2]{width:68px;min-width:68px}.sidebar-brand[data-v-7f12fde2]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb;min-height:64px}.brand-logo[data-v-7f12fde2]{display:flex;align-items:center;gap:10px}.brand-text[data-v-7f12fde2]{font-weight:700;font-size:1.15rem;color:#1e293b;white-space:nowrap}.collapse-btn[data-v-7f12fde2]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:all .2s;flex-shrink:0}.collapse-btn[data-v-7f12fde2]:hover{background:#f1f5f9;color:#475569}.sidebar-nav[data-v-7f12fde2]{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.sidebar-nav[data-v-7f12fde2]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-7f12fde2]::-webkit-scrollbar-track{background:transparent}.sidebar-nav[data-v-7f12fde2]::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.menu-group[data-v-7f12fde2]{margin-bottom:4px}.group-header[data-v-7f12fde2]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#94a3b8;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s;margin-top:8px}.group-header[data-v-7f12fde2]:hover{color:#64748b;background:#f8fafc}.group-chevron[data-v-7f12fde2]{transition:transform .2s ease;flex-shrink:0}.group-chevron.rotated[data-v-7f12fde2]{transform:rotate(180deg)}.collapsed-divider[data-v-7f12fde2]{height:1px;background:#e5e7eb;margin:8px 12px}.menu-item[data-v-7f12fde2]{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:#64748b;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .15s ease;white-space:nowrap;position:relative;margin-bottom:1px}.menu-item[data-v-7f12fde2]:hover{background:#f1f5f9;color:#334155}.menu-item.active[data-v-7f12fde2]{background:#eff6ff;color:#2563eb;font-weight:600}.menu-item.active .menu-icon[data-v-7f12fde2]{color:#2563eb}.menu-item.active[data-v-7f12fde2]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#2563eb;border-radius:0 3px 3px 0}.menu-icon[data-v-7f12fde2]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.menu-label[data-v-7f12fde2]{flex:1;overflow:hidden;text-overflow:ellipsis}.menu-badge[data-v-7f12fde2]{padding:1px 6px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.menu-badge.ai[data-v-7f12fde2]{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.sidebar.collapsed .sidebar-brand[data-v-7f12fde2]{flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;gap:8px}.sidebar.collapsed .brand-logo[data-v-7f12fde2]{cursor:pointer}.sidebar.collapsed .collapse-btn[data-v-7f12fde2]{display:flex;width:32px;height:32px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b}.sidebar.collapsed .collapse-btn[data-v-7f12fde2]:hover{background:#dbeafe;color:#2563eb;border-color:#bfdbfe}.sidebar.collapsed .sidebar-nav[data-v-7f12fde2]{padding:8px 4px}.sidebar.collapsed .menu-item[data-v-7f12fde2]{justify-content:center;padding:10px}.sidebar.collapsed .menu-item.active[data-v-7f12fde2]:before{display:none}.menu-slide-enter-active[data-v-7f12fde2],.menu-slide-leave-active[data-v-7f12fde2]{transition:all .2s ease}.menu-slide-enter-from[data-v-7f12fde2],.menu-slide-leave-to[data-v-7f12fde2]{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:0}.sidebar-footer[data-v-7f12fde2]{border-top:1px solid #e5e7eb;padding:8px;display:flex;flex-direction:column;gap:2px}.footer-btn[data-v-7f12fde2]{display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;border-radius:8px;background:transparent;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;width:100%;white-space:nowrap}.footer-btn[data-v-7f12fde2]:hover:not(:disabled){background:#f1f5f9;color:#334155}.footer-btn.logout-btn[data-v-7f12fde2]:hover:not(:disabled){background:#fee2e2;color:#dc2626}.footer-btn[data-v-7f12fde2]:disabled{opacity:.5;cursor:not-allowed}.footer-btn svg.spinning[data-v-7f12fde2]{animation:spin-7f12fde2 1s linear infinite}@keyframes spin-7f12fde2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar.collapsed .footer-btn[data-v-7f12fde2]{justify-content:center;padding:10px}.sidebar-overlay[data-v-7f12fde2]{display:none}.sidebar-overlay.show[data-v-7f12fde2]{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:1024px){.sidebar[data-v-7f12fde2]{width:240px;min-width:240px}.sidebar.collapsed[data-v-7f12fde2]{width:64px;min-width:64px}}@media(max-width:768px){.sidebar[data-v-7f12fde2]{position:fixed;left:-280px;top:0;width:280px;min-width:280px;z-index:1001;transition:left .3s ease;box-shadow:none}.sidebar.mobile-open[data-v-7f12fde2]{left:0;box-shadow:2px 0 10px #0000001a}.sidebar.collapsed[data-v-7f12fde2]{width:280px;min-width:280px}.collapse-btn[data-v-7f12fde2]{display:none}.sidebar-brand[data-v-7f12fde2]{padding:12px 16px;min-height:57px}.sidebar-nav[data-v-7f12fde2]{padding:6px 12px}.menu-item[data-v-7f12fde2]{padding:10px 12px;font-size:.9rem}.menu-icon[data-v-7f12fde2]{width:22px;height:22px}.footer-btn[data-v-7f12fde2]{padding:10px 12px;font-size:.9rem}}@media(max-width:480px){.sidebar[data-v-7f12fde2]{width:260px;min-width:260px;left:-280px}.sidebar-brand[data-v-7f12fde2]{padding:10px 12px}.brand-text[data-v-7f12fde2]{font-size:1rem}.sidebar-nav[data-v-7f12fde2]{padding:4px 8px}.menu-item[data-v-7f12fde2]{padding:8px 10px;font-size:.85rem}.menu-icon[data-v-7f12fde2]{width:20px;height:20px}.group-header[data-v-7f12fde2]{padding:6px 8px;font-size:.65rem}.footer-btn[data-v-7f12fde2]{padding:8px 10px;font-size:.85rem}}.dark-theme{background:#0f172a;border-right-color:#1e293b}.dark-theme{border-bottom-color:#1e293b}.dark-theme{color:#f1f5f9}.dark-theme{color:#475569}.dark-theme{color:#94a3b8;background:#1e293b}.dark-theme{background:#1e3a5f;color:#60a5fa}.dark-theme{color:#60a5fa}.dark-theme{background:#60a5fa}.dark-theme{background:#1e293b}.dark-theme{border-top-color:#1e293b}.dark-theme{color:#94a3b8}.dark-theme{background:#1e293b;color:#e2e8f0}.dark-theme{background:#7f1d1d;color:#fca5a5}.dark-theme{color:#64748b}.dark-theme{background:#1e293b;color:#94a3b8}.dark-theme{background:#1e293b;border-color:#334155;color:#94a3b8}.dark-theme{background:#1e3a5f;color:#60a5fa;border-color:#2563eb}.sidebar.collapsed .menu-item[data-v-7f12fde2]{position:relative}.sidebar.collapsed .menu-item[data-v-7f12fde2]:hover:after{content:attr(title);position:fixed;left:76px;top:auto;background:#1e293b;color:#f1f5f9;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;z-index:9999;pointer-events:none;box-shadow:0 4px 12px #00000026}.sidebar.collapsed .footer-btn[data-v-7f12fde2]{position:relative}.sidebar.collapsed .footer-btn[data-v-7f12fde2]:hover:after{content:attr(title);position:fixed;left:76px;top:auto;background:#1e293b;color:#f1f5f9;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;z-index:9999;pointer-events:none;box-shadow:0 4px 12px #00000026}.notification-overlay[data-v-33a12258]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-33a12258 .2s ease-out}.notification-modal[data-v-33a12258]{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:600px;width:90%;max-height:80vh;overflow:hidden;animation:slideUp-33a12258 .3s ease-out}.notification-header[data-v-33a12258]{display:flex;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.notification-icon[data-v-33a12258]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-right:15px;color:#fff}.notification-success[data-v-33a12258]{background:#10b981}.notification-error[data-v-33a12258]{background:#ef4444}.notification-warning[data-v-33a12258]{background:#f59e0b}.notification-info[data-v-33a12258]{background:#3b82f6}.notification-header h3[data-v-33a12258]{flex:1;margin:0;font-size:18px;font-weight:600;color:#1f2937}.close-button[data-v-33a12258]{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-button[data-v-33a12258]:hover{background:#f3f4f6}.notification-body[data-v-33a12258]{padding:20px}.notification-message[data-v-33a12258]{margin:0 0 15px;color:#4b5563;line-height:1.5}.notification-details[data-v-33a12258]{background:#f9fafb;border-radius:6px;padding:15px;border-left:4px solid #e5e7eb}.detail-item[data-v-33a12258]{margin:5px 0;color:#6b7280;font-size:14px}.detail-item[data-v-33a12258]:first-child{margin-top:0}.detail-item[data-v-33a12258]:last-child{margin-bottom:0}.notification-actions[data-v-33a12258]{display:flex;gap:10px;padding:20px;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn[data-v-33a12258]{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary[data-v-33a12258]{background:#3b82f6;color:#fff}.btn-primary[data-v-33a12258]:hover{background:#2563eb}.btn-success[data-v-33a12258]{background:#10b981;color:#fff}.btn-success[data-v-33a12258]:hover{background:#059669}.btn-danger[data-v-33a12258]{background:#ef4444;color:#fff}.btn-danger[data-v-33a12258]:hover{background:#dc2626}.btn-warning[data-v-33a12258]{background:#f59e0b;color:#fff}.btn-warning[data-v-33a12258]:hover{background:#d97706}.btn-secondary[data-v-33a12258]{background:#6b7280;color:#fff}.btn-secondary[data-v-33a12258]:hover{background:#4b5563}@keyframes fadeIn-33a12258{0%{opacity:0}to{opacity:1}}@keyframes slideUp-33a12258{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.notification-modal[data-v-33a12258]{width:95%;margin:20px}.notification-header[data-v-33a12258],.notification-body[data-v-33a12258],.notification-actions[data-v-33a12258]{padding:15px}.notification-actions[data-v-33a12258]{flex-direction:column}.btn[data-v-33a12258]{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#2c3e50;line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}.app-layout{display:flex;flex:1;min-height:100vh}.main-content{flex:1;background:#f8f9fa;overflow-x:hidden;min-width:0}.app-layout .main-content>*{max-width:100%!important}.main-content.full-height{background:none;min-height:100vh}.mobile-topbar{display:none;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:999}.mobile-hamburger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.mobile-hamburger:hover{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem;color:#1e293b}@media(max-width:1024px){.app-layout{min-height:100vh}.sidebar.mobile-open{left:0!important;box-shadow:4px 0 24px #00000026}}@media(max-width:768px){.mobile-topbar{display:flex}.app-layout{min-height:calc(100vh - 57px)}.sidebar.mobile-open{left:0!important;box-shadow:4px 0 24px #00000026}.mobile-hamburger{width:32px;height:32px}.mobile-brand{font-size:1rem}.mobile-brand svg{width:20px;height:20px}}@media(max-width:480px){.mobile-topbar{padding:8px 12px}.mobile-hamburger{width:28px;height:28px}.mobile-hamburger svg{width:18px;height:18px}.mobile-brand{font-size:.9rem;gap:6px}.mobile-brand svg{width:18px;height:18px}}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;font-weight:500}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background:#2980b9}.btn:disabled{opacity:.6;cursor:not-allowed}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}@media(max-width:1200px){.main-content{padding:0 4px}}@media(max-width:1024px){.main-content{padding:0 2px}}@media(max-width:768px){.main-content{padding:0}body{font-size:14px}}@media(max-width:480px){body{font-size:13px}.main-content{min-width:0}}@media(max-width:640px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}}@media(max-width:480px){h1{font-size:1.3rem}h2{font-size:1.15rem}h3{font-size:1.05rem}}@media(max-width:768px){.main-content>*{margin-bottom:12px}}@media(max-width:480px){.main-content>*{margin-bottom:8px}}.dark-theme .mobile-topbar{background:#0f172a;border-bottom-color:#1e293b}.dark-theme .mobile-brand{color:#f1f5f9}.dark-theme .mobile-hamburger{background:#1e293b;border-color:#334155;color:#94a3b8}.dark-theme .mobile-hamburger:hover{background:#334155;color:#e2e8f0}.dark-theme .main-content{background:#0f172a}
