.dashboard[data-v-7dd5ca88]{display:flex;flex-direction:column;height:100vh;font-family:Microsoft YaHei,sans-serif}.top-bar[data-v-7dd5ca88]{display:flex;justify-content:space-between;align-items:center;height:60px;background-color:#649eed;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:0 20px}.top-bar-left[data-v-7dd5ca88]{flex-direction:row}.logo[data-v-7dd5ca88],.top-bar-left[data-v-7dd5ca88]{display:flex;align-items:center}.logo img[data-v-7dd5ca88]{height:40px;width:100px}.system-name[data-v-7dd5ca88]{margin-left:15px;font-size:1.5em;font-weight:700;color:#fff}.avatar[data-v-7dd5ca88],.top-bar-right[data-v-7dd5ca88]{display:flex;align-items:center}.avatar img[data-v-7dd5ca88]{height:30px;border-radius:50%}.user-container[data-v-7dd5ca88]{position:relative;display:flex;align-items:center}.user-info[data-v-7dd5ca88]{margin-left:10px;font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center}.dropdown-arrow[data-v-7dd5ca88]{margin-left:5px;font-size:12px;color:#fff;transition:transform .3s}.dropdown-arrow[data-v-7dd5ca88]:hover{color:#e0e0e0}.user-menu[data-v-7dd5ca88]{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:100;min-width:120px;margin-top:5px}.user-menu-item[data-v-7dd5ca88]{padding:8px 12px;cursor:pointer;font-size:14px;color:#333;transition:background-color .3s}.user-menu-item[data-v-7dd5ca88]:hover{background-color:#f5f5f5}.main-container[data-v-7dd5ca88]{display:flex;flex:1;overflow:hidden}.sidebar[data-v-7dd5ca88]{width:200px;background-color:#fff;padding:20px 0;border-right:1px solid #ddd}.sidebar-header[data-v-7dd5ca88]{padding:0 20px;font-size:18px;font-weight:700;color:#333;margin-bottom:20px}.menu-item[data-v-7dd5ca88]{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:background-color .3s}.menu-item[data-v-7dd5ca88]:hover{background-color:#e0e0e0}.menu-icon[data-v-7dd5ca88]{margin-right:10px;width:14px;height:14px;text-align:center;color:grey}.menu-text[data-v-7dd5ca88]{font-size:14px;font-weight:700;color:#333;margin-left:5px}.content-area[data-v-7dd5ca88]{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:#fff;padding:10px}.tabs-container[data-v-7dd5ca88]{display:flex;align-items:center;height:40px;background-color:#fff;border-bottom:1px solid #ddd;padding:0 10px;position:relative}.tab-item[data-v-7dd5ca88]{display:flex;align-items:center;padding:5px 15px;background-color:#e0e0e0;border:1px solid #ccc;border-radius:4px 4px 0 0;margin-right:5px;cursor:pointer;font-size:14px}.tab-item[data-v-7dd5ca88]:hover{background-color:#d0d0d0}.tab-item.active[data-v-7dd5ca88]{background-color:#fff;border-bottom:1px solid #fff;z-index:1}.tab-title[data-v-7dd5ca88]{margin-right:8px}.tab-close[data-v-7dd5ca88]{font-size:12px;color:#666;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.tab-close[data-v-7dd5ca88]:hover{color:#333;background-color:#ccc;border-radius:50%}.tab-actions[data-v-7dd5ca88]{position:absolute;right:10px;height:100%;display:flex;align-items:center;cursor:pointer}.tab-action-btn[data-v-7dd5ca88]{padding:2px 8px;background-color:#e0e0e0;border-radius:3px}.tab-menu[data-v-7dd5ca88]{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:100;width:120px}.tab-menu-item[data-v-7dd5ca88]{padding:8px 12px;cursor:pointer;font-size:14px}.tab-menu-item[data-v-7dd5ca88]:hover{background-color:#f5f5f5}.tab-content[data-v-7dd5ca88]{flex:1;overflow-y:auto;padding:15px}.tab-panel[data-v-7dd5ca88]{height:100%}