#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-container{padding:20px}.table-toolbar{display:flex;justify-content:space-between;margin-bottom:16px}.search-form{margin-bottom:16px}.pagination-container{display:flex;justify-content:flex-end;margin-top:16px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px}@media(max-width:768px){.app-container{padding:12px}.search-form{margin-bottom:12px}.search-form .el-form--inline .el-form-item{margin-right:8px;margin-bottom:8px}.table-toolbar{flex-wrap:wrap;gap:8px}.pagination-container .el-pagination{flex-wrap:wrap;justify-content:center}.pagination-container .el-pagination .el-pagination__sizes,.pagination-container .el-pagination .el-pagination__jump{display:none}.el-dialog{--el-dialog-width: 90% !important;margin:5vh auto!important}.el-table{font-size:13px}.el-table .el-table__cell{padding:8px 0}.el-card{margin-bottom:12px}.el-card .el-card__body{padding:12px}.el-form-item{margin-bottom:12px}}html.dark{--el-bg-color: #141414;--el-bg-color-page: #0a0a0a;--el-bg-color-overlay: #1d1d1d;--el-text-color-primary: #e5eaf3;--el-text-color-regular: #cfd3dc;--el-text-color-secondary: #a3a6ad;--el-text-color-placeholder: #8d9095;--el-border-color: #4c4d4f;--el-border-color-light: #414243;--el-border-color-lighter: #363637;--el-border-color-extra-light: #2b2b2c;--el-fill-color: #303030;--el-fill-color-light: #262727;--el-fill-color-lighter: #1d1d1d;--el-fill-color-blank: #141414;--sidebar-bg: #141414;--sidebar-text: #bfcbd9;--sidebar-active-bg: #409eff;--navbar-bg: #1d1d1d;--card-bg: #1d1d1d;--main-bg: #0a0a0a}html.dark body{background-color:var(--el-bg-color-page);color:var(--el-text-color-primary)}html.dark .el-card{--el-card-bg-color: var(--card-bg);border-color:var(--el-border-color-lighter)}html.dark .el-table{--el-table-bg-color: var(--card-bg);--el-table-tr-bg-color: var(--card-bg);--el-table-header-bg-color: var(--el-fill-color-light);--el-table-row-hover-bg-color: var(--el-fill-color);--el-table-border-color: var(--el-border-color-lighter)}html.dark .el-dialog{--el-dialog-bg-color: var(--card-bg)}html.dark .el-dialog .el-dialog__header{border-bottom-color:var(--el-border-color-lighter)}html.dark .el-dialog .el-dialog__body{color:var(--el-text-color-primary)}html.dark .notice-detail .notice-icon,html.dark .notice-detail .notice-info .detail-title{color:var(--el-text-color-primary)!important}html.dark .notice-detail .notice-info .detail-time,html.dark .notice-detail .close-btn{color:var(--el-text-color-secondary)!important}html.dark .notice-detail .close-btn:hover{background:var(--el-fill-color)!important;color:var(--el-text-color-primary)!important}html.dark .notice-detail .notice-title{color:var(--el-text-color-primary)!important}html.dark .notice-detail .notice-content{color:var(--el-text-color-regular)!important}html.dark .notice-detail .notice-meta{color:var(--el-text-color-secondary)!important;border-bottom-color:var(--el-border-color-lighter)!important}html.dark .el-dropdown-menu{--el-dropdown-menuItem-hover-fill: var(--el-fill-color)}html.dark .sidebar{background-color:var(--sidebar-bg)!important}html.dark .navbar{background-color:var(--navbar-bg)!important;border-bottom-color:var(--el-border-color-lighter)!important}html.dark .navbar .collapse-btn,html.dark .navbar .action-icon{color:var(--el-text-color-regular)!important}html.dark .navbar .action-icon:hover{color:var(--el-color-primary)!important}html.dark .navbar .username{color:var(--el-text-color-primary)!important}html.dark .header{background-color:var(--navbar-bg)!important}html.dark .tags-view{background-color:var(--navbar-bg)!important;border-bottom-color:var(--el-border-color-lighter)!important}html.dark .tags-view .tag-item{color:var(--el-text-color-regular)}html.dark .tags-view .tag-item:hover,html.dark .tags-view .tag-item.active{color:var(--el-color-primary)}html.dark .main-container,html.dark .main{background-color:var(--main-bg)!important}html.dark .el-input__wrapper,html.dark .el-select__wrapper{background-color:var(--el-fill-color-blank)}html.dark .el-breadcrumb__item .el-breadcrumb__inner{color:var(--el-text-color-regular)}html.dark .el-pagination{--el-pagination-bg-color: var(--el-fill-color-blank);--el-pagination-hover-color: var(--el-color-primary)}html.dark .el-loading-mask{background-color:#000000b3!important}html.dark .el-loading-spinner .el-loading-text{color:var(--el-text-color-primary)!important}html.dark .el-loading-spinner .path{stroke:var(--el-color-primary)!important}html.dark .search-form{background-color:var(--card-bg)!important;border-color:var(--el-border-color-lighter)!important}html.dark .app-container .el-card{background-color:var(--card-bg);border-color:var(--el-border-color-lighter)}html.dark .profile-container .avatar-card{background-color:var(--card-bg)}html.dark .profile-container .role-tags .el-tag--info{--el-tag-bg-color: var(--el-fill-color);--el-tag-border-color: var(--el-border-color);--el-tag-text-color: var(--el-text-color-regular)}html.dark .dashboard .card{background-color:var(--card-bg)!important;border-color:var(--el-border-color-lighter)!important;box-shadow:0 1px 3px #0000004d!important}html.dark .dashboard .weather-card,html.dark .dashboard .notice-card,html.dark .dashboard .login-card{background-color:var(--card-bg)!important}html.dark .dashboard .card-title{color:var(--el-text-color-primary)!important}html.dark .dashboard .card-subtitle,html.dark .dashboard .card-location{color:var(--el-text-color-secondary)!important}html.dark .dashboard .weather-temp,html.dark .dashboard .detail-value{color:var(--el-text-color-primary)!important}html.dark .dashboard .weather-desc,html.dark .dashboard .detail-label{color:var(--el-text-color-secondary)!important}html.dark .dashboard .forecast-item{background-color:var(--el-fill-color)!important;color:var(--el-text-color-primary)!important}html.dark .dashboard .forecast-item .forecast-day{color:var(--el-text-color-secondary)!important}html.dark .dashboard .forecast-item .forecast-temp{color:var(--el-text-color-primary)!important}html.dark .dashboard .notice-item:hover{background:var(--el-fill-color)!important}html.dark .dashboard .notice-item .notice-title{color:var(--el-text-color-primary)!important}html.dark .dashboard .notice-item .notice-time{color:var(--el-text-color-secondary)!important}html.dark .dashboard .login-item{border-bottom-color:var(--el-border-color-lighter)!important}html.dark .dashboard .login-item .login-index{background:var(--el-fill-color)!important;color:var(--el-text-color-primary)!important}html.dark .dashboard .login-item .login-time{color:var(--el-text-color-primary)!important}html.dark .dashboard .login-item .login-detail{color:var(--el-text-color-secondary)!important}html.dark .dashboard .login-item .device-tag{background:var(--el-fill-color)!important;color:var(--el-text-color-primary)!important}html.dark .dashboard .welcome-title{color:var(--el-text-color-primary)!important}html.dark .dashboard .welcome-subtitle,html.dark .dashboard .empty-state,html.dark .dashboard .weather-loading{color:var(--el-text-color-secondary)!important}
