.navbar[data-v-4d3e3677]{position:fixed;top:0;right:0;height:var(--navbar-height);width:calc(100% - var(--sidebar-width));background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:100;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .25s ease,backdrop-filter .25s ease,box-shadow .25s ease}.navbar--scrolled[data-v-4d3e3677]{background:var(--color-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--color-border-subtle);box-shadow:0 1px 8px #0000000a}.navbar.sidebar-collapsed[data-v-4d3e3677]{width:100%}.navbar-left[data-v-4d3e3677]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.navbar-brand-btn[data-v-4d3e3677]{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:10px;color:var(--color-text-secondary);transition:all .2s ease;flex-shrink:0;cursor:pointer;border:none;background:none;font-family:inherit}.navbar-brand-btn[data-v-4d3e3677]:hover{background:var(--color-glass-hover);color:var(--color-text)}.hamburger-icon[data-v-4d3e3677]{flex-shrink:0;color:var(--color-text-secondary)}.brand-logo-img[data-v-4d3e3677]{height:28px;width:auto;object-fit:contain;flex-shrink:0}.navbar-search[data-v-4d3e3677]{display:flex;align-items:center;gap:10px;background:var(--color-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:12px;padding:10px 16px;width:100%;max-width:520px;transition:all .2s ease}.navbar-search[data-v-4d3e3677]:focus-within{background:var(--color-glass-hover);border-color:#3b82f64d;box-shadow:0 0 0 3px #3b82f614}.search-icon[data-v-4d3e3677]{color:var(--color-text-muted);flex-shrink:0}.search-input[data-v-4d3e3677]{border:none;background:none;outline:none;width:100%;font-size:14px;color:var(--color-text)}.search-input[data-v-4d3e3677]::placeholder{color:var(--color-text-muted)}.navbar-right[data-v-4d3e3677]{display:flex;align-items:center;gap:16px;flex-shrink:0;margin-left:24px}.nav-icon-btn[data-v-4d3e3677]{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--color-text-secondary);transition:all .2s ease}.nav-icon-btn[data-v-4d3e3677]:hover{background:var(--color-glass-hover);color:var(--color-text)}.notification-dot[data-v-4d3e3677]{position:absolute;top:8px;right:9px;width:8px;height:8px;background-color:#ef4444;border-radius:50%}.nav-divider[data-v-4d3e3677]{width:1px;height:32px;background-color:var(--color-border-subtle)}.user-section[data-v-4d3e3677]{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 8px 6px 12px;border-radius:12px;transition:background-color .2s ease}.user-section[data-v-4d3e3677]:hover{background:var(--color-glass-hover)}.user-info[data-v-4d3e3677]{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.user-label[data-v-4d3e3677]{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.user-name[data-v-4d3e3677]{font-size:13px;font-weight:600;color:var(--color-text)}.user-avatar[data-v-4d3e3677]{width:38px;height:38px;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;box-shadow:0 2px 8px #f59e0b4d}.dropdown-arrow[data-v-4d3e3677]{color:var(--color-text-muted);display:flex;align-items:center;transition:transform .2s ease}.dropdown-arrow.open[data-v-4d3e3677]{transform:rotate(180deg)}.profile-wrapper[data-v-4d3e3677]{position:relative}.profile-dropdown[data-v-4d3e3677]{position:absolute;top:calc(100% + 10px);right:0;width:260px;background:var(--color-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:14px;padding:8px;box-shadow:0 12px 40px #00000014,0 2px 12px #0000000a;z-index:250;transform-origin:top right}.profile-card[data-v-4d3e3677]{display:flex;align-items:center;gap:12px;padding:12px 10px}.profile-card-avatar[data-v-4d3e3677]{width:42px;height:42px;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 2px 8px #f59e0b4d}.profile-card-info[data-v-4d3e3677]{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-card-name[data-v-4d3e3677]{font-size:14px;font-weight:600;color:var(--color-text)}.profile-card-email[data-v-4d3e3677]{font-size:12px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-divider[data-v-4d3e3677]{height:1px;background:var(--color-border-subtle);margin:4px 6px}.profile-menu-item[data-v-4d3e3677]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;color:var(--color-text-secondary);border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .12s ease;text-align:left;white-space:nowrap}.profile-menu-item[data-v-4d3e3677]:hover{background:#ffffff80;color:var(--color-text)}.profile-menu-item.danger[data-v-4d3e3677]{color:#ef4444}.profile-menu-item.danger[data-v-4d3e3677]:hover{background:#ef444414;color:#dc2626}.profile-drop-enter-active[data-v-4d3e3677]{transition:opacity .15s ease,transform .15s ease}.profile-drop-leave-active[data-v-4d3e3677]{transition:opacity .1s ease,transform .1s ease}.profile-drop-enter-from[data-v-4d3e3677],.profile-drop-leave-to[data-v-4d3e3677]{opacity:0;transform:scale(.95) translateY(-4px)}.lang-picker-wrapper[data-v-4d3e3677]{position:relative}.lang-flag[data-v-4d3e3677]{font-size:18px;line-height:1}.theme-picker-wrapper[data-v-4d3e3677]{position:relative}.theme-trigger[data-v-4d3e3677]{color:var(--color-text-secondary)}.theme-dropdown[data-v-4d3e3677]{position:absolute;top:calc(100% + 10px);right:50%;transform:translate(50%);min-width:156px;background:var(--color-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:12px;padding:6px;box-shadow:0 12px 40px #00000014,0 2px 12px #0000000a;z-index:250;transform-origin:top center}.theme-option[data-v-4d3e3677]{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .12s ease}.theme-option[data-v-4d3e3677]:hover{background:#ffffff80}.theme-option.active[data-v-4d3e3677]{background:#ffffff73}.theme-swatch[data-v-4d3e3677]{width:18px;height:18px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 4px #0000001f;border:2px solid rgba(255,255,255,.7)}.theme-swatch.blue[data-v-4d3e3677]{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.theme-swatch.pink[data-v-4d3e3677]{background:linear-gradient(135deg,#ec4899,#f472b6)}.theme-swatch.yellow[data-v-4d3e3677]{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.theme-swatch.colorful[data-v-4d3e3677]{background:linear-gradient(135deg,#0d9488,#5eead4)}.theme-swatch.minimal[data-v-4d3e3677]{background:linear-gradient(135deg,#fff,#e5e7eb);border:1.5px solid #d1d5db}.theme-name[data-v-4d3e3677]{font-size:13px;font-weight:500;color:var(--color-text-secondary);flex:1;text-align:left}.theme-option.active .theme-name[data-v-4d3e3677]{color:var(--color-text);font-weight:600}.theme-check[data-v-4d3e3677]{color:var(--color-primary);flex-shrink:0}.theme-drop-enter-active[data-v-4d3e3677]{transition:opacity .15s ease,transform .15s ease}.theme-drop-leave-active[data-v-4d3e3677]{transition:opacity .1s ease,transform .1s ease}.theme-drop-enter-from[data-v-4d3e3677],.theme-drop-leave-to[data-v-4d3e3677]{opacity:0;transform:translate(50%) scale(.95) translateY(-4px)}.sidebar[data-v-5d3fb1bc]{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:110;overflow:hidden}.sidebar.collapsed[data-v-5d3fb1bc]{width:0;border-right:none}.sidebar-header[data-v-5d3fb1bc]{height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.sidebar-toggle[data-v-5d3fb1bc]{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--color-text-muted);transition:all .15s ease;flex-shrink:0;opacity:0}.sidebar:hover .sidebar-toggle[data-v-5d3fb1bc]{opacity:1}.sidebar-toggle[data-v-5d3fb1bc]:hover{background:var(--color-sidebar-hover);color:var(--color-text)}.logo[data-v-5d3fb1bc]{display:flex;align-items:center}.logo-img[data-v-5d3fb1bc]{height:28px;width:auto;object-fit:contain}.sidebar-nav[data-v-5d3fb1bc]{flex:1;padding:4px 10px 12px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.15) transparent}.nav-group[data-v-5d3fb1bc]{display:flex;flex-direction:column}.nav-group+.nav-group[data-v-5d3fb1bc]{margin-top:4px;padding-top:4px}.nav-group-header[data-v-5d3fb1bc]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .15s ease;border:none;background:none}.nav-group-header[data-v-5d3fb1bc]:hover{background:var(--color-sidebar-hover)}.nav-group-label[data-v-5d3fb1bc]{font-size:10px;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.6px}.nav-group-toggle-icon[data-v-5d3fb1bc]{color:var(--color-text-muted);flex-shrink:0;opacity:0;transition:opacity .15s ease,color .15s ease}.nav-group-header:hover .nav-group-toggle-icon[data-v-5d3fb1bc]{opacity:.7;color:var(--color-text-secondary)}.menu-list[data-v-5d3fb1bc]{display:flex;flex-direction:column;gap:1px;padding-top:1px}.menu-item[data-v-5d3fb1bc]{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:8px;color:var(--color-sidebar-text);transition:all .15s ease;white-space:nowrap;font-weight:450}.menu-item[data-v-5d3fb1bc]:hover{background:var(--color-sidebar-hover);color:var(--color-text)}.menu-item.active[data-v-5d3fb1bc]{background:var(--color-sidebar-active-bg);color:var(--color-sidebar-active-text)}.menu-icon[data-v-5d3fb1bc]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px}.menu-label[data-v-5d3fb1bc]{flex:1;font-size:13px;text-align:left}.menu-badge[data-v-5d3fb1bc]{background-color:var(--color-sidebar-active-text);color:#fff;font-size:10px;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.menu-arrow[data-v-5d3fb1bc]{color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0;opacity:.5}.menu-item:hover .menu-arrow[data-v-5d3fb1bc]{opacity:.8}.menu-arrow.open[data-v-5d3fb1bc]{transform:rotate(180deg)}.submenu[data-v-5d3fb1bc]{display:flex;flex-direction:column;gap:0;margin-left:17px;padding-left:0;margin-top:1px;position:relative}.submenu[data-v-5d3fb1bc]:before{content:"";position:absolute;left:0;top:0;bottom:12px;width:1px;background:var(--color-border-subtle);border-radius:1px}.submenu li[data-v-5d3fb1bc]{position:relative;padding-left:16px}.submenu li[data-v-5d3fb1bc]:before{content:"";position:absolute;left:0;top:50%;width:10px;height:1px;background:var(--color-text-muted);opacity:.35;border-radius:1px}.submenu li[data-v-5d3fb1bc]:after{content:"";position:absolute;left:9px;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:50%;background:var(--color-text-muted);opacity:.5;transition:all .15s ease}.submenu li[data-v-5d3fb1bc]:has(.submenu-item.active):after{background:var(--color-sidebar-active-text);opacity:1;transform:translateY(-50%) scale(1.3)}.submenu-item[data-v-5d3fb1bc]{width:100%;text-align:left;padding:5px 8px;border-radius:6px;font-size:12.5px;font-weight:450;color:var(--color-sidebar-text);transition:all .15s ease;white-space:nowrap}.submenu-item[data-v-5d3fb1bc]:hover{background:var(--color-sidebar-hover);color:var(--color-text)}.submenu-item.active[data-v-5d3fb1bc]{color:var(--color-sidebar-active-text);font-weight:600}.notif-overlay[data-v-b6fa59ba]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:299}.overlay-fade-enter-active[data-v-b6fa59ba]{transition:opacity .25s ease}.overlay-fade-leave-active[data-v-b6fa59ba]{transition:opacity .2s ease}.overlay-fade-enter-from[data-v-b6fa59ba],.overlay-fade-leave-to[data-v-b6fa59ba]{opacity:0}.notif-panel[data-v-b6fa59ba]{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--color-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-left:1px solid var(--color-border);box-shadow:-8px 0 40px #00000014;z-index:300;display:flex;flex-direction:column}.panel-slide-enter-active[data-v-b6fa59ba]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.panel-slide-leave-active[data-v-b6fa59ba]{transition:transform .25s cubic-bezier(.4,0,.2,1)}.panel-slide-enter-from[data-v-b6fa59ba],.panel-slide-leave-to[data-v-b6fa59ba]{transform:translate(100%)}.notif-header[data-v-b6fa59ba]{padding:24px 24px 0;flex-shrink:0}.notif-header-top[data-v-b6fa59ba]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.notif-title[data-v-b6fa59ba]{font-size:18px;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:10px}.notif-badge[data-v-b6fa59ba]{font-size:11px;font-weight:700;color:#fff;background:var(--color-primary);min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 7px}.notif-close[data-v-b6fa59ba]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.notif-close[data-v-b6fa59ba]:hover{background:#ffffff80;color:var(--color-text)}.notif-tabs[data-v-b6fa59ba]{display:flex;gap:4px;background:#ffffff40;border-radius:10px;padding:4px}.notif-tab[data-v-b6fa59ba]{flex:1;padding:8px 12px;font-size:13px;font-weight:500;color:var(--color-text-muted);border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .15s ease;text-align:center}.notif-tab[data-v-b6fa59ba]:hover{color:var(--color-text-secondary)}.notif-tab.active[data-v-b6fa59ba]{background:#fff9;color:var(--color-primary);font-weight:600;box-shadow:0 1px 4px #0000000d}.notif-body[data-v-b6fa59ba]{flex:1;overflow-y:auto;padding:16px 16px 0;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.25) transparent}.notif-actions[data-v-b6fa59ba]{display:flex;justify-content:flex-end;padding:0 8px 8px}.mark-all-btn[data-v-b6fa59ba]{font-size:12px;font-weight:500;color:var(--color-primary);border:none;background:transparent;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .12s ease}.mark-all-btn[data-v-b6fa59ba]:hover{background:var(--color-primary-light)}.notif-list[data-v-b6fa59ba]{display:flex;flex-direction:column;gap:2px}.notif-item[data-v-b6fa59ba]{display:flex;align-items:flex-start;gap:14px;padding:14px 12px;border-radius:12px;border:none;background:transparent;cursor:pointer;transition:all .15s ease;text-align:left;width:100%;position:relative}.notif-item[data-v-b6fa59ba]:hover{background:#fff6}.notif-item.unread[data-v-b6fa59ba]{background:#ffffff40}.notif-item.unread[data-v-b6fa59ba]:hover{background:#ffffff73}.notif-dot[data-v-b6fa59ba]{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.notif-avatar[data-v-b6fa59ba]{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.notif-content[data-v-b6fa59ba]{display:flex;flex-direction:column;gap:3px;min-width:0}.notif-item-title[data-v-b6fa59ba]{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.3}.notif-item.unread .notif-item-title[data-v-b6fa59ba]{color:var(--color-text)}.notif-message[data-v-b6fa59ba]{font-size:12px;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-time[data-v-b6fa59ba]{font-size:11px;color:var(--color-text-muted);font-weight:500;margin-top:2px}.notif-empty[data-v-b6fa59ba]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px}.notif-empty span[data-v-b6fa59ba]{font-size:13px;color:var(--color-text-muted)}.notif-footer[data-v-b6fa59ba]{padding:16px 24px;border-top:1px solid var(--color-border-subtle);flex-shrink:0}.notif-footer-btn[data-v-b6fa59ba]{width:100%;padding:10px;font-size:13px;font-weight:600;color:var(--color-primary);border:1px solid var(--color-border-subtle);border-radius:10px;background:transparent;cursor:pointer;transition:all .15s ease;text-align:center}.notif-footer-btn[data-v-b6fa59ba]:hover{background:var(--color-primary-light);border-color:var(--color-primary)}@media(max-width:480px){.notif-panel[data-v-b6fa59ba]{width:100%}}.app-loading[data-v-75880ec3]{display:flex;align-items:center;justify-content:center;padding:24px}.app-loading--fullscreen[data-v-75880ec3]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;padding:0;background:var(--color-background)}.app-loading--overlay[data-v-75880ec3]{background:#fff9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.app-loading__content[data-v-75880ec3]{display:flex;flex-direction:column;align-items:center;gap:16px}.app-loading__spinner[data-v-75880ec3]{position:relative}.app-loading__circle[data-v-75880ec3]{border-radius:50%;border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary);animation:loading-spin-75880ec3 .7s linear infinite}.app-loading--sm .app-loading__circle[data-v-75880ec3]{width:20px;height:20px;border-width:2px}.app-loading--md .app-loading__circle[data-v-75880ec3]{width:32px;height:32px;border-width:3px}.app-loading--lg .app-loading__circle[data-v-75880ec3]{width:44px;height:44px;border-width:3.5px}.app-loading__text[data-v-75880ec3]{font-size:13px;font-weight:500;color:var(--color-text-secondary);letter-spacing:.2px}.app-loading--sm .app-loading__text[data-v-75880ec3]{font-size:12px}.app-loading--lg .app-loading__text[data-v-75880ec3]{font-size:14px}@keyframes loading-spin-75880ec3{to{transform:rotate(360deg)}}.app-toast-container[data-v-8a4e78e9]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:420px}.app-toast[data-v-8a4e78e9]{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;background:var(--color-surface-solid, #fff);border:1px solid var(--color-border-subtle, #e2e8f0);box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;animation:toast-in-8a4e78e9 .3s ease;min-width:300px}.app-toast--leaving[data-v-8a4e78e9]{animation:toast-out-8a4e78e9 .3s ease forwards}.app-toast__icon[data-v-8a4e78e9]{flex-shrink:0;margin-top:1px}.app-toast__message[data-v-8a4e78e9]{flex:1;font-size:13px;line-height:1.5;color:var(--color-text, #1e293b)}.app-toast__close[data-v-8a4e78e9]{flex-shrink:0;background:none;border:none;cursor:pointer;padding:2px;color:var(--color-text-muted, #94a3b8);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.app-toast__close[data-v-8a4e78e9]:hover{color:var(--color-text, #1e293b)}.app-toast--error[data-v-8a4e78e9]{border-left:3px solid #ef4444}.app-toast--error .app-toast__icon[data-v-8a4e78e9]{color:#ef4444}.app-toast--success[data-v-8a4e78e9]{border-left:3px solid #22c55e}.app-toast--success .app-toast__icon[data-v-8a4e78e9]{color:#22c55e}.app-toast--warning[data-v-8a4e78e9]{border-left:3px solid #f59e0b}.app-toast--warning .app-toast__icon[data-v-8a4e78e9]{color:#f59e0b}.app-toast--info[data-v-8a4e78e9]{border-left:3px solid #3b82f6}.app-toast--info .app-toast__icon[data-v-8a4e78e9]{color:#3b82f6}@keyframes toast-in-8a4e78e9{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out-8a4e78e9{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.auth-root[data-v-3742132a]{width:100%;min-height:100vh}.app-root[data-v-3742132a]{width:calc(100% - var(--sidebar-width))}.main-content[data-v-3742132a]{margin-top:var(--navbar-height);margin-left:var(--sidebar-width);padding:28px 32px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:calc(100vh - var(--navbar-height));width:100%;display:flex;flex-direction:column;gap:24px}.main-content.sidebar-collapsed[data-v-3742132a]{margin-left:0}.glass-surface{background:var(--color-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border)}.glass-solid{background:#ffffffe0;backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5);border:1px solid rgba(255,255,255,.7)}.glass-overlay{background:#fff9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dropdown-menu{position:absolute;background:var(--color-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:12px;padding:6px;box-shadow:0 12px 40px #00000014,0 2px 12px #0000000a;z-index:200}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;color:var(--color-text-secondary);border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .12s ease;white-space:nowrap;text-align:left}.dropdown-item:hover{background:#ffffff8c;color:var(--color-text)}.dropdown-item.danger{color:var(--color-error, #ef4444)}.dropdown-item.danger:hover{background:#ef444414;color:#dc2626}.dropdown-divider{height:1px;background:var(--color-border-subtle);margin:4px 6px}.dropdown-enter-active{transition:opacity .15s ease,transform .15s ease}.dropdown-leave-active{transition:opacity .1s ease,transform .1s ease}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:scale(.95) translateY(-4px)}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b859}.components-page .page-header{margin-bottom:32px}.components-page .page-title{font-size:28px;font-weight:800;color:var(--color-text);letter-spacing:-.5px}.components-page .page-desc{font-size:15px;color:var(--color-text-muted);margin-top:4px}.comp-header{display:flex;align-items:baseline;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--color-border-subtle);width:100%}.comp-title{font-size:22px;font-weight:700;color:var(--color-text)}.comp-path{font-size:12px;font-weight:500;color:var(--color-text-muted);background:#94a3b81a;padding:3px 10px;border-radius:6px;font-family:SF Mono,Fira Code,monospace}.comp-block{margin-bottom:28px}.comp-block:last-child{margin-bottom:0}.comp-block+.comp-block{padding-top:28px;border-top:1px solid rgba(148,163,184,.1)}.block-title{font-size:15px;font-weight:700;color:var(--color-text);margin-bottom:4px}.block-desc{font-size:13px;color:var(--color-text-muted);margin-bottom:14px}.block-desc code{font-size:12px;font-family:SF Mono,Fira Code,monospace;background:#94a3b81a;padding:2px 6px;border-radius:4px;color:var(--color-primary)}.preview-grid{display:grid;grid-template-columns:1fr;gap:14px}.preview-grid.cols-2{grid-template-columns:1fr 1fr}.preview-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.preview-grid.cols-4{grid-template-columns:1fr 1fr 1fr 1fr}.preview-grid.max-w-sm{max-width:480px}.example-card{background:#ffffff59;border:1px solid var(--color-border-subtle);border-radius:14px;padding:16px 20px;margin-bottom:12px}.example-card:last-child{margin-bottom:0}.example-label{display:inline-block;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.example-content{display:flex;flex-direction:column;gap:0}.props-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--color-border-subtle)}.props-table{width:100%;border-collapse:collapse;font-size:13px}.props-table th{text-align:left;padding:10px 14px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);background:#ffffff4d;border-bottom:1px solid var(--color-border-subtle)}.props-table td{padding:10px 14px;color:var(--color-text-secondary);border-bottom:1px solid rgba(148,163,184,.08)}.props-table tr:last-child td{border-bottom:none}.props-table code{font-size:12px;font-family:SF Mono,Fira Code,monospace;background:#94a3b81a;padding:2px 6px;border-radius:4px;color:var(--color-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-background: #ececec;--color-surface: rgba(255, 255, 255, .55);--color-surface-solid: #ffffff;--color-primary: #3b82f6;--color-primary-light: rgba(59, 130, 246, .1);--color-primary-hover: #2563eb;--color-text: #1e293b;--color-text-secondary: #71849e;--color-text-muted: #64748b;--color-border: rgba(255, 255, 255, .5);--color-border-subtle: rgba(148, 163, 184, .2);--color-glass: rgba(255, 255, 255, .35);--color-glass-hover: rgba(255, 255, 255, .5);--color-sidebar-text: #475569;--color-sidebar-hover: rgba(255, 255, 255, .45);--color-sidebar-active-bg: rgba(236, 72, 153, .1);--color-sidebar-active-text: #ec4899;--navbar-height: 64px;--sidebar-width: 220px;--sidebar-collapsed-width: 68px;--glass-blur: 20px;--blob-1: rgba(0, 188, 212, .35);--blob-2: rgba(233, 30, 99, .25);--color-error: #ef4444;--color-success: #10b981;--color-warning: #f59e0b;--color-info: #3b82f6;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;color:var(--color-text)}:root.theme-pink{--color-background: #eedfe5;--color-primary: #ec4899;--color-primary-light: rgba(236, 72, 153, .1);--color-primary-hover: #db2777;--color-sidebar-active-bg: rgba(236, 72, 153, .1);--color-sidebar-active-text: #ec4899;--blob-1: rgba(244, 114, 182, .1);--blob-2: rgba(251, 182, 206, .08)}:root.theme-yellow{--color-background: #ebe7d6;--color-primary: #f59e0b;--color-primary-light: rgba(245, 158, 11, .1);--color-primary-hover: #d97706;--color-sidebar-active-bg: rgba(245, 158, 11, .1);--color-sidebar-active-text: #f59e0b;--blob-1: rgba(251, 191, 36, .1);--blob-2: rgba(253, 224, 140, .08)}:root.theme-colorful{--color-background: #f8fafc;--color-surface: rgba(255, 255, 255, 1);--color-surface-solid: #ffffff;--color-primary: #0d9488;--color-primary-light: rgba(13, 148, 136, .08);--color-primary-hover: #0f766e;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-border: rgba(226, 232, 240, 1);--color-border-subtle: rgba(226, 232, 240, .6);--color-glass: rgba(255, 255, 255, 1);--color-glass-hover: rgba(248, 250, 252, 1);--color-sidebar-text: #475569;--color-sidebar-hover: rgba(240, 253, 250, 1);--color-sidebar-active-bg: rgba(13, 148, 136, .08);--color-sidebar-active-text: #0d9488;--glass-blur: 0px;--blob-1: transparent;--blob-2: transparent}:root.theme-minimal{--color-background: #ffffff;--color-surface: rgba(255, 255, 255, 1);--color-surface-solid: #ffffff;--color-primary: #111827;--color-primary-light: rgba(17, 24, 39, .06);--color-primary-hover: #000000;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-border: rgba(229, 231, 235, 1);--color-border-subtle: rgba(229, 231, 235, .6);--color-glass: rgba(255, 255, 255, 1);--color-glass-hover: rgba(249, 250, 251, 1);--color-sidebar-text: #374151;--color-sidebar-hover: rgba(243, 244, 246, 1);--color-sidebar-active-bg: rgba(17, 24, 39, .06);--color-sidebar-active-text: #111827;--glass-blur: 0px;--blob-1: transparent;--blob-2: transparent}body{min-height:100vh;background:var(--color-background);background-attachment:fixed;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none}body:before{width:100vw;height:100vh;left:0;top:0;border-radius:0;background:radial-gradient(ellipse 66vw 100vh at 0% 0%,var(--blob-1) 0%,var(--blob-1) 35%,transparent 70%);transition:background .5s ease}body:after{width:900px;height:900px;top:-200px;right:-200px;left:auto;border-radius:50%;background:radial-gradient(circle at 100% 0%,var(--blob-2) 0%,var(--blob-2) 35%,transparent 70%);transition:background .5s ease}#app{display:flex;min-height:100vh;position:relative;z-index:1}a{text-decoration:none;color:inherit}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}