.login-container[data-v-2d4e16b2]{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%)}.login-box[data-v-2d4e16b2]{background:white;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px}.login-box h1[data-v-2d4e16b2]{color:#2c3e50;margin-bottom:30px;text-align:center;font-size:1.8rem}.form-group[data-v-2d4e16b2]{margin-bottom:20px}.form-group label[data-v-2d4e16b2]{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-control[data-v-2d4e16b2]{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-control[data-v-2d4e16b2]:focus{outline:none;border-color:#3498db}.form-control[data-v-2d4e16b2]:disabled{background-color:#f8f9fa;cursor:not-allowed}.login-btn[data-v-2d4e16b2]{width:100%;padding:12px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s}.login-btn[data-v-2d4e16b2]:hover:not(:disabled){background:#2980b9}.login-btn[data-v-2d4e16b2]:disabled{background:#95a5a6;cursor:not-allowed}.error-message[data-v-2d4e16b2]{color:#e74c3c;font-size:.9rem;margin-top:5px;min-height:20px}.demo-credentials[data-v-2d4e16b2]{margin-top:25px;padding-top:20px;border-top:1px solid #eee;text-align:center;font-size:.9rem;color:#7f8c8d}.demo-credentials p[data-v-2d4e16b2]{margin:5px 0}.demo-credentials p[data-v-2d4e16b2]:first-child{font-weight:600;margin-bottom:10px}.sidebar[data-v-5fe8f7ff]{width:250px;background:white;border-right:1px solid #e9ecef;display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar-header[data-v-5fe8f7ff]{padding:20px 16px;border-bottom:1px solid #e9ecef;flex-shrink:0}.sidebar-header h1[data-v-5fe8f7ff]{font-size:1.4rem;color:#2c3e50;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info[data-v-5fe8f7ff]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.9rem}.username[data-v-5fe8f7ff]{font-weight:600;color:#3498db;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn[data-v-5fe8f7ff]{padding:4px 8px;background:#f8f9fa;color:#7f8c8d;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.8rem;white-space:nowrap}.logout-btn[data-v-5fe8f7ff]:hover{background:#e9ecef}.search-box[data-v-5fe8f7ff]{position:relative;margin-bottom:15px}.search-box input[data-v-5fe8f7ff]{width:100%;padding:8px 10px 8px 28px;border:1px solid #ddd;border-radius:6px;font-size:.85rem}.search-icon[data-v-5fe8f7ff]{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#95a5a6;font-size:.9rem}.new-note-btn[data-v-5fe8f7ff]{width:100%;padding:10px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background-color .2s;font-weight:500}.new-note-btn[data-v-5fe8f7ff]:hover:not(:disabled){background:#2980b9}.new-note-btn[data-v-5fe8f7ff]:disabled{background:#95a5a6;cursor:not-allowed}.notes-list[data-v-5fe8f7ff]{flex:1;overflow-y:auto;padding:10px 8px}.note-item[data-v-5fe8f7ff]{padding:10px;border:1px solid #eee;border-radius:6px;margin-bottom:8px;cursor:pointer;background:#fff;transition:all .2s}.note-item[data-v-5fe8f7ff]:hover{background:#f8f9fa;border-color:#3498db;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.note-item.active[data-v-5fe8f7ff]{background:#e3f2fd;border-color:#3498db;box-shadow:0 0 0 1px #3498db}.note-title[data-v-5fe8f7ff]{font-weight:600;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.note-preview[data-v-5fe8f7ff]{font-size:.8rem;color:#7f8c8d;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}.note-date[data-v-5fe8f7ff]{font-size:.7rem;color:#95a5a6;margin-top:4px}.loading-note[data-v-5fe8f7ff]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;color:#95a5a6;font-size:.9rem}.empty-state[data-v-5fe8f7ff]{text-align:center;padding:30px 15px;color:#95a5a6}.empty-state-icon[data-v-5fe8f7ff]{font-size:2.5rem;margin-bottom:15px;opacity:.7}.empty-state-text[data-v-5fe8f7ff]{font-size:.95rem;margin-bottom:8px;color:#7f8c8d}.empty-state-subtext[data-v-5fe8f7ff]{font-size:.8rem;color:#bdc3c7}.notes-list[data-v-5fe8f7ff]::-webkit-scrollbar{width:4px}.notes-list[data-v-5fe8f7ff]::-webkit-scrollbar-track{background:#f8f9fa}.notes-list[data-v-5fe8f7ff]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.notes-list[data-v-5fe8f7ff]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 768px){.sidebar[data-v-5fe8f7ff]{width:100%;height:40vh}.sidebar-header[data-v-5fe8f7ff]{padding:15px}.sidebar-header h1[data-v-5fe8f7ff]{font-size:1.3rem}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:white;color:#000}.hljs-comment,.hljs-quote,.hljs-variable{color:green}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#00f}.hljs-string,.hljs-title,.hljs-section,.hljs-attribute,.hljs-literal,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-addition{color:#a31515}.hljs-deletion,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-meta{color:#2b91af}.hljs-doctag{color:gray}.hljs-attr{color:red}.hljs-symbol,.hljs-bullet,.hljs-link{color:#00b0e8}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}#app .main-content .editor-container .preview-panel[data-v-f34b4573] pre{background:transparent!important;padding:1em!important;border-radius:8px!important;overflow-x:auto!important;margin:1.2em 0!important;border:1px solid #e0e0e0!important;box-shadow:0 2px 4px #0000000d!important}#app .main-content .editor-container .preview-panel[data-v-f34b4573] code.hljs{background-color:#1e1e1e!important;color:#dcdcdc!important;display:block!important;padding:1em!important;border-radius:6px!important;font-family:Consolas,Courier New,monospace!important;overflow-x:auto!important}#app .main-content .editor-container .preview-panel[data-v-f34b4573] .hljs-keyword{color:#569cd6!important}#app .main-content .editor-container .preview-panel[data-v-f34b4573] .hljs-title{color:#dcdcaa!important}.preview-content :not(pre)>code[data-v-f34b4573]{background:#f1f3f4!important;padding:2px 6px!important;border-radius:4px!important;font-family:SF Mono,Monaco,monospace!important;font-size:.9em!important;color:#d63031!important}#app .main-content .editor-container .preview-panel[data-v-f34b4573] pre code{background:transparent!important;padding:0!important;border-radius:0!important;color:inherit!important;font-family:inherit!important}.main-content[data-v-f34b4573]{flex:1;display:flex;flex-direction:column;height:100vh;background:white;position:relative}.editor-header[data-v-f34b4573]{padding:15px 20px;border-bottom:1px solid #e9ecef;display:flex;align-items:center;justify-content:space-between;background:white;z-index:10;min-height:60px}.note-title-input[data-v-f34b4573]{flex:1;border:none;font-size:1.4rem;font-weight:600;outline:none;background:transparent;min-width:0;padding:8px 10px;color:#2c3e50}.note-title-input[data-v-f34b4573]:disabled{color:#95a5a6;cursor:not-allowed}.note-actions[data-v-f34b4573]{display:flex;gap:10px}.action-btn[data-v-f34b4573]{padding:8px 16px;border:1px solid #ddd;background:white;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;min-width:80px;display:flex;align-items:center;justify-content:center;gap:6px}.action-btn[data-v-f34b4573]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.action-btn[data-v-f34b4573]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.save-btn[data-v-f34b4573]{background:#3498db;color:#fff;border:none}.save-btn[data-v-f34b4573]:hover:not(:disabled){background:#2980b9}.delete-btn[data-v-f34b4573]{background:#e74c3c;color:#fff;border:none}.delete-btn[data-v-f34b4573]:hover:not(:disabled){background:#c0392b}.editor-container[data-v-f34b4573]{display:flex;flex:1;overflow:hidden}.editor-panel[data-v-f34b4573],.preview-panel[data-v-f34b4573]{flex:1;padding:20px;overflow-y:auto}.editor-panel[data-v-f34b4573]{border-right:1px solid #e9ecef;background:#fafafa}.editor-panel textarea[data-v-f34b4573]{width:100%;height:100%;border:none;resize:none;font-family:SF Mono,Monaco,Cascadia Mono,monospace;font-size:.95rem;line-height:1.6;outline:none;padding:15px;background:white;border-radius:8px;box-shadow:0 2px 8px #0000000d;font-family:SF Mono,Monaco,Cascadia Mono,PingFang SC,Microsoft YaHei,SimHei,sans-serif,monospace;font-weight:4000!important}.editor-panel textarea[data-v-f34b4573]:focus{box-shadow:0 2px 12px #3498db26}.editor-panel textarea[data-v-f34b4573]:disabled{background:#f8f9fa;color:#95a5a6}.preview-panel[data-v-f34b4573]{background:white;padding:25px 30px}.preview-content[data-v-f34b4573]{line-height:1.7;font-size:1rem}.preview-content h1[data-v-f34b4573]{font-size:2em;margin:1em 0 .5em;color:#2c3e50;border-bottom:2px solid #eee;padding-bottom:.3em}.preview-content h2[data-v-f34b4573]{font-size:1.5em;margin:1.2em 0 .5em;color:#34495e}.preview-content h3[data-v-f34b4573]{font-size:1.2em;margin:1.2em 0 .5em;color:#2c3e50}.preview-content p[data-v-f34b4573]{margin:1em 0;color:#333}.preview-content ul[data-v-f34b4573],.preview-content ol[data-v-f34b4573]{margin:1em 0;padding-left:2em}.preview-content li[data-v-f34b4573]{margin:.5em 0}.preview-content blockquote[data-v-f34b4573]{border-left:4px solid #3498db;margin:1.5em 0;padding:.5em 1em;background:#f8f9fa;color:#555}.preview-content blockquote p[data-v-f34b4573]{margin:0}.preview-content a[data-v-f34b4573]{color:#3498db;text-decoration:none}.preview-content a[data-v-f34b4573]:hover{text-decoration:underline}.preview-content table[data-v-f34b4573]{border-collapse:collapse;margin:1.5em 0;width:100%}.preview-content th[data-v-f34b4573],.preview-content td[data-v-f34b4573]{border:1px solid #ddd;padding:8px 12px;text-align:left}.preview-content th[data-v-f34b4573]{background:#f8f9fa;font-weight:600}.empty-preview[data-v-f34b4573]{color:#95a5a6;font-style:italic;text-align:center;margin-top:40px;font-size:1.1em}.loading-overlay[data-v-f34b4573]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;color:#3498db;font-weight:500}.spinner[data-v-f34b4573]{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin-f34b4573 1s linear infinite;margin-bottom:15px}@keyframes spin-f34b4573{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.editor-container[data-v-f34b4573]{flex-direction:column}.editor-panel[data-v-f34b4573]{border-right:none;border-bottom:1px solid #e9ecef;height:50vh}.preview-panel[data-v-f34b4573]{height:50vh}.note-actions[data-v-f34b4573]{flex-direction:column;gap:8px}.action-btn[data-v-f34b4573]{width:100%;min-width:0}}.toast[data-v-fc2d6ce1]{position:fixed;bottom:30px;right:30px;background:rgba(0,0,0,.85);color:#fff;padding:12px 20px;border-radius:8px;z-index:10000;font-size:14px;animation:slideIn-fc2d6ce1 .3s ease;box-shadow:0 4px 12px #00000026;max-width:300px;word-break:break-word}@keyframes slideIn-fc2d6ce1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut-fc2d6ce1{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.app-container[data-v-d7108ca8]{display:flex;height:100vh;background:#f8f9fa}.empty-main-content[data-v-d7108ca8]{flex:1;display:flex;align-items:center;justify-content:center;background:white}.empty-state[data-v-d7108ca8]{text-align:center;padding:40px;max-width:500px}.empty-state-icon[data-v-d7108ca8]{font-size:4rem;margin-bottom:20px;color:#3498db}.empty-state-text[data-v-d7108ca8]{font-size:1.5rem;color:#2c3e50;margin-bottom:15px;font-weight:600}.empty-state-hint[data-v-d7108ca8]{font-size:1rem;color:#7f8c8d;margin-bottom:30px;line-height:1.6}.create-first-note-btn[data-v-d7108ca8]{padding:12px 30px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.create-first-note-btn[data-v-d7108ca8]:hover:not(:disabled){background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.create-first-note-btn[data-v-d7108ca8]:disabled{background:#95a5a6;cursor:not-allowed}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f8f9fa;height:100vh;overflow:hidden}#app{height:100%}.toast{position:fixed;bottom:20px;right:20px;background:rgba(0,0,0,.85);color:#fff;padding:12px 18px;border-radius:8px;z-index:10000;font-size:14px;animation:slideIn .3s ease;box-shadow:0 4px 12px #00000026;max-width:300px;word-break:break-word;font-weight:500}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f8f9fa}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}input,textarea,button{font-family:inherit;font-size:inherit}button{cursor:pointer}@media (max-width: 768px){.toast{bottom:10px;right:10px;left:10px;max-width:none;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}.text-center{text-align:center}.text-muted{color:#95a5a6}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}