.top[data-v-23ac38b8]{justify-content:space-between;padding:0 20px;height:60px;background-color:#f0f0f0}.top[data-v-23ac38b8],.top__left[data-v-23ac38b8],.top__middle[data-v-23ac38b8],.top__right[data-v-23ac38b8]{display:flex;align-items:center}.top__logo[data-v-23ac38b8]{height:40px}.top__welcome[data-v-23ac38b8]{margin:0;font-size:18px}.top__avatar[data-v-23ac38b8]{width:40px;height:40px;border-radius:50%;cursor:pointer}.top__user-info[data-v-23ac38b8]{position:absolute;top:60px;right:20px;background-color:#fff;border:1px solid #ccc;padding:10px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.left-nav[data-v-552a305e]{background:linear-gradient(180deg,#1e293b,#334155);color:#f8fafc;height:100vh;box-shadow:4px 0 10px rgba(0,0,0,.2);padding-top:20px;font-family:Inter,sans-serif}.nav-list[data-v-552a305e]{list-style-type:none;padding:0;margin:0}.nav-item-container[data-v-552a305e]{margin-bottom:8px}.nav-item[data-v-552a305e]{padding:14px 25px;cursor:pointer;display:flex;align-items:center;gap:15px;transition:all .3s ease;position:relative;color:#cbd5e1}.nav-item[data-v-552a305e]:hover{background-color:hsla(0,0%,100%,.05);color:#fff}.nav-item.active[data-v-552a305e]{background-color:hsla(0,0%,100%,.1);color:#fff}.toggle-icon[data-v-552a305e]{margin-left:auto;transition:transform .3s ease;color:#94a3b8}.nav-item-container.active .toggle-icon[data-v-552a305e]{transform:rotate(180deg)}.sub-nav-list[data-v-552a305e]{list-style-type:none;padding-left:60px;overflow:hidden;max-height:0;transition:max-height .3s ease}.sub-nav-list.open[data-v-552a305e]{max-height:200px}.sub-nav-item[data-v-552a305e]{padding:10px 0;cursor:pointer;color:#94a3b8;display:flex;align-items:center;gap:10px;transition:all .3s ease}.sub-nav-item[data-v-552a305e]:hover{color:#fff;transform:translateX(5px)}.bi[data-v-552a305e]{font-size:18px;color:inherit}.nav-item-container:first-child .bi[data-v-552a305e]{color:#60a5fa}.nav-item-container:nth-child(2) .bi[data-v-552a305e]{color:#34d399}.nav-item-container:nth-child(3) .bi[data-v-552a305e]{color:#fbbf24}.nav-item-container:nth-child(4) .bi[data-v-552a305e]{color:#f472b6}.nav-item-container:nth-child(5) .bi[data-v-552a305e]{color:#ef4444}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}body{margin:0;padding:0}.app-container{display:flex}