.avatar-wrapper[data-v-b153ceb6]{display:inline-flex;flex-shrink:0;border-radius:50%;overflow:hidden}.avatar[data-v-b153ceb6]{display:flex;align-items:center;justify-content:center;border-radius:50%;object-fit:cover;user-select:none}.avatar--default[data-v-b153ceb6]{color:#fff;font-weight:600;line-height:1}.avatar--image[data-v-b153ceb6]{display:block}.topnav[data-v-32111c7c]{position:fixed;top:0;left:0;right:0;height:var(--header-height);display:flex;align-items:center;padding:0 20px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);z-index:200;gap:16px}.topnav__left[data-v-32111c7c]{flex-shrink:0}.topnav__logo[data-v-32111c7c]{display:flex;align-items:center;gap:10px;text-decoration:none}.topnav__title[data-v-32111c7c]{font-size:18px;font-weight:700;color:var(--color-text)}.topnav__center[data-v-32111c7c]{flex:1;min-width:0}.topnav__breadcrumb[data-v-32111c7c]{display:flex;align-items:center;gap:4px;font-size:13px}.breadcrumb-sep[data-v-32111c7c]{color:var(--color-text-secondary);flex-shrink:0}.breadcrumb-link[data-v-32111c7c]{color:var(--color-text-secondary);text-decoration:none;transition:color .15s;white-space:nowrap}.breadcrumb-link[data-v-32111c7c]:hover{color:var(--color-primary)}.breadcrumb-current[data-v-32111c7c]{color:var(--color-text);font-weight:500;white-space:nowrap}.topnav__right[data-v-32111c7c]{display:flex;align-items:center;gap:12px;flex-shrink:0}.topnav__search[data-v-32111c7c]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;transition:border-color .2s;color:var(--color-text-secondary)}.topnav__search--focused[data-v-32111c7c]{border-color:var(--color-primary)}.topnav__search-input[data-v-32111c7c]{width:180px;border:none;background:transparent;font-size:13px;color:var(--color-text);outline:none}.topnav__search-input[data-v-32111c7c]::placeholder{color:var(--color-text-secondary)}.topnav__user[data-v-32111c7c]{position:relative}.topnav__avatar-btn[data-v-32111c7c]{display:flex;align-items:center;justify-content:center;padding:0;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:border-color .15s}.topnav__avatar-btn[data-v-32111c7c]:hover{border-color:var(--color-primary)}.topnav__dropdown[data-v-32111c7c]{position:absolute;top:calc(100% + 8px);right:0;width:180px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #0000001a;overflow:hidden;z-index:300}.dropdown-item[data-v-32111c7c]{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:14px;color:var(--color-text);background:transparent;border:none;cursor:pointer;transition:background .15s;text-align:left}.dropdown-item[data-v-32111c7c]:hover{background:var(--color-bg)}.dropdown-item--danger[data-v-32111c7c]{color:var(--color-danger)}.dropdown-item--danger[data-v-32111c7c]:hover{background:#ef44440f}.dropdown-divider[data-v-32111c7c]{height:1px;background:var(--color-border);margin:4px 0}.topnav__auth[data-v-32111c7c]{display:flex;align-items:center;gap:8px}.topnav__login-area[data-v-32111c7c]{position:relative}.topnav__login-popover[data-v-32111c7c]{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 4px 16px #0000001f;padding:16px;z-index:300}.login-popover__title[data-v-32111c7c]{font-size:15px;font-weight:600;color:var(--color-text);margin:0 0 12px}.login-popover__input[data-v-32111c7c]{width:100%;padding:8px 12px;font-size:13px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);margin-bottom:8px;outline:none;box-sizing:border-box}.login-popover__input[data-v-32111c7c]:focus{border-color:var(--color-primary)}.login-popover__error[data-v-32111c7c]{color:#e53e3e;font-size:12px;margin:0 0 8px}.login-popover__btn[data-v-32111c7c]{width:100%;padding:8px 16px;font-size:13px;font-weight:500;color:#fff;background:var(--color-primary);border:none;border-radius:6px;cursor:pointer;transition:opacity .15s}.login-popover__btn[data-v-32111c7c]:disabled{opacity:.6;cursor:not-allowed}.login-popover__btn[data-v-32111c7c]:hover:not(:disabled){opacity:.9}.nav__hamburger[data-v-32111c7c]{display:none;background:none;border:none;cursor:pointer;color:var(--color-text);padding:4px}@media (max-width: 767px){.nav__hamburger[data-v-32111c7c]{display:flex}}@media (max-width: 768px){.topnav[data-v-32111c7c]{padding:0 12px;gap:8px}.topnav__title[data-v-32111c7c]{font-size:16px}.topnav__breadcrumb[data-v-32111c7c]{display:none}.topnav__search-input[data-v-32111c7c]{width:120px}.topnav__register-btn[data-v-32111c7c]{display:none}}.sidebar[data-v-c9b48e3b]{display:flex;flex-direction:column;width:var(--sidebar-width);background:var(--color-bg-card);border-right:1px solid var(--color-border);flex-shrink:0;overflow-y:auto;z-index:100}.sidebar__close-btn[data-v-c9b48e3b]{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .2s}.sidebar__close-btn[data-v-c9b48e3b]:hover{background:var(--color-bg)}.sidebar__nav[data-v-c9b48e3b]{flex:1;overflow-y:auto;padding:16px 0}.sidebar__section[data-v-c9b48e3b]{padding:0 16px;margin-bottom:20px}.sidebar__section-title[data-v-c9b48e3b]{padding:0 4px;margin-bottom:8px;font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.category-tree[data-v-c9b48e3b]{display:flex;flex-direction:column;gap:2px}.category-item[data-v-c9b48e3b]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:14px;color:var(--color-text);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s;text-align:left}.category-item[data-v-c9b48e3b]:hover{background:var(--color-bg)}.category-item--active[data-v-c9b48e3b]{background:#4f46e514;color:var(--color-primary);font-weight:500}.category-item--parent[data-v-c9b48e3b]{font-weight:500}.category-item--expanded[data-v-c9b48e3b]{background:var(--color-bg)}.category-item--child[data-v-c9b48e3b]{padding-left:28px;font-size:13px}.chevron-icon[data-v-c9b48e3b]{flex-shrink:0;transition:transform .2s ease;color:var(--color-text-secondary)}.chevron-icon--open[data-v-c9b48e3b]{transform:rotate(90deg)}.category-tree__children[data-v-c9b48e3b]{display:flex;flex-direction:column;gap:2px;margin:2px 0 2px 8px;border-left:1px solid var(--color-border);padding-left:4px}.category-empty[data-v-c9b48e3b]{padding:8px 12px;font-size:13px;color:var(--color-text-secondary)}.tag-cloud[data-v-c9b48e3b]{display:flex;flex-wrap:wrap;gap:6px}.tag-item[data-v-c9b48e3b]{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--tag-color) 25%,transparent);border-radius:12px;cursor:pointer;transition:background .2s}.tag-item[data-v-c9b48e3b]:hover{background:color-mix(in srgb,var(--tag-color) 20%,transparent)}.tag-item--active[data-v-c9b48e3b]{background:var(--tag-color)!important;color:#fff!important;border-color:var(--tag-color)!important}.sidebar__footer[data-v-c9b48e3b]{padding:12px 16px;border-top:1px solid var(--color-border);flex-shrink:0}.software-link[data-v-c9b48e3b]{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--color-text-secondary);border-radius:6px;transition:background .15s}.software-link[data-v-c9b48e3b]:hover{background:var(--color-bg)}.software-badge[data-v-c9b48e3b]{margin-left:auto;padding:2px 6px;font-size:10px;color:var(--color-text-secondary);background:var(--color-bg);border-radius:4px}.sidebar-overlay[data-v-c9b48e3b]{display:none}@media (max-width: 768px){.sidebar[data-v-c9b48e3b]{position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .3s ease;box-shadow:none}.sidebar--open[data-v-c9b48e3b]{transform:translate(0);box-shadow:4px 0 20px #0000001a}.sidebar__close-btn[data-v-c9b48e3b]{display:flex}.sidebar-overlay[data-v-c9b48e3b]{display:block;position:fixed;inset:0;background:#0000004d;z-index:99}}.app-layout[data-v-9e6f40c8]{display:flex;height:100vh;overflow:hidden;background:var(--color-bg);padding-top:var(--header-height)}.main-area[data-v-9e6f40c8]{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.main-content[data-v-9e6f40c8]{flex:1;display:flex;flex-direction:column;padding:24px;max-width:1200px;width:100%;margin:0 auto}.content-section[data-v-9e6f40c8]{flex:1}.mobile-overlay[data-v-9e6f40c8]{display:none;position:fixed;inset:0;background:#0006;z-index:99}@media (max-width: 768px){.main-content[data-v-9e6f40c8]{padding:16px}.mobile-overlay[data-v-9e6f40c8]{display:block}}:root{--color-primary: #4f46e5;--color-primary-light: #818cf8;--color-bg: #f8fafc;--color-bg-card: #ffffff;--color-text: #1e293b;--color-text-secondary: #64748b;--color-border: #e2e8f0;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--status-unread: #94a3b8;--status-read: #60a5fa;--status-learning: #f59e0b;--status-mastered: #10b981;--status-used: #8b5cf6;--sidebar-width: 260px;--header-height: 56px;--breakpoint-mobile: 768px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{display:flex;align-items:center;justify-content:center}
