@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;450;500;600;700&display=swap";body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;background:#000!important}#app{margin:0 auto;background:#000}.top-header[data-v-d7f6dd96]{display:flex;align-items:center;justify-content:space-between;padding:12px 24px 15px;background:#000;border-bottom:1px solid rgba(255,255,255,.05);height:25px;position:sticky;top:0;z-index:100}.header-left[data-v-d7f6dd96]{display:flex;align-items:center;gap:12px}.app-logo[data-v-d7f6dd96]{width:28px;height:28px;color:#fff}.app-logo svg[data-v-d7f6dd96]{width:100%;height:100%}.app-name[data-v-d7f6dd96]{font-size:20px;font-weight:500;margin:0;color:#fff;letter-spacing:-.2px}.header-right[data-v-d7f6dd96]{display:flex;align-items:center}.header-icon-btn[data-v-d7f6dd96]{width:40px;height:40px;background:none;border:none;border-radius:8px;color:#8a8a8a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.header-icon-btn[data-v-d7f6dd96]:hover{background:#ffffff0f;color:#fff}.header-icon-btn svg[data-v-d7f6dd96]{width:20px;height:20px}.avatar-placeholder[data-v-d7f6dd96]{width:40px;margin-left:5px;height:40px;background:#ffffff14;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8a8a8a;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.avatar-placeholder[data-v-d7f6dd96]:hover{background:#ffffff1f;color:#fff}.avatar-placeholder svg[data-v-d7f6dd96]{width:18px;height:18px}.user-avatar-img[data-v-d7f6dd96]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-menu-btn[data-v-d7f6dd96]{width:40px;height:40px;background:none;border:none;border-radius:8px;color:#8a8a8a;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.25,.46,.45,.94);margin-right:8px}.mobile-menu-btn[data-v-d7f6dd96]:hover{background:#ffffff0f;color:#fff}.mobile-menu-btn svg[data-v-d7f6dd96]{width:20px;height:20px}@media (max-width: 768px){.mobile-menu-btn[data-v-d7f6dd96]{display:flex}}.sidebar[data-v-a3353261]{width:280px;background:#000;border-right:1px solid rgba(255,255,255,.05);padding:24px 0;position:fixed;top:52px;bottom:0;left:0;overflow-y:auto;z-index:50}.sidebar-nav[data-v-a3353261]{padding:0 16px}.nav-section[data-v-a3353261]{margin-bottom:40px}.section-label[data-v-a3353261]{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.8px;margin:0 0 18px 8px}.nav-list[data-v-a3353261]{list-style:none;margin:0;padding:0}.nav-item[data-v-a3353261]{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);margin-bottom:3px;position:relative}.nav-item[data-v-a3353261]:hover{background:#ffffff0d}.nav-item.active[data-v-a3353261]{background:#ffffff14;color:#fff}.nav-content[data-v-a3353261]{display:flex;align-items:center;gap:12px}.nav-icon[data-v-a3353261]{width:16px;height:16px;color:#8a8a8a;flex-shrink:0}.nav-item.active .nav-icon[data-v-a3353261]{color:#fff}.nav-item span[data-v-a3353261]{font-size:15px;font-weight:400;color:#b8b8b8}.nav-item.active span[data-v-a3353261]{color:#fff;font-weight:500}.nav-badge[data-v-a3353261]{background:#ffffff0a;color:#777;font-size:12px!important;font-weight:400;padding:1px 4px;border-radius:4px;min-width:14px;text-align:center;border:1px solid rgba(255,255,255,.02);line-height:1.2}.project-indicator[data-v-a3353261]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.project-indicator.work[data-v-a3353261]{background:#8fd3c7}.project-indicator.personal[data-v-a3353261]{background:#b19cd9}.project-indicator.learning[data-v-a3353261]{background:#ffd93d}.sidebar[data-v-a3353261]::-webkit-scrollbar{width:6px}.sidebar[data-v-a3353261]::-webkit-scrollbar-track{background:transparent}.sidebar[data-v-a3353261]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sidebar[data-v-a3353261]::-webkit-scrollbar-thumb:hover{background:#fff3}.section-header[data-v-a3353261]{display:flex;align-items:center;justify-content:space-between}.add-button[data-v-a3353261]{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.add-button[data-v-a3353261]:hover{color:#fff;background:#ffffff1a}.add-button svg[data-v-a3353261]{width:12px;height:12px}.loading-item[data-v-a3353261],.empty-item[data-v-a3353261]{color:#666;font-size:13px;padding:8px 12px;font-style:italic}.add-item[data-v-a3353261]{background:#ffffff08;border:none;margin:0;padding:6px 8px;box-sizing:border-box}.add-input-container[data-v-a3353261],.edit-container[data-v-a3353261]{width:100%;padding:0;box-sizing:border-box}.add-input[data-v-a3353261],.edit-input[data-v-a3353261]{width:100%;max-width:100%;background:#ffffff0d;border:none;color:#fff;padding:6px 10px;border-radius:6px;font-size:13px;outline:none;transition:all .2s ease;box-sizing:border-box}.add-input[data-v-a3353261]:focus,.edit-input[data-v-a3353261]:focus{background:#ffffff1a;box-shadow:0 0 0 2px #fff3}.add-input[data-v-a3353261]::placeholder{color:#888}.item-actions[data-v-a3353261]{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.nav-item:hover .item-actions[data-v-a3353261]{opacity:1}.edit-btn[data-v-a3353261],.delete-btn[data-v-a3353261]{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-btn[data-v-a3353261]:hover{color:#4ecdc4;background:#4ecdc41a}.delete-btn[data-v-a3353261]:hover{color:#ff6b6b;background:#ff6b6b1a}.edit-btn svg[data-v-a3353261],.delete-btn svg[data-v-a3353261]{width:10px;height:10px}.nav-content[data-v-a3353261]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.nav-content span[data-v-a3353261]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-picker[data-v-a3353261]{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.color-option[data-v-a3353261]{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;position:relative}.color-option[data-v-a3353261]:hover{border-color:#fff6;transform:scale(1.1)}.color-option.active[data-v-a3353261]{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d;transform:scale(1.1)}.edit-container[data-v-a3353261]{width:100%;padding:0;box-sizing:border-box}.sidebar-backdrop[data-v-a3353261]{display:none}@media (max-width: 768px){.sidebar[data-v-a3353261]{transform:translate(-100%);transition:transform .3s ease-in-out;width:280px;z-index:1000}.sidebar.mobile-open[data-v-a3353261]{transform:translate(0)}.sidebar-backdrop[data-v-a3353261]{display:block;position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;animation:fadeIn-a3353261 .3s ease-in-out forwards}@keyframes fadeIn-a3353261{to{opacity:1}}}@media (max-width: 480px){.sidebar[data-v-a3353261]{width:100vw;max-width:320px}.sidebar-nav[data-v-a3353261]{padding:0 20px}.nav-item[data-v-a3353261]{padding:12px 16px}.section-label[data-v-a3353261]{margin:0 0 20px 12px}}.productivity-app[data-v-a20a4b20]{display:flex;flex-direction:column;min-height:100vh;background:#000;color:#e8e8e8}.app-content[data-v-a20a4b20]{display:flex;flex:1}.main-content[data-v-a20a4b20]{flex:1;max-width:680px;margin:0 auto;margin-left:calc(280px + (100vw - 960px)/2);padding:24px 40px;overflow-y:auto}.main-content[data-v-a20a4b20]::-webkit-scrollbar{width:6px}.main-content[data-v-a20a4b20]::-webkit-scrollbar-track{background:transparent}.main-content[data-v-a20a4b20]::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.main-content[data-v-a20a4b20]::-webkit-scrollbar-thumb:hover{background:#fff3}.journal-detail-content[data-v-a20a4b20]{max-width:884px;margin-left:calc(280px + (100vw - 1164px)/2)}@media (max-width: 768px){.app-content[data-v-a20a4b20]{flex-direction:column}.main-content[data-v-a20a4b20]{margin-left:0;padding:32px 20px;max-width:100%}}