.content-area[data-v-facbaadd]{min-width:0}.content-area[data-v-facbaadd],.main-content[data-v-facbaadd]{display:flex;flex:1;overflow:hidden}.main-content[data-v-facbaadd],.sidebar[data-v-facbaadd]{flex-direction:column}.sidebar[data-v-facbaadd]{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-shrink:0;height:100%;overflow-y:auto;padding:16px 20px;transition:width .3s ease,padding .3s ease;width:280px}.sidebar.collapsed[data-v-facbaadd]{padding:16px 8px;width:60px}.sidebar[data-v-facbaadd]::-webkit-scrollbar{width:6px}.sidebar[data-v-facbaadd]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.sidebar[data-v-facbaadd]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar[data-v-facbaadd]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-header[data-v-facbaadd]{align-items:center;display:flex;gap:12px;margin-bottom:20px}.sidebar-title[data-v-facbaadd]{color:#475569;font-size:12px;font-weight:700;letter-spacing:.02em;margin:0}.sidebar.collapsed .sidebar-title[data-v-facbaadd]{display:none}.new-note-btn[data-v-facbaadd]{background:#0f172a;border:none;border-radius:999px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:700;margin-left:auto;padding:5px 11px;transition:background .2s ease}.new-note-btn[data-v-facbaadd]:hover{background:#1e293b}.sidebar-section[data-v-facbaadd]{display:flex;flex-direction:column;margin-bottom:20px}.sidebar-divider[data-v-facbaadd]{background:#e0e0e0;border:none;height:1px;margin:15px 0}.tags-section[data-v-facbaadd]{flex:1;min-height:0;overflow:hidden}.collapse-btn[data-v-facbaadd]{align-items:center;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.collapse-btn[data-v-facbaadd]:hover{background:#e2e8f0;color:#0f172a}.collapse-icon[data-v-facbaadd]{color:#666;font-size:18px;font-weight:700;transition:transform .3s ease}.collapse-icon.rotated[data-v-facbaadd]{transform:rotate(180deg)}.desktop-only[data-v-facbaadd]{display:flex}.mobile-sidebar-close[data-v-facbaadd]{display:none}.folder-list[data-v-facbaadd]{max-height:40vh;overflow-y:auto;padding:4px 0}.folder-item[data-v-facbaadd]{align-items:center;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;margin:2px 0;padding:8px 12px;position:relative;transition:all .15s ease}.folder-item[data-v-facbaadd]:hover{background:#f1f5f9;color:#0f172a}.folder-item.active[data-v-facbaadd]{background:#0f172a;color:#fff;font-weight:700}.title-with-clear[data-v-facbaadd]{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.clear-tags-btn[data-v-facbaadd]{align-items:center;background:#f0f0f0;border:none;color:#666;cursor:pointer;display:flex;font-size:12px;transition:all .2s ease}.clear-tags-btn[data-v-facbaadd]:hover{background:#e2e8f0;color:#0f172a}.tags-list[data-v-facbaadd]{display:flex;flex-wrap:wrap;gap:8px;max-height:100%;min-height:0;overflow-y:auto;padding:5px}.tag-item[data-v-facbaadd]{background:#f0f0f0;color:#666;cursor:pointer;font-size:12px;padding:2px 8px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tag-item[data-v-facbaadd]:hover{background:#e2e8f0;color:#0f172a}.tag-item.active[data-v-facbaadd]{background:#0f172a;color:#fff}.note-list[data-v-facbaadd]{background:#fff;border-right:1px solid #e2e8f0;display:none;flex-shrink:0;overflow-y:auto;padding:4px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin;width:280px}.note-list.active[data-v-facbaadd]{display:block}.note-list[data-v-facbaadd]::-webkit-scrollbar{width:6px}.note-list[data-v-facbaadd]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.note-list[data-v-facbaadd]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.note-item[data-v-facbaadd]{border-radius:6px;color:#666;cursor:pointer;font-size:14px;margin:4px 0;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.note-item[data-v-facbaadd]:hover{background:#f1f5f9;color:#0f172a}.note-item.active[data-v-facbaadd]{background:#0f172a;color:#fff;font-weight:700}.search-bar-wrap[data-v-facbaadd]{flex-shrink:0;gap:12px;padding:14px 20px 0}.search-bar[data-v-facbaadd],.search-bar-wrap[data-v-facbaadd]{align-items:center;display:flex}.search-bar[data-v-facbaadd]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:1;padding:0 10px;transition:border-color .2s}.search-bar[data-v-facbaadd]:focus-within{border-color:#0f172a}.search-icon[data-v-facbaadd]{color:#94a3b8;flex-shrink:0;height:16px;width:16px}.search-input[data-v-facbaadd]{background:transparent;border:none;color:#0f172a;flex:1;font-size:13px;outline:none;padding:8px}.search-input[data-v-facbaadd]::-moz-placeholder{color:#94a3b8}.search-input[data-v-facbaadd]::placeholder{color:#94a3b8}.search-clear[data-v-facbaadd]{background:none;border:none;color:#aaa;cursor:pointer;font-size:13px;line-height:1;padding:4px;transition:color .15s}.search-clear[data-v-facbaadd]:hover{color:#555}.search-count[data-v-facbaadd]{color:#64748b;flex-shrink:0;font-size:12px;white-space:nowrap}.notes-list[data-v-facbaadd]{flex:1;overflow-y:auto;padding:20px 30px;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.notes-list[data-v-facbaadd]::-webkit-scrollbar{width:6px}.notes-list[data-v-facbaadd]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.notes-list[data-v-facbaadd]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notes-list[data-v-facbaadd]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.note-card[data-v-facbaadd]{background:#fff;border:1px solid #e2e8f0;border-radius:14px;cursor:pointer;margin-bottom:10px;padding:16px;transition:background .15s ease,border-color .15s ease}.note-card[data-v-facbaadd]:hover{background:#f8fafc;border-color:#cbd5e1}.note-card-content[data-v-facbaadd]{display:flex;gap:20px}.note-text-content[data-v-facbaadd]{flex:1;min-width:0}.note-header[data-v-facbaadd]{display:flex;justify-content:space-between;margin-bottom:12px}.note-title[data-v-facbaadd]{color:#0f172a;font-size:16px;font-weight:700}.note-date[data-v-facbaadd]{color:#64748b;flex-shrink:0;font-size:12px;margin-left:8px}.note-content[data-v-facbaadd]{color:#475569;line-height:1.6;margin-bottom:14px}.note-image[data-v-facbaadd]{border-radius:10px;flex-shrink:0;height:120px;overflow:hidden}.note-image img[data-v-facbaadd]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.note-tag[data-v-facbaadd]{background:#f1f5f9;border-radius:4px;color:#475569;display:inline-block;font-size:12px;margin-right:6px;padding:3px 8px}.load-sentinel[data-v-facbaadd]{display:flex;justify-content:center;padding:16px 0}.loading-more[data-v-facbaadd]{align-items:center;color:#999;display:flex;font-size:13px;gap:8px}.loading-more-spinner[data-v-facbaadd]{animation:spin-facbaadd .8s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#0f172a;height:18px;width:18px}.empty-state[data-v-facbaadd]{color:#64748b;padding:40px 20px;text-align:center}.empty-icon[data-v-facbaadd]{height:40px;margin:0 auto 12px;width:40px}.empty-state p[data-v-facbaadd]{font-size:14px}.loading[data-v-facbaadd]{color:#666;padding:20px;text-align:center}.error[data-v-facbaadd]{color:#dc3545;padding:20px}.editor-container[data-v-facbaadd]{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex:1;flex-direction:column;height:100%}.note-controls[data-v-facbaadd]{align-items:center;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;flex-shrink:0;gap:8px;padding:8px 12px}.note-title-input[data-v-facbaadd]{background:transparent;border:none;border-radius:4px;color:#222;flex:1;font-size:16px;font-weight:600;min-width:0;outline:none;padding:4px 8px;transition:background .15s}.note-title-input[data-v-facbaadd]:hover{background:#f5f5f5}.note-title-input[data-v-facbaadd]:focus{background:#f1f5f9}.note-title-input[data-v-facbaadd]::-moz-placeholder{color:#bbb;font-weight:400}.note-title-input[data-v-facbaadd]::placeholder{color:#bbb;font-weight:400}.save-status[data-v-facbaadd]{border-radius:10px;flex-shrink:0;font-size:12px;padding:3px 8px;transition:all .2s;white-space:nowrap}.save-status.saved[data-v-facbaadd]{background:#f1f8f1;color:#4caf50}.save-status.unsaved[data-v-facbaadd]{background:#fff8f0;color:#f57c00}.save-status.saving[data-v-facbaadd]{background:#f5f5f5;color:#999}#vditor[data-v-facbaadd]{background:#fff;flex:1}.return-button[data-v-facbaadd]{background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.return-button[data-v-facbaadd]:hover{background:#e0e0e0;color:#333}.save-button[data-v-facbaadd]{background:#0f172a;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 16px;transition:background .2s ease}.save-button[data-v-facbaadd]:hover{background:#1e293b}.save-button[data-v-facbaadd]:disabled{cursor:not-allowed;opacity:.6}.tag-strip[data-v-facbaadd]{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;min-height:38px;padding:6px 14px}.editor-tag[data-v-facbaadd]{align-items:center;background:#f1f5f9;border-radius:12px;color:#0f172a;display:inline-flex;font-size:12px;gap:3px;padding:2px 6px 2px 10px}.tag-remove[data-v-facbaadd]{align-items:center;background:none;border:none;color:#818cf8;cursor:pointer;display:flex;font-size:15px;line-height:1;padding:0 1px;transition:color .15s}.tag-remove[data-v-facbaadd]:hover{color:#0f172a}.tag-add-btn[data-v-facbaadd]{background:none;border:1px dashed #ccc;border-radius:12px;color:#aaa;cursor:pointer;font-size:12px;padding:2px 10px;transition:all .15s}.tag-add-btn[data-v-facbaadd]:hover{border-color:#0f172a;color:#0f172a}.tag-input[data-v-facbaadd]{background:#fff;border:1px solid #0f172a;border-radius:12px;color:#333;font-size:12px;outline:none;padding:2px 12px;width:110px}.global-loading[data-v-facbaadd]{align-items:center;background:#ffffffe6;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:9999}.global-loading-spinner[data-v-facbaadd]{animation:spin-facbaadd 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#0f172a;height:40px;width:40px}@keyframes spin-facbaadd{to{transform:rotate(1turn)}}.mobile-backdrop[data-v-facbaadd]{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000073;top:0;right:0;bottom:0;left:0;position:fixed;z-index:99}.mobile-fade-enter-active[data-v-facbaadd],.mobile-fade-leave-active[data-v-facbaadd]{transition:opacity .25s ease}.mobile-fade-enter-from[data-v-facbaadd],.mobile-fade-leave-to[data-v-facbaadd]{opacity:0}.mobile-topbar[data-v-facbaadd]{display:none}@media (max-width:767px){.sidebar[data-v-facbaadd]{bottom:0;box-shadow:4px 0 24px #0000002e;height:100dvh;left:0;max-width:300px;position:fixed!important;top:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100}.sidebar[data-v-facbaadd],.sidebar.collapsed[data-v-facbaadd]{padding:20px 16px 32px;width:82%!important}.sidebar.mobile-open[data-v-facbaadd]{transform:translate(0)!important}.desktop-only[data-v-facbaadd]{display:none!important}.mobile-sidebar-close[data-v-facbaadd]{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;margin-left:auto;transition:background .2s;width:32px}.mobile-sidebar-close[data-v-facbaadd]:hover{background:#e2e8f0;color:#0f172a}.content-area[data-v-facbaadd]{flex-direction:column}.mobile-topbar[data-v-facbaadd]{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;padding:10px 12px}.mobile-filter-btn[data-v-facbaadd]{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;max-width:100%;overflow:hidden;padding:7px 12px;transition:background .15s}.mobile-filter-btn[data-v-facbaadd]:active{background:#efefef}.filter-icon[data-v-facbaadd]{color:#0f172a;flex-shrink:0;height:18px;width:18px}.filter-folder-label[data-v-facbaadd]{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-tag-badge[data-v-facbaadd]{align-items:center;background:#0f172a;border-radius:10px;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;padding:1px 7px}.note-list.hidden-mobile[data-v-facbaadd]{display:none!important}.search-bar-wrap[data-v-facbaadd]{padding:10px 12px 0}.notes-list[data-v-facbaadd]{padding:10px}.note-card[data-v-facbaadd]{border-radius:14px;margin-bottom:10px;padding:14px}.note-title[data-v-facbaadd]{font-size:15px}.editor-container[data-v-facbaadd]{top:0;right:0;bottom:0;left:0;position:fixed!important;z-index:50}.note-controls[data-v-facbaadd]{position:sticky;top:0;z-index:10}.note-title-input[data-v-facbaadd]{font-size:15px}.save-status[data-v-facbaadd]{display:none}.folder-list[data-v-facbaadd]{max-height:50vh}}
