@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}:root{--color-primary: #00f7ff;--color-primary-dark: #0b60ff;--color-secondary: #ff00d4;--color-surface: rgba(12, 18, 38, .95);--color-surface-alt: rgba(24, 34, 68, .75);--color-border: rgba(0, 247, 255, .28);--color-text: #f4f6ff;--color-muted: rgba(244, 246, 255, .65);--shadow-soft: 0 24px 55px rgba(0, 255, 234, .25);--shadow-card: 0 22px 48px rgba(128, 0, 255, .28);--color-bg-1: #030512;--color-bg-2: #061637;--color-bg-3: #120035}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;overflow-x:hidden;color:var(--color-text);background:radial-gradient(140% 120% at 50% -20%,#00f7ff26,#120035d9 55%,#030512fa),radial-gradient(100% 100% at 0% 0%,#ff00d42e,#061637eb 70%,#030512);min-height:100vh}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app-container{width:100%;min-height:100vh;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.error-message{color:#ff4f8f;margin-bottom:1rem}.success-message{color:#3cffc7;margin-bottom:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#151d3c}::-webkit-scrollbar-thumb{background:#0c1226;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3131}button{font-family:inherit;transition:transform .2s ease,box-shadow .2s ease}button:active{transform:translateY(1px)}@media (max-width: 960px){body{background:radial-gradient(160% 160% at 50% -10%,#00fff233,#0e0332eb,#030512)}}.login-container[data-v-8e1d087c]{display:flex;justify-content:center;align-items:center;height:100vh;background:radial-gradient(140% 120% at 50% -10%,#00f7ff40,#060c26eb 55%,#030512);padding:24px}.login-box[data-v-8e1d087c]{padding:44px 38px;background:var(--color-surface);border-radius:22px;box-shadow:0 28px 65px #0009,0 0 35px #00f7ff33;width:100%;max-width:420px;text-align:center;border:1px solid rgba(0,247,255,.22);color:var(--color-text)}h2[data-v-8e1d087c]{margin-bottom:22px;color:var(--color-text)}.input-group[data-v-8e1d087c]{margin-bottom:20px;text-align:left}.input-group label[data-v-8e1d087c]{display:block;margin-bottom:5px;color:#555}.input-group input[data-v-8e1d087c]{width:100%;padding:12px 14px;border:1px solid rgba(0,247,255,.28);border-radius:14px;box-sizing:border-box;background:#0a122aeb;color:var(--color-text)}.btn-primary[data-v-8e1d087c]{width:100%;padding:14px;border:1px solid rgba(0,247,255,.35);border-radius:16px;background:linear-gradient(135deg,#00f7ff59,#ff00d473);color:var(--color-text);font-size:16px;cursor:pointer;transition:box-shadow .3s,transform .2s;box-shadow:0 16px 35px #00000073,0 0 24px #00f7ff40}.btn-primary[data-v-8e1d087c]:hover{transform:translateY(-2px);box-shadow:0 20px 45px #0000008c,0 0 28px #ff00d447}.toggle-form[data-v-8e1d087c]{margin-top:20px}.toggle-form a[data-v-8e1d087c]{color:var(--color-primary);text-decoration:none}.error-message[data-v-8e1d087c]{color:#ff4f8f;background-color:#ff00801f;border:1px solid rgba(255,0,128,.35);padding:12px;border-radius:12px;margin-bottom:18px}.success-message[data-v-8e1d087c]{color:#3cffc7;background-color:#00ffc81f;border:1px solid rgba(0,255,200,.35);padding:12px;border-radius:12px;margin-bottom:18px}.warning-message[data-v-8e1d087c]{background-color:#ffbb0014;border:1px solid rgba(255,187,0,.3);color:#ffffffbf;padding:18px;border-radius:14px;margin-bottom:20px;text-align:left;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.category-tree-container[data-v-48cd2e5d]{background:var(--color-surface-alt);padding:22px;border-right:0;height:100%;display:flex;flex-direction:column;overflow:visible;position:relative;min-height:0;color:var(--color-text);border:1px solid rgba(0,247,255,.18);box-shadow:inset 0 0 0 1px #0b60ff1a,0 18px 45px #00000059;flex:1 1 auto;border-radius:24px}h3[data-v-48cd2e5d]{margin-top:0;color:var(--color-primary-dark);font-size:19px;letter-spacing:.01em}.category-list[data-v-48cd2e5d]{flex-grow:1;overflow:auto;margin-bottom:20px;min-height:0}.category-item[data-v-48cd2e5d]{width:calc(100% - 4px);padding:12px 16px;cursor:pointer;border-radius:14px;margin-bottom:5px;transition:background .2s ease,transform .2s ease,color .2s ease;font-weight:600;display:flex;align-items:center;color:var(--color-muted);background:#0a1432cc;border:1px solid rgba(0,247,255,.18);box-shadow:0 6px 18px #00000059}.category-item[data-v-48cd2e5d]:hover{background:#00f7ff2e;color:var(--color-text);transform:translate(4px)}.category-item.selected[data-v-48cd2e5d]{background:linear-gradient(140deg,#00f7ff47,#ff00d452);color:var(--color-text)}.category-item.drag-over[data-v-48cd2e5d]{background:#2ecc712e;border:2px dashed rgba(46,204,113,.6)}.category-item.drag-over-valid[data-v-48cd2e5d]{background:#2ecc7140!important;border:2px dashed rgba(46,204,113,.8)!important;transform:scale(1.02);box-shadow:0 0 20px #2ecc7166;transition:all .2s ease}.sortable-ghost[data-v-48cd2e5d]{opacity:.4;background:#00f7ff33!important}.sortable-chosen[data-v-48cd2e5d]{cursor:grabbing!important}.sortable-drag[data-v-48cd2e5d]{cursor:grabbing!important;opacity:.9;transform:scale(1.02);box-shadow:0 16px 32px #00000080!important}.actions[data-v-48cd2e5d]{display:flex;align-items:center;width:100%;margin-bottom:10px;position:sticky;bottom:0;background-color:transparent;padding:10px 0 5px;gap:10px;flex-wrap:nowrap}.actions input[data-v-48cd2e5d]{flex-grow:1;padding:10px;border:1px solid rgba(0,247,255,.28);border-radius:12px;outline:none;transition:border-color .2s;background:#0c183ae6;color:var(--color-text);min-width:0}.actions button[data-v-48cd2e5d]{padding:10px 14px;border:none;background:linear-gradient(130deg,#00f7ff66,#ff00d473);color:var(--color-text);border-radius:12px;cursor:pointer;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:0 12px 26px #00000073,0 0 18px #00f7ff40}.context-menu[data-v-48cd2e5d]{position:absolute;background:#0a1432f2;border:1px solid rgba(0,247,255,.22);border-radius:12px;box-shadow:0 18px 32px #0000008c,0 0 24px #00f7ff40;z-index:1000;min-width:150px;overflow:hidden}.context-menu-item[data-v-48cd2e5d]{padding:8px 12px;cursor:pointer;transition:background-color .2s;color:var(--color-text)}.context-menu-item[data-v-48cd2e5d]:hover{background:#00f7ff2e}.category-edit-input[data-v-48cd2e5d]{width:100%;padding:8px 10px;border:1px solid rgba(0,247,255,.35);border-radius:12px;outline:none;font-size:inherit;font-weight:inherit;background-color:#0c183aeb;color:var(--color-text)}@media (max-width: 960px){.category-tree-container[data-v-48cd2e5d]{border-right:none;background:#0a1432e0;padding:20px;border-radius:20px}.category-item[data-v-48cd2e5d]{padding:14px}.actions[data-v-48cd2e5d]{position:static;padding:12px 0 0;flex-wrap:nowrap;gap:8px}.actions button[data-v-48cd2e5d]{padding:10px 12px;min-width:44px}}@media (min-width: 961px){.category-list[data-v-48cd2e5d]{overflow:auto}}.note-list-container[data-v-93a5c7ab]{border-right:0;height:100%;display:flex;flex-direction:column;flex:1 1 auto;background:var(--color-surface);min-height:0;color:var(--color-text);border:1px solid rgba(0,247,255,.16);box-shadow:0 20px 45px #00000073,0 0 28px #00f7ff2e}.header[data-v-93a5c7ab]{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(0,247,255,.18)}.header-left[data-v-93a5c7ab]{display:flex;align-items:baseline;gap:12px}h3[data-v-93a5c7ab]{margin:0;font-size:19px;font-weight:700;color:var(--color-primary-dark);display:flex;align-items:center;gap:8px}.note-count[data-v-93a5c7ab]{font-size:15px;font-weight:600;color:#f4f6ffbf}.btn-new-note[data-v-93a5c7ab]{background:linear-gradient(135deg,#00f7ff59,#ff00d473);color:var(--color-text);border:1px solid rgba(0,247,255,.4);border-radius:14px;width:44px;height:44px;font-size:24px;line-height:44px;text-align:center;cursor:pointer;box-shadow:0 16px 35px #00000073,0 0 28px #00f7ff38}.note-list[data-v-93a5c7ab]{flex-grow:1;overflow-y:auto;padding:10px 0 16px}.note-item[data-v-93a5c7ab]{padding:16px 22px;border-bottom:1px solid rgba(0,247,255,.08);cursor:pointer;transition:background-color .15s,box-shadow .15s,transform .2s;border-radius:16px;margin:0 16px 12px;background:#0c183ad9;border:1px solid rgba(0,247,255,.14);box-shadow:0 12px 24px #0006}.note-item[data-v-93a5c7ab]:hover{background:#00f7ff2e;transform:translateY(-2px);box-shadow:0 14px 30px #00000073,0 0 18px #00f7ff40}.note-item.selected[data-v-93a5c7ab]{background:linear-gradient(140deg,#00f7ff4d,#ff00d461);color:var(--color-text);box-shadow:0 0 28px #00f7ff59,0 20px 32px #00000080;border-color:#00f7ff66}.sortable-ghost[data-v-93a5c7ab]{opacity:.4;background:#00f7ff33!important}.sortable-chosen[data-v-93a5c7ab]{cursor:grabbing!important}.sortable-drag[data-v-93a5c7ab]{cursor:grabbing!important;opacity:.9;transform:scale(1.02);box-shadow:0 20px 40px #0009!important}.note-title[data-v-93a5c7ab]{font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-meta[data-v-93a5c7ab]{display:flex;align-items:center;gap:8px;font-size:13px;color:#f4f6ff99}.note-date[data-v-93a5c7ab]{font-size:13px;color:#f4f6ff8c}.note-category[data-v-93a5c7ab]{padding:2px 8px;border-radius:999px;background:#00f7ff2e;color:var(--color-text);font-weight:600}.note-snippet[data-v-93a5c7ab]{margin-top:8px;font-size:13px;color:#f4f6ffbf;line-height:1.4;word-break:break-word}.empty-state[data-v-93a5c7ab]{text-align:center;padding:40px 20px;color:#f4f6ff99}.search-caption[data-v-93a5c7ab]{font-size:14px;color:#f4f6ffb3;font-style:italic}@media (max-width: 960px){.note-list-container[data-v-93a5c7ab]{border-right:none;border-bottom:none;border-radius:20px;overflow:hidden}.header[data-v-93a5c7ab]{padding:18px 20px}.note-list[data-v-93a5c7ab]{padding:0}.note-item[data-v-93a5c7ab]{padding:18px;margin:0 14px 12px}}.rich-editor[data-v-351bb3ec]{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.rich-editor.is-mobile-collapsed[data-v-351bb3ec]{gap:8px}.rich-editor.is-mobile-collapsed .toolbar[data-v-351bb3ec]{display:none}.toolbar[data-v-351bb3ec]{display:flex;flex-wrap:wrap;gap:8px}.toolbar-item[data-v-351bb3ec]{display:flex}.toolbar-btn[data-v-351bb3ec]{padding:6px 10px;border-radius:10px;border:1px solid rgba(0,247,255,.35);background:#00f7ff1f;color:var(--color-text);cursor:pointer}.toolbar-btn.active[data-v-351bb3ec]{background:#00f7ff59}.color-picker[data-v-351bb3ec]{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:1px solid rgba(0,247,255,.35);background:#00f7ff1f;color:var(--color-text);cursor:pointer}.color-picker input[data-v-351bb3ec]{width:28px;height:28px;border:none;background:transparent;cursor:pointer;padding:0}.color-icon[data-v-351bb3ec]{font-size:18px}.editor-content[data-v-351bb3ec]{flex:1;min-height:0;padding:18px 20px;border-radius:18px;border:1px solid rgba(0,247,255,.22);background:#cbcbcb;color:#101010;overflow-y:auto}.editor-content[data-v-351bb3ec] .ProseMirror{min-height:100%;outline:none}.editor-content[data-v-351bb3ec] .ProseMirror p{margin:10px 0}.note-editor-container[data-v-757c5894]{height:100%;display:flex;flex-direction:column;flex:1 1 auto;background:var(--color-surface);min-height:0;color:var(--color-text);border:1px solid rgba(0,247,255,.18);box-shadow:0 24px 55px #0000008c,0 0 30px #00f7ff38}.editor-wrapper[data-v-757c5894]{display:flex;flex-direction:column;padding:28px;gap:16px;flex:1;min-height:0;overflow:hidden}.editor-header[data-v-757c5894]{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0}.title-input[data-v-757c5894]{flex-grow:1;font-size:26px;font-weight:700;border:none;outline:none;padding:12px 0;border-bottom:2px solid rgba(0,247,255,.2);background:transparent;color:inherit}.title-input[data-v-757c5894]:focus{border-bottom:2px solid var(--color-primary)}.actions[data-v-757c5894]{display:flex;gap:10px;flex-shrink:0}.action-btn[data-v-757c5894]{padding:10px 18px;border-radius:16px;color:var(--color-text);cursor:pointer;font-weight:600;box-shadow:0 16px 35px #00000073;border:1px solid transparent;background:linear-gradient(135deg,#00f7ff61,#008dff80);display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px}.action-icon[data-v-757c5894]{font-size:20px;line-height:1}.btn-delete[data-v-757c5894]{background:linear-gradient(135deg,#ff00d466,#ff487080);border-color:#ff00d459;box-shadow:0 16px 35px #00000073,0 0 24px #ff00d42e}.btn-toolbar[data-v-757c5894]{background:linear-gradient(135deg,#00f7ff40,#008dff59);border-color:#00f7ff66;font-size:18px}.btn-toolbar.active[data-v-757c5894]{box-shadow:0 0 0 1px #00f7ff66,0 0 16px #00f7ff4d}.content-textarea[data-v-757c5894]{flex:1;min-height:0;width:100%;border:1px solid rgba(0,247,255,.22);border-radius:18px;padding:18px 20px;font-size:16px;line-height:1.6;resize:none;box-sizing:border-box;background:#cbcbcb;box-shadow:inset 0 0 0 1px #00f7ff1a}.empty-state[data-v-757c5894]{display:flex;justify-content:center;align-items:center;height:100%;color:#f4f6ff99;text-align:center}.note-editor-container.is-mobile .editor-wrapper[data-v-757c5894]{padding:20px 16px;gap:12px}.note-editor-container.is-mobile .editor-header[data-v-757c5894]{flex-direction:row;align-items:center;gap:12px}.title-input.is-mobile[data-v-757c5894]{font-size:17px;font-weight:600;padding:8px 0;flex:1}.actions.is-mobile[data-v-757c5894]{justify-content:flex-end;gap:8px}.actions.is-mobile .action-btn[data-v-757c5894]{padding:8px 12px;border-radius:14px;min-width:40px;box-shadow:0 10px 22px #00000059}.actions.is-mobile .btn-toolbar[data-v-757c5894]{font-size:16px;padding:8px 10px}.mobile-toolbar-btn[data-v-757c5894]{width:54px!important;height:54px!important;padding:0!important;font-size:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#00f7ff99,#008dffbf)!important;border:2px solid rgba(0,247,255,.85)!important;box-shadow:0 14px 32px #00000080,0 0 26px #00f7ff73!important;flex-shrink:0!important}.mobile-toolbar-btn.active[data-v-757c5894]{background:linear-gradient(135deg,#00f7ffbf,#008dffe6)!important;box-shadow:0 0 0 3px #00f7fff2,0 0 30px #00f7ffa6,inset 0 0 20px #ffffff40!important;transform:scale(1.05)!important}.toolbar-icon[data-v-757c5894]{font-size:28px;line-height:1;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.actions.is-mobile .action-btn .action-label[data-v-757c5894]{display:none}.mobile-actions[data-v-757c5894]{display:flex;gap:12px;justify-content:stretch;padding-top:16px}.mobile-action-btn[data-v-757c5894]{flex:1;min-height:60px;border-radius:18px;color:#fff;font-size:18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid transparent;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.5);transition:all .2s ease}.btn-save-mobile[data-v-757c5894]{background:linear-gradient(135deg,#00f7ffa6,#008dffcc);border-color:#00f7ffd9;box-shadow:0 16px 36px #00000080,0 0 28px #00f7ff66,inset 0 2px 10px #fff3}.btn-save-mobile[data-v-757c5894]:active{background:linear-gradient(135deg,#00f7ffbf,#008dffe6);box-shadow:0 8px 20px #00000080,0 0 20px #00f7ff80;transform:translateY(3px) scale(.98)}.btn-delete-mobile[data-v-757c5894]{background:linear-gradient(135deg,#ff00d4a6,#ff4870cc);border-color:#ff00d4d9;box-shadow:0 16px 36px #00000080,0 0 28px #ff00d466,inset 0 2px 10px #fff3}.btn-delete-mobile[data-v-757c5894]:active{background:linear-gradient(135deg,#ff00d4bf,#ff4870e6);box-shadow:0 8px 20px #00000080,0 0 20px #ff00d480;transform:translateY(3px) scale(.98)}.note-editor-container.is-mobile .content-textarea[data-v-757c5894]{min-height:200px}@media (max-width: 960px){.note-editor-container:not(.is-mobile) .editor-wrapper[data-v-757c5894]{padding:24px 18px}.note-editor-container:not(.is-mobile) .content-textarea[data-v-757c5894]{min-height:220px}}#app-container{height:100%;display:flex;flex-direction:column}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:linear-gradient(135deg,#080f28eb,#0e2c5ee0);box-shadow:0 24px 65px #0000008c,0 0 35px #00f7ff40;border-radius:0 0 32px 32px;border-bottom:1px solid rgba(0,247,255,.18);height:auto;gap:18px;color:var(--color-text)}.top-nav.is-mobile{flex-wrap:wrap;padding-bottom:22px}.nav-left{display:flex;align-items:center;flex:1;min-width:0}.logo{display:flex;align-items:center;font-weight:700;font-size:20px;color:inherit;gap:10px;text-transform:uppercase;letter-spacing:.08em}.logo-icon{font-size:26px}.app-name{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;white-space:nowrap}.search-wrapper{position:relative;display:inline-flex;align-items:center;width:100%}.search-input{width:320px;max-width:100%;padding:10px 18px;border:1px solid rgba(0,247,255,.35);border-radius:999px;outline:none;background-color:#00f7ff1f;color:var(--color-text);text-align:center;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:0 0 25px #00f7ff1f}.clear-search{position:absolute;right:12px;background:transparent;border:none;color:#f4f6ffb3;font-size:20px;cursor:pointer;line-height:1;padding:0}.nav-right{display:flex;align-items:center;justify-content:flex-end;flex:1;gap:12px;min-width:0}.session-timer{font-weight:600;color:#854ac3bf;background:#00f7ff14;padding:6px 16px;border-radius:999px;min-width:90px;text-align:center;box-shadow:inset 0 0 0 1px #00f7ff26,0 0 12px #00f7ff1f;display:inline-flex;justify-content:center;align-items:center}.logout-btn{padding:10px 20px;background:linear-gradient(135deg,#00f7ff40,#ff00d459);color:var(--color-text);border:1px solid rgba(0,247,255,.4);border-radius:18px;cursor:pointer;font-weight:600;box-shadow:0 12px 30px #00000073,0 0 24px #ff00d447}.logout-btn:hover{background:linear-gradient(135deg,#00f7ff59,#ff00d473)}.mobile-sections{display:flex;gap:8px;padding:18px 20px 8px;background:transparent;border-bottom:none}.mobile-section-btn{flex:1;padding:12px;border:1px solid rgba(0,247,255,.25);background:var(--color-surface-alt);border-radius:14px;cursor:pointer;font-weight:600;color:var(--color-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #00000059}.mobile-section-btn.active{background:linear-gradient(135deg,#00f7ff4d,#ff00d459);color:var(--color-text);border-color:#00f7ff73;box-shadow:var(--shadow-soft)}.main-layout{display:grid;grid-template-columns:260px 320px 1fr;flex:1 1 auto;min-height:0;width:100%;margin-bottom:16px;overflow:visible;gap:18px;padding:24px 30px 16px;height:calc(100vh - 89px)}.panel{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;background:var(--color-surface);border-radius:24px;border:1px solid var(--color-border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;position:relative}.panel.panel-editor{border-left:0}.panel.panel-categories{overflow:visible;position:relative;z-index:3}.panel.panel-notes{z-index:2}@media (max-width: 1200px){.main-layout{grid-template-columns:230px 280px 1fr}}@media (max-width: 960px){.main-layout{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:visible;gap:18px;padding:0 20px 24px}.panel.panel-editor{border-left:none}.panel{border-radius:20px;border:1px solid rgba(0,247,255,.2)}.top-nav{padding:20px 22px}.nav-left,.nav-right{flex:0 0 auto}.search-wrapper{max-width:100%}.search-input{width:100%;text-align:left;padding-left:16px;padding-right:36px}.logout-btn{padding:10px 16px}.nav-right{width:100%;justify-content:space-between;align-items:center}.search-wrapper{flex:1}}@media (max-width: 600px){.logo{font-size:18px}.logo-icon{font-size:22px}.mobile-section-btn{padding:10px}}