.app-header[data-v-629f6382]{position:fixed;top:0;left:0;right:0;z-index:999;display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;background:#2c3e50;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}.logo[data-v-629f6382]{font-size:1.5rem;font-weight:700;color:#42b983}.user-info[data-v-629f6382]{display:inline-block;position:relative}.user-avatar-container[data-v-629f6382]{display:flex;align-items:center;gap:.5rem;cursor:pointer;position:relative;color:#e1e1e1;padding:0 8px}.username[data-v-629f6382]{font-size:1rem;font-weight:500}.user-avatar[data-v-629f6382]{width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;transition:background-color .3s}.user-avatar[data-v-629f6382]:hover{background-color:hsla(0,0%,100%,.3)}.edit-icon[data-v-629f6382],.logout-icon[data-v-629f6382],.user-icon[data-v-629f6382]{width:24px;height:24px}.sidebar[data-v-14316691]{z-index:1000;width:250px;height:100vh;background:#2c3e50;color:#fff;position:fixed;left:0;top:0;padding:12px 0;transition:all .3s;display:flex;flex-direction:column;overflow-x:hidden}.sidebar .logo[data-v-14316691]{color:#42b983;font-size:1.5rem;text-align:center;padding-bottom:40px;font-weight:700;flex-shrink:0}.sidebar .nav-links[data-v-14316691]{list-style:none;padding:0;overflow-y:auto;overflow-x:hidden;flex-grow:1;max-height:calc(100vh - 100px)}.sidebar .nav-links[data-v-14316691]::-webkit-scrollbar{width:6px}.sidebar .nav-links[data-v-14316691]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.sidebar .nav-links[data-v-14316691]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.sidebar .nav-links[data-v-14316691]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.sidebar .nav-links li[data-v-14316691]{margin:5px 0}.sidebar .nav-links li .add-btn[data-v-14316691],.sidebar .nav-links li a[data-v-14316691]{display:flex;align-items:center;color:#fff;text-decoration:none;padding:10px 15px;border-radius:4px;transition:all .3s;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.sidebar .nav-links li .add-btn[data-v-14316691]:hover,.sidebar .nav-links li a[data-v-14316691]:hover{background:hsla(0,0%,100%,.1)}.sidebar .nav-links li .add-btn.router-link-exact-active[data-v-14316691],.sidebar .nav-links li a.router-link-exact-active[data-v-14316691]{background:#42b983;color:#fff}.sidebar .nav-links li .add-btn .icon[data-v-14316691],.sidebar .nav-links li a .icon[data-v-14316691]{margin-right:10px;font-size:1.2rem}.sidebar .modal[data-v-14316691]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.2);z-index:1000;color:#2c3e50;width:80%;max-width:400px}.sidebar .modal h3[data-v-14316691]{margin-top:0;color:#42b983}.sidebar .modal .form-group[data-v-14316691]{margin-bottom:15px}.sidebar .modal .form-group label[data-v-14316691]{display:block;margin-bottom:5px;font-weight:700}.sidebar .modal .form-group input[data-v-14316691],.sidebar .modal .form-group textarea[data-v-14316691]{width:95%;padding:8px;border:1px solid #ddd;border-radius:4px}.sidebar .modal .form-group textarea[data-v-14316691]{min-height:100px}.sidebar .modal .form-actions[data-v-14316691]{display:flex;justify-content:flex-end;gap:10px}.sidebar .modal .form-actions button[data-v-14316691]{padding:8px 15px;border:none;border-radius:4px;cursor:pointer}.sidebar .modal .form-actions button[data-v-14316691]:first-child{background:#42b983;color:#fff}.sidebar .modal .form-actions button[data-v-14316691]:last-child{background:#f0f0f0}.category-item[data-v-14316691]{display:flex;flex-direction:column}.category-header[data-v-14316691]{display:flex;align-items:center;padding:10px 15px;cursor:pointer}.category-header[data-v-14316691]:hover{background:hsla(0,0%,100%,.1)}.category-header .icon[data-v-14316691]{margin-right:10px}.sub-items[data-v-14316691]{padding-left:20px;list-style-type:none}.sub-items li[data-v-14316691]{margin:0}.arrow[data-v-14316691]{margin-left:auto;font-size:12px}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;display:flex;flex-direction:column}.app-container{display:flex;flex:1}.main-content{flex:1;margin-top:60px;margin-left:250px;padding:20px}.main-content.full-screen{margin-top:0;margin-left:0;padding:0;width:100%;height:100%}