#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh}#app,body,html{margin:0;padding:0;width:100%}body,html{height:100%}.home-container[data-v-16a80dbe]{display:flex;height:100vh;width:100%}.sidebar[data-v-16a80dbe]{width:269px;background-color:#f2f2f2;height:100vh;position:fixed;left:0;top:0;overflow:hidden;z-index:200}.logo-container[data-v-16a80dbe]{display:flex;align-items:center;justify-content:center;padding:10px 0;margin-bottom:-20px}.logo[data-v-16a80dbe]{height:60px;width:240px}.main-area[data-v-16a80dbe]{flex:1;margin-left:269px;display:flex;flex-direction:column;height:100vh}.header[data-v-16a80dbe]{height:76px;background-color:#f2f2f2;position:sticky;top:0;z-index:100;width:100%}.header-content[data-v-16a80dbe]{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 20px;width:100%}.current-nav[data-v-16a80dbe]{display:flex;align-items:center}.current-nav h2[data-v-16a80dbe]{margin:0;font-size:20px;color:#333;font-weight:500}.user-info[data-v-16a80dbe]{display:flex;align-items:center;margin-left:auto;position:relative;cursor:pointer;padding:5px 10px;border-radius:4px}.user-info[data-v-16a80dbe]:hover{background-color:#e5e5e5}.avatar[data-v-16a80dbe]{width:40px!important;height:40px!important;border-radius:50%;overflow:hidden;margin-right:10px}.avatar img[data-v-16a80dbe]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.username[data-v-16a80dbe]{color:#333;font-size:16px}.dropdown-menu[data-v-16a80dbe]{position:absolute;top:55px;right:0;background-color:#fff;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:1000;min-width:120px}.dropdown-item[data-v-16a80dbe]{padding:10px 15px;display:flex;align-items:center;transition:background-color .3s}.dropdown-item[data-v-16a80dbe]:hover{background-color:#f5f5f5}.dropdown-item i[data-v-16a80dbe]{margin-right:8px;color:#f56c6c}.nav-menu[data-v-16a80dbe]{padding:20px 0}.nav-item[data-v-16a80dbe]{display:flex;align-items:center;justify-content:center;width:227px;height:75px;color:#333;cursor:pointer;transition:background-color .3s;text-align:center;background-color:#fff;margin:10px auto;border-radius:4px}.nav-item.active[data-v-16a80dbe],.nav-item[data-v-16a80dbe]:hover{background-color:#e5e5e5}.nav-icon[data-v-16a80dbe]{width:24px;height:24px;margin-right:10px;-o-object-fit:contain;object-fit:contain}.content[data-v-16a80dbe]{flex:1;padding:20px;text-align:left;overflow:auto}.icon-publish:before{content:"\1F4E4"}.icon-tasks:before{content:"\1F4CB"}.icon-monitor:before{content:"\1F5A5"}.icon-realtime:before{content:"\1F550"}.icon-alert:before{content:"\26A0"}.icon-maintenance:before{content:"\1F527"}.icon-dashboard:before{content:"\1F4CA"}.icon-products:before{content:"\1F4E6"}.icon-profile:before{content:"\1F464"}.icon-feedback:before{content:"\1F4AC"}*{margin:0;padding:0;box-sizing:border-box}.el-icon-delete,.el-icon-plus,.el-icon-search{display:inline-block!important;font-family:element-icons!important}@font-face{font-family:element-icons;src:url(/fonts/element-icons.ff18efd1.woff) format("woff"),url(/fonts/element-icons.f1a45d74.ttf) format("truetype");font-weight:400;font-style:normal;font-display:auto}.el-button,.el-dialog,.el-form,.el-form-item,.el-input,.el-pagination,.el-select{display:inline-block!important}[class*=" el-icon-"],[class^=el-icon-]{display:inline-block!important;font-family:element-icons!important}