@font-face{font-display:swap;font-family:Xthings_Regular;font-weight:400;src:url(../ttf/Regular-BpskOkD5.ttf)}@font-face{font-display:swap;font-family:Xthings_Medium;font-weight:500;src:url(../ttf/Medium-BtfNrkJj.ttf)}@font-face{font-display:swap;font-family:Xthings_Semibold;font-weight:600;src:url(../ttf/SemiBold-C9_sHzqi.ttf)}@font-face{font-display:swap;font-family:Xthings_Bold;font-weight:700;src:url(../ttf/Bold-Du8giq-C.ttf)}.Xthings_Regular{font-family:Xthings_Regular}.Xthings_Medium{font-family:Xthings_Medium}.Xthings_Semibold{font-family:Xthings_Semibold}.Xthings_Bold{font-family:Xthings_Bold;font-weight:700}*{font-family:Xthings_Regular}html:root{--el-color-primary:#007aff!important}.background{color:#f7f9fb}.white-100{color:#fff}.white-90{color:#ffffffe6}.white-80{color:#fffc}.white-70{color:#ffffffb3}.white-60{color:#fff9}.white-50{color:#ffffff80}.white-40{color:#fff6}.white-30{color:#ffffff4d}.white-20{color:#fff3}.white-10{color:#ffffff1a}.black-25{color:#f4f5f6}.black-50{color:#f0f1f3}.black-100{color:#e0e2e7}.black-200{color:#c2c6ce}.black-300{color:#a3a9b6}.black-400{color:#858d9d}.black-500{color:#667085}.black-600{color:#4d5464}.black-700{color:#333843}.black-800{color:#1a1c21}.black-900{color:#0a0b0d}.primary-50{color:#e7f2ff}.primary-100{color:#d2e7ff}.primary-200{color:#a1ceff}.primary-300{color:#69b1ff}.primary-400{color:#298fff}.primary-500{color:#007aff}.primary-600{color:#016de1}.primary-700{color:#0059b8}.primary-800{color:#02448b}.primary-900{color:#012a55}.red-50{color:#fef0f0}.red-100{color:#fce0e0}.red-200{color:#f9c1c1}.red-300{color:#f7a1a1}.red-400{color:#f48282}.red-500{color:#f16363}.red-600{color:#b54a4a}.red-700{color:#793232}.red-800{color:#3c1919}.red-900{color:#180a0a}.yellow-50{color:#fffae6}.yellow-100{color:#fffb90}.yellow-200{color:#ffe57b}.yellow-300{color:#ffdd54}.yellow-400{color:#ffd633}.yellow-500{color:#fc0}.yellow-600{color:#e8ba00}.yellow-700{color:#b59100}.yellow-800{color:#8c7000}.yellow-900{color:#6b5600}.green-50{color:#e8faf2}.green-100{color:#d0f5e3}.green-200{color:#a1eac7}.green-300{color:#72e0ac}.green-400{color:#43d590}.green-500{color:#14cb74}.green-600{color:#0f9857}.green-700{color:#0a663a}.green-800{color:#05331d}.green-900{color:#02140c}.orange-50{color:#fff5eb}.orange-100{color:#feead7}.orange-200{color:#fed5af}.orange-300{color:#fdc186}.orange-400{color:#fdac5e}.orange-500{color:#fc9736}.orange-600{color:#bd7129}.orange-700{color:#7e4c1b}.orange-800{color:#3f260e}.orange-900{color:#190f05}.mint-500{color:#00c7be}.lh-10{line-height:10px}.lh-12{line-height:12px}.lh-14{line-height:14px}.lh-16{line-height:16px}.lh-18{line-height:18px}.lh-20{line-height:20px}.lh-24{line-height:24px}.lh-28{line-height:28px}.lh-32{line-height:32px}.lh-40{line-height:40px}.gradient-border{isolation:isolate;position:relative}.gradient-border:before{background:linear-gradient(20deg,#1987ff,#1987ff 40%,#35faff);background:var(--gradient-border-gradient,linear-gradient(20deg,#1987ff 0,#1987ff 40%,#35faff 100%));border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff,#fff 0) content-box,linear-gradient(#fff,#fff 0);mask:linear-gradient(#fff,#fff 0) content-box,linear-gradient(#fff,#fff 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;padding:var(--gradient-border-width,1px);pointer-events:none;position:absolute;z-index:0}.fs-10{font-size:10px}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-24{font-size:24px}.fs-28{font-size:28px}.fs-32{font-size:32px}.fs-40{font-size:40px}.text-large{font-size:20px}.color-test{background-color:#858d9d;color:#fff}.login_bg{align-items:center;background-size:cover;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.login_bg .lottie-animation{box-sizing:border-box;height:100%;max-height:100vh;padding:10px 0;width:100%}.login_bg .lottie-animation svg{display:block}@media (max-width:1200px){.login_bg{justify-content:flex-start;padding-left:20px;padding-top:30%}.login_bg .lottie-animation{height:auto;max-height:none;padding:0 20px}.login_bg .lottie-animation svg{height:auto!important;width:100%!important}}.login_bg .title p{line-height:60px}.login_bg .text{margin-top:64px;width:465px}.login_bg .copy-right{align-items:center;bottom:32px;color:#1a1c21;display:flex;position:fixed;z-index:10}.login_bg .copy-right .line{background-color:#1a1c21;display:inline-block;height:12px;margin:0 28px;width:.5px}.login-form{box-sizing:border-box;height:100%;margin:0!important;padding:53px 90px;width:100%}.login-form .el-checkbox__label{color:#1a1c21;font-family:Xthings_Regular;font-size:12px}.login-logo{position:absolute;right:30px;top:20px;width:132px}.get-code-btn{color:#007aff}.get-code-btn.disabled{color:#a3a9b6;cursor:not-allowed}.sign-create-box .address-input.address-input{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.sign-create-box .address-input.address-input input:focus-visible{outline:none!important}.sign-create-box .address-input.address-input input::-moz-placeholder{font-size:14px}.sign-create-box .address-input.address-input input::placeholder{font-size:14px}form label{color:#1a1c21;font-size:12px!important}form input,form label{font-family:Xthings_Medium}form input{border-radius:8px;color:#0a0b0d;font-size:12px}form ::-moz-placeholder{color:#c2c6ce;font-family:Xthings_Regular;font-size:12px}form ::placeholder{color:#c2c6ce;font-family:Xthings_Regular;font-size:12px}.el-form-item__label{color:#1a1c21;font-family:Xthings_Medium;font-size:12px!important}.el-input-group .el-input-group__prepend,.el-input-group .el-input-group__prepend .el-select__wrapper{background-color:transparent!important}.el-input-group .el-input__wrapper{box-shadow:inset 0 1px 0 0 var(--el-input-border-color,var(--el-border-color)),inset -1px 0 0 0 var(--el-input-border-color,var(--el-border-color)),inset 0 -1px 0 0 var(--el-input-border-color,var(--el-border-color))}.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after{color:#1a1c21!important}.el-select .el-select__wrapper:focus-visible{outline-color:#007aff}.el-select .el-select__wrapper .el-select__placeholder.is-transparent span{color:#c2c6ce;font-family:Xthings_Regular;font-size:14px}.el-select .el-select__wrapper .el-select__placeholder span{color:#0a0b0d;font-family:Xthings_Semibold}.el-select.el-select--large .el-select__wrapper{height:42px}.el-select .el-select__wrapper{height:36px}.el-input .el-input__wrapper{height:42px}.el-input input{border-radius:8px;color:#0a0b0d;font-family:Xthings_Medium;font-size:14px}.el-input ::-moz-placeholder{color:#c2c6ce;font-family:Xthings_Regular;font-size:14px}.el-input ::placeholder{color:#c2c6ce;font-family:Xthings_Regular;font-size:14px}.xthings-pagination{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-top:6px;padding-top:10px;position:relative;transform:translateZ(0);will-change:contents}.xthings-pagination .blur-pagination{height:10px;left:0;position:absolute;top:0;width:100%}.xthings-pagination .pagination-info{flex:1}.xthings-pagination .pagination-total{color:#858d9d;flex-shrink:0;font-family:Xthings_Regular;font-size:14px;line-height:20px;white-space:nowrap}.xthings-pagination .pagination-controls{align-items:center;backface-visibility:hidden;display:flex;flex-shrink:0;gap:12px;transform:translateZ(0)}.xthings-pagination .pagination-arrow{align-items:center;backface-visibility:hidden;background-color:#f4f5f6;border:none;border-radius:50%;color:#333843;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;min-width:28px;transition:background-color .2s ease,color .2s ease;width:28px}.xthings-pagination .pagination-arrow:hover:not(:disabled){background-color:#e0e2e7}.xthings-pagination .pagination-arrow:disabled{background-color:#f4f5f6;color:#c2c6ce;cursor:not-allowed}.xthings-pagination .pagination-arrow svg{height:12px;width:7px}.xthings-pagination .pagination-input-wrapper{align-items:center;display:flex;gap:8px;height:28px}.xthings-pagination .pagination-input{background-color:transparent;border:.6px solid #c2c6ce;border-radius:40px;color:#1a1c21;font-family:Xthings_Regular;font-size:14px;height:28px;line-height:20px;outline:none;padding:0 8px;text-align:center;transition:border-color .2s ease;width:48px}.xthings-pagination .pagination-input:focus{border-color:#007aff}.xthings-pagination .pagination-input:disabled{background-color:#f4f5f6;color:#c2c6ce;cursor:not-allowed}.xthings-pagination .pagination-separator,.xthings-pagination .pagination-total-pages{color:#1a1c21;font-family:Xthings_Regular;font-size:14px;line-height:20px}@media (max-width:768px){.xthings-pagination{align-items:stretch;flex-direction:column;gap:12px}.xthings-pagination .pagination-info{text-align:center}.xthings-pagination .pagination-controls{justify-content:center}}.xthings-page-table{border:1px solid #e0e2e7}.xthings-page-table .el-date-editor.el-date-editor .el-range-input{font-family:Xthings_Regular;font-size:12px!important;line-height:18px!important}.xthings-page-table .el-date-editor .el-range__close-icon--hidden{display:none}.xthings-page-table .el-range-editor.el-input__wrapper{border-radius:100px;gap:4px;height:28px}.create-location-box .address-input-container,.create-location-dialog .address-input-container{background-color:#fff;border:1px solid #c2c6ce;border-radius:8px;box-sizing:border-box;color:#0a0b0d;display:flex;flex-direction:column;font-family:Xthings_Regular;font-size:14px;height:42px;justify-content:center;line-height:20px;outline:none;padding:0 12px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%}.create-location-box .address-input-container::-moz-placeholder,.create-location-dialog .address-input-container::-moz-placeholder{color:#858d9d}.create-location-box .address-input-container::placeholder,.create-location-dialog .address-input-container::placeholder{color:#858d9d}.create-location-box .address-input-container:focus-within,.create-location-dialog .address-input-container:focus-within{border:1px solid #007aff!important}.create-location-box .address-input-container .timezone-display,.create-location-dialog .address-input-container .timezone-display{max-height:16px}.create-location-box .address-input-container .timezone-display .timezone-text,.create-location-dialog .address-input-container .timezone-display .timezone-text{color:#1a1c21;font-family:Xthings_Regular;font-size:10px}.create-location-box .address-input,.create-location-dialog .address-input{border:none!important;box-sizing:border-box;outline:none!important;width:100%}.create-location-box .activation-section,.create-location-dialog .activation-section{border-bottom:1px solid #f0f1f3;border-top:1px solid #f0f1f3;box-sizing:border-box;padding:20px 0}.create-location-box .activation-section .section-label,.create-location-dialog .activation-section .section-label{display:block;margin-bottom:16px}.create-location-box .el-checkbox,.create-location-dialog .el-checkbox{height:18px}.create-location-box .picture-badge,.create-location-dialog .picture-badge{background:#e7f2ff;border-radius:16px;box-sizing:border-box;left:8px;padding:5px 12px;position:absolute;top:8px}.el-table td.el-table__cell,.el-table th.el-table__cell.is-leaf{border-bottom:.5px solid #e4e4e7!important}.status-select .el-select__wrapper{border:1px solid #c2c6ce;border-radius:100px;box-shadow:none!important;height:28px;min-height:28px}.screen-anviz>button{box-sizing:border-box;height:auto;margin-right:0;padding:6px!important;width:auto}.el-checkbox__inner{border:1px solid #858d9d!important;border-radius:4px}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#fff!important;border-color:#007aff!important}.el-checkbox__input.is-checked{border-color:#007aff!important}.el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:#007aff!important;border-style:solid!important;border-width:0 1px 1px 0!important}.link-page{align-items:center;background:linear-gradient(180deg,#97ccff00,#dfe7ff);display:flex;justify-content:center;min-height:100vh;position:relative;width:100vw}.link-page .link-page-box{background:#fff;border-radius:20px;box-sizing:border-box;padding:40px;width:430px}.link-page .link-page-box .link-page-logo{height:40px;margin:auto}.link-page .link-page-box .link-page-content{box-sizing:border-box;padding:0 11px}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{background:transparent;height:0;width:0}.el-dialog.el-dialog{box-sizing:border-box;padding:20px 30px}.el-dialog.el-dialog .el-dialog__header{align-items:center;border-bottom:1px solid #f0f1f3;box-sizing:border-box;display:flex;justify-content:space-between;padding-bottom:12px;padding-right:0;width:100%}.el-dialog.el-dialog .el-dialog__header .el-dialog__title{color:#0a0b0d;font-family:Xthings_Bold;font-size:20px;line-height:28px}.el-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn{font-size:20px;height:20px;position:relative;width:20px}.el-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn i{color:#1a1c21!important}.el-dialog.el-dialog .el-dialog__body{box-sizing:border-box;padding:30px 0}.create-location-dialog.create-location-dialog .el-dialog__body,.recoveryCode-dialog .el-dialog__body,.share-dialog.share-dialog .el-dialog__body,.twoStep-dialog .el-dialog__body,.user-dialog.user-dialog .el-dialog__body{max-height:calc(90vh - 160px);overflow-y:auto;scrollbar-width:none}.create-location-dialog.create-location-dialog .el-dialog__body::-webkit-scrollbar,.recoveryCode-dialog .el-dialog__body::-webkit-scrollbar,.share-dialog.share-dialog .el-dialog__body::-webkit-scrollbar,.twoStep-dialog .el-dialog__body::-webkit-scrollbar,.user-dialog.user-dialog .el-dialog__body::-webkit-scrollbar{background:transparent;width:0}.small-dialog.small-dialog{width:400px!important}.medium-dialog.medium-dialog{width:580px!important}.medium-dialog-640.medium-dialog-640{width:640px!important}.dialog-avatar-upload .el-upload{width:100%}.dialog-avatar-upload .upload-but{align-items:center;background:#fff;border:1px solid #c2c6ce;border-radius:8px;box-sizing:border-box;color:#0a0b0d;display:flex;gap:8px;justify-content:center;padding:8px 12px}.dialog-avatar-upload .upload-but i{color:#0a0b0d;font-size:14px}.dialog-avatar-upload .upload-success{align-items:center;border:1px dashed #858d9d;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:20px;padding:63px 40px}.dialog-avatar-upload .upload-success img{height:32px;width:32px}.device-detail-dialog{border-radius:16px!important;height:calc(100vh - 80px);margin-bottom:40px!important;max-width:1853px;overflow-y:auto;width:80%!important}.device-detail-dialog .el-dialog__header{display:none!important}.device-detail-dialog .el-dialog__body{height:100%;padding-bottom:0!important;padding-top:0!important}.device-detail-dialog .device-info-sidebar{border-radius:10px;height:100%}.device-detail-dialog .table-content{padding:0!important}.device-detail-dialog .xthings-page-table .table-header{display:none}.device-detail-dialog .xthings-page-table .table-box .title{color:#1a1c21;font-family:Xthings_Regular;font-size:12px;line-height:18px}.user-center-dialog{border-radius:16px!important;height:calc(100vh - 80px);margin-bottom:40px!important;max-width:1853px;overflow:hidden;width:80%!important}.user-center-dialog .el-dialog__header{display:none!important}.user-center-dialog .el-dialog__body{height:100%;padding-bottom:0!important;padding-top:0!important}.user-center-page-table{border:1px solid #e0e2e7;border-radius:20px}.user-center-page-table .table-content{padding:0!important}.user-center-page-table .xthings-page-table{border-radius:20px!important}.user-center-page-table .xthings-page-table .el-table__body .el-table__cell:first-child .cell,.user-center-page-table .xthings-page-table .el-table__header .el-table__cell:first-child .cell{padding-left:20px}.edit-access-dialog.el-dialog{height:calc(100vh - 80px);margin-bottom:40px!important;padding:20px 0 0}.edit-access-dialog.el-dialog .el-dialog__body{height:calc(100% - 90px);overflow-y:auto}.edit-access-dialog.el-dialog .dialog-footer,.edit-access-dialog.el-dialog .el-dialog__header,.edit-access-dialog.el-dialog .el-form{box-sizing:border-box;padding:0 30px}.edit-access-dialog.el-dialog .el-input .el-input__wrapper,.edit-access-dialog.el-dialog .el-select.el-select--large .el-select__wrapper{height:36px}.edit-access-dialog.el-dialog .el-select--large .el-select__wrapper{min-height:auto}.edit-access-dialog.el-dialog .el-radio__input.is-checked+.el-radio__label{color:#1a1c21!important;font-family:Xthings_Semibold;font-size:14px;line-height:20px}.edit-access-dialog.el-dialog .el-radio__label{color:#667085!important;font-family:Xthings_Regular;font-size:14px;line-height:20px}.event-table .xthings-page-table .table-header{display:inline-block!important}.firmware-update-dialog-container{border-radius:20px!important;box-sizing:border-box;padding:40px!important}.firmware-update-dialog-container .el-dialog__header{display:none!important}.firmware-update-dialog-container .el-dialog__body{padding-bottom:0!important;padding-top:0!important}.add-scene-dialog-modal .el-overlay-dialog,.bright-detail-dialog-modal .el-overlay-dialog,.share-dialog-modal .el-overlay-dialog,.switch-detail-dialog-modal .el-overlay-dialog{align-items:center;display:flex;justify-content:center}.add-scene-dialog.add-scene-dialog,.bright-detail-dialog.bright-detail-dialog,.switch-detail-dialog.switch-detail-dialog{margin:0!important;max-height:820px;max-width:1300px;min-width:1000px;padding:0!important}.add-scene-dialog.add-scene-dialog .dialog-content-wrapper,.bright-detail-dialog.bright-detail-dialog .dialog-content-wrapper,.switch-detail-dialog.switch-detail-dialog .dialog-content-wrapper{box-sizing:border-box;padding-bottom:20px}.add-scene-dialog.add-scene-dialog .content-scroll,.bright-detail-dialog.bright-detail-dialog .content-scroll,.switch-detail-dialog.switch-detail-dialog .content-scroll{padding-bottom:10px}.share-dialog.share-dialog{margin:0!important}.share-dialog.share-dialog .authority-card{align-items:flex-start;background:#fff;border:1px solid #c2c6ce;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:11px;transition:all .2s}.share-dialog.share-dialog .authority-card:hover{border-color:#007aff}.share-dialog.share-dialog .authority-card.selected{background:#d2e7ff;border-color:#007aff}.share-dialog.share-dialog .authority-card .radio-circle{align-items:center;border:1px solid #c2c6ce;border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .2s;width:20px}.share-dialog.share-dialog .authority-card .radio-circle.checked{background:#007aff;border-color:#007aff}.share-dialog.share-dialog .authority-card .radio-circle .check-icon{color:#fff;font-size:14px}.share-dialog.share-dialog .share-method-radio .el-radio{margin-right:30px}.share-dialog.share-dialog .share-method-radio .el-radio .el-radio__label{color:#0a0b0d;font-family:Xthings_Semibold;font-size:14px}.share-dialog.share-dialog .share-method-radio .el-radio.is-checked .el-radio__label{color:#0a0b0d}.share-dialog.share-dialog .share-method-radio .el-radio:not(.is-checked) .el-radio__label{color:#667085;font-family:Xthings_Regular}.share-dialog.share-dialog .el-divider{border-color:#f0f1f3;margin:20px 0}.add-scene-dialog .form-group-scene{border:1px solid #c2c6ce;border-radius:16px;box-sizing:border-box;max-height:226px;padding:20px}.add-scene-dialog .form-group-scene .form-group-scene-box{height:100%}.add-scene-dialog .form-group-scene .form-group-scene-box .icon-grid{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.add-scene-dialog .form-group-scene .form-group-scene-box .icon-grid::-webkit-scrollbar{background:transparent;height:0;width:0}.add-scene-dialog .form-group-box{border:1px solid #c2c6ce;border-radius:16px;box-sizing:border-box;padding:30px 20px}.share-confirm-dialog .el-dialog__header{border-bottom:0!important}.share-confirm-dialog .el-dialog__body{padding-bottom:20px!important;padding-top:0!important}.control-btn:focus-visible{outline:none}.create-location-dialog.create-location-dialog .el-dialog__body{padding-top:0!important}.create-location-dialog.create-location-dialog .el-dialog__body .input-container{box-sizing:border-box;padding-top:30px}.account-user-dialog .birthday .el-select__wrapper{padding:8px!important}.account-user-dialog .birthday .el-select__wrapper .el-select__selected-item{display:flex;justify-content:center}.xthings-page-table{background-color:#fff;border-radius:20px;box-sizing:border-box;height:100%}.xthings-page-table .el-table__header,.xthings-page-table .el-table__header tr th{background-color:#f4f5f6!important}.xthings-page-table .el-table__header .el-table__cell{border-bottom:none;box-sizing:border-box;padding:11px 0}.xthings-page-table .el-table__header .el-table__cell .cell{color:#0a0b0d;font-family:Xthings_Semibold;font-size:12px;line-height:18px;text-transform:capitalize}.xthings-page-table .el-table__body .el-table__cell{border-bottom:none;box-sizing:border-box;padding:9px 0}.xthings-page-table .el-table__body .el-table__cell .cell{color:#1a1c21;font-family:Xthings_Regular;font-size:12px;line-height:18px}.xthings-page-table .el-table__inner-wrapper:before{height:0}.xthings-page-table .el-table th.el-table__cell.is-leaf{border-bottom:none}.xthings-page-table .el-table_1_column_1 .cell{box-sizing:border-box;padding:0 24px!important}.xthings-page-table .table-box .title{color:#1a1c21;font-family:Xthings_Medium;font-size:14px;line-height:20px}.xthings-page-table .table-box .tips{color:#667085;font-family:Xthings_Regular;font-size:14px;line-height:20px}.xthings-page-table .table-box .bg-center{height:40px;width:40px}.xthings-page-table .el-pagination .btn-next .el-icon,.xthings-page-table .el-pagination .btn-prev .el-icon{width:1rem}.xthings-page-table .el-checkbox__input.is-checked .el-checkbox__inner,.xthings-page-table .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:transparent}.xthings-page-table .el-checkbox__input.is-checked .el-checkbox__inner:after,.xthings-page-table .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{border-color:#007aff}.xthings-page-table .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:#007aff}.search-table-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;transition:width .3s ease;width:240px}.search-table-container.focused{width:320px}.search-table-container.no-expand.focused{width:240px}.search-table-container .search-input-wrapper{align-items:center;border:1px solid #c2c6ce;border-radius:8px;box-sizing:border-box;display:flex;gap:8px;height:36px;justify-content:flex-start;padding:8px 12px;transition:border-color .2s ease;width:100%}.search-table-container .search-input-wrapper.focused,.search-table-container .search-input-wrapper:hover{border-color:#007aff}.search-table-container .search-input-wrapper .search-input{background:transparent;border:none;color:#1a1c21;flex:1;font-family:Xthings_Medium;font-size:14px;line-height:20px;min-width:0;outline:none}.search-table-container .search-input-wrapper .search-input::-moz-placeholder{color:#858d9d;font-family:Xthings_Regular}.search-table-container .search-input-wrapper .search-input::placeholder{color:#858d9d;font-family:Xthings_Regular}.search-table-container .search-input-wrapper .box-icon{align-items:center;display:flex}.search-table-container .search-input-wrapper .search-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.search-table-container .search-input-wrapper .vertical-divider{background-color:#e0e2e7;height:14px;width:1px}.el-message.el-message{top:80px!important}.el-message--error.el-message--error{background-color:#fef0f0;border:1px solid #f9c1c1}.el-message--error.el-message--error .el-message__closeBtn,.el-message--error.el-message--error .el-message__content,.el-message--error.el-message--error .el-message__icon{color:#b54a4a}.el-message--info.el-message--info{background-color:#f0f1f3;border:1px solid #c2c6ce}.el-message--info.el-message--info .el-message__closeBtn,.el-message--info.el-message--info .el-message__content,.el-message--info.el-message--info .el-message__icon{color:#1a1c21}.el-message--warning.el-message--warning{background-color:#fffae6;border:1px solid #ffe57b}.el-message--warning.el-message--warning .el-message__closeBtn,.el-message--warning.el-message--warning .el-message__content,.el-message--warning.el-message--warning .el-message__icon{color:#b59100}.el-message--success.el-message--success{background-color:#e8faf2;border:1px solid #a1eac7}.el-message--success.el-message--success .el-message__closeBtn,.el-message--success.el-message--success .el-message__content,.el-message--success.el-message--success .el-message__icon{color:#0a663a}.dark .el-message--error.el-message--error{background-color:#3c1919;border:1px solid #180a0a}.dark .el-message--error.el-message--error .el-message__closeBtn,.dark .el-message--error.el-message--error .el-message__content,.dark .el-message--error.el-message--error .el-message__icon{color:#f16363}.dark .el-message--success.el-message--success{background-color:#05331d;border:1px solid #02140c}.dark .el-message--success.el-message--success .el-message__closeBtn,.dark .el-message--success.el-message--success .el-message__content,.dark .el-message--success.el-message--success .el-message__icon{color:#14cb74}.dark .el-message--warning.el-message--warning{background-color:#3f260e;border:1px solid #190f05}.dark .el-message--warning.el-message--warning .el-message__closeBtn,.dark .el-message--warning.el-message--warning .el-message__content,.dark .el-message--warning.el-message--warning .el-message__icon{color:#fc9736}.dark .el-message--info.el-message--info{background-color:#4d5464;border:1px solid #0a0b0d}.dark .el-message--info.el-message--info .el-message__closeBtn,.dark .el-message--info.el-message--info .el-message__content,.dark .el-message--info.el-message--info .el-message__icon{color:#e0e2e7}.account-layout{background-color:#ffffffe6;display:flex;height:100vh;width:100vw}.account-layout .menu-list{box-sizing:border-box;padding-bottom:8px}.account-layout .account-title{color:#1a1c21;cursor:pointer;font-size:20px;line-height:28px}.account-sidebar{background-color:#ffffffe6;display:flex;flex-direction:column;gap:12px;min-width:264px;overflow-y:auto;padding:17px 16px 32px;width:264px}.account-sidebar .sidebar-header{align-items:center;cursor:pointer;display:flex;gap:16px;margin-bottom:18px;padding:0 12px;transition:opacity .2s}.account-sidebar .sidebar-header:hover{opacity:.8}.account-sidebar .sidebar-header .logo{height:68px;width:auto}.account-sidebar .user-card-wrapper{border-bottom:.5px solid #f0f1f3;padding:26px 12px}.account-sidebar .user-card-wrapper .user-card{align-items:center;box-sizing:border-box;display:flex;gap:12px}.account-sidebar .user-card-wrapper .user-card .avatar-wrapper{flex-shrink:0}.account-sidebar .user-card-wrapper .user-card .avatar-wrapper .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#e7f2ff,#c7e2ff);border-radius:50%;display:flex;height:60px;justify-content:center;width:60px}.account-sidebar .user-card-wrapper .user-card .avatar-wrapper .avatar-placeholder .avatar-text{color:#000;font-size:30px;font-weight:400;text-transform:capitalize}.account-sidebar .user-card-wrapper .user-card .avatar-wrapper .avatar{border-radius:50%;height:60px;-o-object-fit:cover;object-fit:cover;width:60px}.account-sidebar .user-card-wrapper .user-card .user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.account-sidebar .user-card-wrapper .user-card .user-info .user-name{color:#1a1c21;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sidebar .user-card-wrapper .user-card .user-info .user-email,.account-sidebar .user-card-wrapper .user-card .user-info .user-phone{color:#667085;font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sidebar .user-card-wrapper .logout{margin-left:72px}.account-sidebar .dsahboard-item .menu-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background-color .2s}.account-sidebar .dsahboard-item .menu-item .menu-icon{color:#1a1c21;flex-shrink:0;font-size:20px;height:20px;width:20px}.account-sidebar .dsahboard-item .menu-item .menu-text{color:#1a1c21;font-size:14px;line-height:20px}.account-sidebar .dsahboard-item .menu-item:hover{background-color:#0000000a}.account-sidebar .dsahboard-item .menu-item-sb{justify-content:space-between}.account-sidebar .menu-list{display:flex;flex-direction:column;gap:12px}.account-sidebar .menu-list .menu-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background-color .2s}.account-sidebar .menu-list .menu-item .menu-icon{color:#1a1c21;flex-shrink:0;font-size:20px;height:20px;width:20px}.account-sidebar .menu-list .menu-item .menu-text{color:#1a1c21;font-size:14px;line-height:20px}.account-sidebar .menu-list .menu-item:hover{background-color:#0000000a}.account-sidebar .menu-list .menu-item.menu-item-active .menu-icon,.account-sidebar .menu-list .menu-item.menu-item-active .menu-text{color:#007aff}.account-main{background-color:#f7f9fb;display:flex;flex:1;flex-direction:column;overflow:hidden}.account-main .account-header{align-items:center;background-color:#fff;border-bottom:1px solid #f0f1f3;display:flex;height:54px;justify-content:space-between;min-height:54px;padding:0 24px}.account-main .account-header .header-left{align-items:center;display:flex;gap:30px}.account-main .account-header .header-left h1{margin:0}.account-main .account-header .header-left .dashboard-btn{align-items:center;background:#fff;border:1px solid #c2c6ce;border-radius:8px;cursor:pointer;display:flex;gap:12px;justify-content:center;padding:6px 8px;transition:all .2s}.account-main .account-header .header-left .dashboard-btn i{color:#1a1c21;font-size:20px}.account-main .account-header .header-left .dashboard-btn span{color:#1a1c21;font-size:14px;line-height:20px}.account-main .account-header .header-left .dashboard-btn:hover{background-color:#f4f5f6;border-color:#a3a9b6}.account-main .account-header .header-right{align-items:center;display:flex}.account-main .account-header .header-right .header-menu-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:12px 16px;transition:background-color .2s}.account-main .account-header .header-right .header-store-btn{align-items:center;background:linear-gradient(90deg,#d2e7ff,#dde0ff);border:1px solid #fff;border-radius:38px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s}.account-main .account-header .header-right .header-store-btn .store-icon{align-items:center;border-radius:12px;display:flex;height:28px;justify-content:center;overflow:hidden;width:28px}.account-main .account-header .header-right .header-store-btn .store-icon i{color:#0a0b0d;font-size:20px}.account-main .account-header .header-right .header-store-btn:hover{background-color:#f4f5f6}.account-main .account-content{box-sizing:border-box;flex:1;overflow:auto;padding:20px}.account-main .account-content .page-main{height:calc(100vh - 94px)!important}.account-page{max-width:1200px}.account-page .page-header{margin-bottom:24px}.account-page .page-header h1{margin-bottom:8px}.account-page .page-header p{color:#4d5464}.account-page .content-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:24px}.account-page .content-card .card-section h2{color:#0a0b0d;margin-bottom:12px}.account-page .content-card .card-section h3{color:#1a1c21;font-size:16px;line-height:24px;margin-bottom:8px}.account-page .content-card .card-section p{color:#4d5464;line-height:1.6}.account-page .content-card .card-section+.card-section{border-top:1px solid #f0f1f3;margin-top:24px;padding-top:24px}.account-page .content-card .form-row{display:flex;gap:16px;margin-bottom:16px}.account-page .content-card .form-row:last-child{margin-bottom:0}.account-page .content-card .form-item{display:flex;flex:1;flex-direction:column;gap:8px}.account-page .content-card .form-item label{color:#333843;font-family:Xthings_Medium;font-size:14px;line-height:20px}.account-page .content-card .form-item input,.account-page .content-card .form-item select,.account-page .content-card .form-item textarea{border:1px solid #c2c6ce;border-radius:8px;color:#0a0b0d;font-size:14px;padding:10px 12px;transition:border-color .2s}.account-page .content-card .form-item input:focus,.account-page .content-card .form-item select:focus,.account-page .content-card .form-item textarea:focus{border-color:#007aff;outline:none}.account-page .content-card .form-item input::-moz-placeholder,.account-page .content-card .form-item select::-moz-placeholder,.account-page .content-card .form-item textarea::-moz-placeholder{color:#858d9d}.account-page .content-card .form-item input::placeholder,.account-page .content-card .form-item select::placeholder,.account-page .content-card .form-item textarea::placeholder{color:#858d9d}.account-page .content-card .form-item textarea{min-height:100px;resize:vertical}.account-page .content-card .info-list{display:flex;flex-direction:column;gap:12px}.account-page .content-card .info-list .info-item{align-items:center;display:flex;gap:12px}.account-page .content-card .info-list .info-item .info-label{color:#667085;font-size:14px;min-width:100px}.account-page .content-card .info-list .info-item .info-value{color:#0a0b0d;font-family:Xthings_Medium;font-size:14px}.account-page .content-card .action-buttons{border-top:1px solid #f0f1f3;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.account-page .empty-state{align-items:center;color:#667085;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.account-page .empty-state .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.account-page .empty-state .empty-text{font-size:14px;line-height:20px}.account-page .personal-info-card{background:#fffc;border:1px solid #fff;border-radius:20px;box-sizing:border-box;padding:20px}.account-page .personal-info-card>h2{line-height:28px;margin:0 0 48px}.account-page .personal-info-card .info-content{display:flex;gap:127px;position:relative}.account-page .personal-info-card .info-fields{flex:1;max-width:488px}.account-page .personal-info-card .info-field-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px;position:relative}.account-page .personal-info-card .info-field-item:last-child{margin-bottom:0}.account-page .personal-info-card .info-field-item .field-content{display:flex;flex-direction:column;gap:4px;overflow:hidden}.account-page .personal-info-card .info-field-item .field-content .field-label{line-height:20px}.account-page .personal-info-card .info-field-item .field-content .field-value{line-height:18px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-page .personal-info-card .info-field-item .edit-button{background:#fff;border:1px solid #c2c6ce;border-radius:8px;cursor:pointer;outline:none;padding:6px 24px;transition:all .2s ease}.account-page .personal-info-card .info-field-item .edit-button:hover{background-color:#f4f5f6;border-color:#a3a9b6}.account-page .personal-info-card .info-field-item .edit-button:active{transform:scale(.98)}.account-page .personal-info-card .info-field-item .edit-button span{line-height:20px}.account-page .personal-info-card .info-field-item .field-divider{background-color:#f0f1f3;bottom:0;height:1px;left:0;position:absolute;right:0}.account-page .personal-info-card .avatar-section{align-items:center;display:flex;flex-direction:column;gap:12px}.account-page .personal-info-card .avatar-section .avatar-container{align-items:center;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:200px}.account-page .personal-info-card .avatar-section .avatar-container img{border-radius:100px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.account-page .personal-info-card .avatar-section .avatar-edit-button{align-items:center;background:#fff;border:1px solid #c2c6ce;border-radius:8px;bottom:0;cursor:pointer;display:flex;gap:8px;left:0;outline:none;padding:6px 12px;position:absolute;transition:all .2s ease}.account-page .personal-info-card .avatar-section .avatar-edit-button svg{color:#0a0b0d;height:16px;width:16px}.account-page .personal-info-card .avatar-section .avatar-edit-button span{line-height:20px}.account-page .personal-info-card .avatar-section .avatar-edit-button:hover{background-color:#f4f5f6;border-color:#a3a9b6}.account-page .personal-info-card .avatar-section .avatar-edit-button:active{transform:scale(.98)}.account-page .preference-settings-card{background:#fffc;border:1px solid #fff;border-radius:20px;box-sizing:border-box;padding:20px}.account-page .preference-settings-card>h2{line-height:28px;margin:0 0 48px}.account-page .preference-settings-card .settings-content{display:flex;flex-direction:column}.account-page .preference-settings-card .setting-field-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px;position:relative}.account-page .preference-settings-card .setting-field-item:last-child{margin-bottom:0}.account-page .preference-settings-card .setting-field-item .field-content{display:flex;flex:1;flex-direction:column;gap:4px}.account-page .preference-settings-card .setting-field-item .field-content .field-label{line-height:20px}.account-page .preference-settings-card .setting-field-item .field-content .field-value{line-height:18px}.account-page .preference-settings-card .setting-field-item .edit-button{background:#fff;border:1px solid #c2c6ce;border-radius:8px;cursor:pointer;outline:none;padding:6px 24px;transition:all .2s ease}.account-page .preference-settings-card .setting-field-item .edit-button:hover{background-color:#f4f5f6;border-color:#a3a9b6}.account-page .preference-settings-card .setting-field-item .edit-button:active{transform:scale(.98)}.account-page .preference-settings-card .setting-field-item .edit-button span{line-height:20px}.account-page .preference-settings-card .setting-field-item .field-divider{background-color:#f0f1f3;bottom:0;height:1px;left:0;position:absolute;right:0}.account-page .preference-settings-card .setting-field-item.theme-field{align-items:flex-start}.account-page .preference-settings-card .setting-field-item.theme-field .field-content{gap:8px}.account-page .preference-settings-card .setting-field-item.theme-field .theme-options{display:flex;gap:111px;margin-top:8px}.account-page .preference-settings-card .setting-field-item.theme-field .theme-options .theme-option{align-items:center;cursor:pointer;display:flex;gap:8px;position:relative}.account-page .preference-settings-card .setting-field-item.theme-field .theme-options .theme-option .theme-radio{height:0;opacity:0;position:absolute;width:0}.account-page .preference-settings-card .setting-field-item.theme-field .theme-options .theme-option .radio-custom{border:1px solid #c2c6ce;border-radius:50%;flex-shrink:0;height:14px;position:relative;transition:all .2s ease;width:14px}.account-page .preference-settings-card .setting-field-item.theme-field .theme-options .theme-option .radio-custom:after{background-color:#007aff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease;width:8px}.account-page .preference-settings-card .setting-field-item.theme-field .theme-options .theme-option .theme-label{line-height:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.account-page .preference-settings-card .setting-field-item.theme-field .theme-options .theme-option .theme-radio:checked~.radio-custom{border-color:#007aff}.account-page .preference-settings-card .setting-field-item.theme-field .theme-options .theme-option .theme-radio:checked~.radio-custom:after{transform:translate(-50%,-50%) scale(1)}.account-page .preference-settings-card .setting-field-item.theme-field .theme-options .theme-option:hover .radio-custom{border-color:#007aff}.account-page .placeholder-card{background:#fffc;border:1px solid #fff;border-radius:20px;box-sizing:border-box;padding:20px}.account-page .placeholder-card>h2{line-height:28px;margin:0 0 12px}.account-page .placeholder-card>p{color:#4d5464;line-height:20px;margin:0}.account-page .two-step-verification-card{background:#fffc;border:1px solid #fff;border-radius:20px;box-sizing:border-box;padding:20px}.account-page .two-step-verification-card>h2{line-height:28px;margin:0 0 20px}.account-page .two-step-verification-card .verification-description{margin-bottom:30px;max-width:724px}.account-page .two-step-verification-card .verification-description p{margin:0}.account-page .two-step-verification-card .verification-description p:last-child{margin-bottom:0}.account-page .two-step-verification-card .enable-button{background:#007aff;border:none;border-radius:8px;cursor:pointer;min-width:120px;outline:none;padding:6px 12px;transition:all .2s ease}.account-page .two-step-verification-card .enable-button:hover{background-color:#016de1}.account-page .two-step-verification-card .enable-button:active{transform:scale(.98)}.account-page .account-settings-card{background:#ffffffe6;border:1px solid #fff;border-radius:20px;box-sizing:border-box;padding:20px}.account-page .account-settings-card>h2{line-height:28px;margin:0 0 48px}.account-page .account-settings-card .settings-fields{display:flex;flex-direction:column;margin-bottom:30px}.account-page .account-settings-card .setting-field-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px;position:relative}.account-page .account-settings-card .setting-field-item:last-child{margin-bottom:0}.account-page .account-settings-card .setting-field-item .field-content{display:flex;flex-direction:column;gap:4px}.account-page .account-settings-card .setting-field-item .edit-button{background:#fff;border:1px solid #c2c6ce;border-radius:8px;cursor:pointer;outline:none;padding:6px 24px;transition:all .2s ease}.account-page .account-settings-card .setting-field-item .edit-button:hover{background-color:#f4f5f6;border-color:#a3a9b6}.account-page .account-settings-card .setting-field-item .edit-button:active{transform:scale(.98)}.account-page .account-settings-card .setting-field-item .field-divider{background-color:#f0f1f3;bottom:0;height:1px;left:0;position:absolute;right:0}.account-page .account-settings-card .delete-account-button{background:#fff;border:1px solid #c2c6ce;border-radius:8px;cursor:pointer;min-width:120px;outline:none;padding:6px 12px;transition:all .2s ease}.account-page .account-settings-card .delete-account-button:hover{background-color:#fef0f0;border-color:#f16363}.account-page .account-settings-card .delete-account-button:hover span{color:#b54a4a}.account-page .account-settings-card .delete-account-button:active{transform:scale(.98)}.account-page .logged-in-devices-card{background:#ffffffe6;border:1px solid #fff;border-radius:20px;box-sizing:border-box;padding:20px}.account-page .logged-in-devices-card>h2{line-height:28px;margin:0 0 20px}.account-page .logged-in-devices-card .devices-description{margin:0 0 40px;max-width:724px}.account-page .logged-in-devices-card .devices-grid{display:flex;gap:30px;overflow-x:auto;padding-bottom:10px}.account-page .logged-in-devices-card .devices-grid::-webkit-scrollbar{height:8px}.account-page .logged-in-devices-card .devices-grid::-webkit-scrollbar-track{background:#f4f5f6;border-radius:4px}.account-page .logged-in-devices-card .devices-grid::-webkit-scrollbar-thumb{background:#c2c6ce;border-radius:4px}.account-page .logged-in-devices-card .devices-grid::-webkit-scrollbar-thumb:hover{background:#a3a9b6}.account-page .device-card{background:#fff;border-radius:8px;box-shadow:0 4px 30px #1a1c210d;display:flex;flex-direction:column;flex-shrink:0;height:218px;overflow:hidden;position:relative;width:311px}.account-page .device-card .device-card-top-bar{flex-shrink:0;height:6px;width:100%}.account-page .device-card .device-card-top-bar.top-bar-primary{background-color:#007aff}.account-page .device-card .device-card-top-bar.top-bar-green{background-color:#a1eac7}.account-page .device-card .device-card-content{display:flex;flex:1;flex-direction:column;gap:12px;padding:18px 16px}.account-page .device-card .device-card-content .device-info-row{align-items:center;display:flex;gap:16px;height:20px}.account-page .device-card .device-card-content .device-info-row .info-label{flex-shrink:0;width:115px}.account-page .device-card .device-card-content .device-info-row .info-value{flex:1}.account-page .device-card .device-card-action{align-items:center;display:flex;justify-content:flex-end;min-height:42px;padding:0 16px 12px}.account-page .device-card .device-card-action .current-device-badge{background:#e7f2ff;border-radius:200px;padding:4px 12px}.account-page .device-card .device-card-action .current-device-badge span{color:#016de1}.account-page .device-card .device-card-action .force-quit-button{background:#fff;border:1px solid #c2c6ce;border-radius:40px;cursor:pointer;min-width:120px;outline:none;padding:4px 12px;transition:all .2s ease}.account-page .device-card .device-card-action .force-quit-button:hover{background-color:#f4f5f6;border-color:#a3a9b6}.account-page .device-card .device-card-action .force-quit-button:active{transform:scale(.98)}.account-page .third-party-login-card{background:#ffffffe6;border:1px solid #fff;border-radius:20px;box-sizing:border-box;padding:20px}.account-page .third-party-login-card>h2{line-height:28px;margin:0 0 40px}.account-page .third-party-login-card .third-party-list{display:flex;flex-direction:column}.account-page .third-party-login-card .third-party-item{align-items:center;display:flex;justify-content:space-between;min-height:67px;padding-bottom:18px;padding-top:7px;position:relative}.account-page .third-party-login-card .third-party-item .third-party-info{align-items:center;display:flex;gap:16px}.account-page .third-party-login-card .third-party-item .third-party-info .third-party-icon{flex-shrink:0;height:28px;-o-object-fit:contain;object-fit:contain;width:28px}.account-page .third-party-login-card .third-party-item .third-party-info .third-party-name{line-height:20px}.account-page .third-party-login-card .third-party-item .third-party-action{align-items:center;cursor:pointer;display:flex;gap:16px}.account-page .third-party-login-card .third-party-item .third-party-action .status-badge{border-radius:200px;padding:4px 12px}.account-page .third-party-login-card .third-party-item .third-party-action .status-badge.status-bounded{background:#e7f2ff}.account-page .third-party-login-card .third-party-item .third-party-action .status-badge.status-bounded span{color:#016de1}.account-page .third-party-login-card .third-party-item .third-party-action .status-badge.status-not-bounded{background:#fef0f0}.account-page .third-party-login-card .third-party-item .third-party-action .status-badge.status-not-bounded span{color:#f16363}.account-page .third-party-login-card .third-party-item .third-party-action .status-badge span{line-height:18px}.account-page .third-party-login-card .third-party-item .third-party-action .chevron-icon{color:#0a0b0d;flex-shrink:0;height:16px;width:16px}.account-page .third-party-login-card .third-party-item .third-party-divider{background-color:#f0f1f3;bottom:0;height:1px;left:0;position:absolute;right:0}.account-page{height:100%;max-width:100%}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(530px,1fr));grid-gap:30px;gap:30px}.card-container .content-card{box-shadow:none;margin-bottom:0}.card-container .content-card .card-section{display:flex;flex-direction:column}.card-container .content-card .card-section .section-content{border-bottom:.5px solid #e6e6e6;display:flex;gap:16px;padding-bottom:16px}.card-container .content-card .card-section .section-content .location-image{border-radius:6px;overflow:hidden;width:60%}.card-container .content-card .card-section .section-content .info-text{display:flex;flex:1;flex-direction:column;justify-content:space-between}.card-container .content-card .card-section .section-content .info-text .action-button{display:flex;justify-content:flex-end}.card-container .content-card .card-section .section-content .info-text .action-button .el-button{padding:8px}.card-container .content-card .card-section .section-content .info-text .action-button .el-button i{font-size:16px}.card-container .content-card .card-section .card-footer{padding-top:16px}.card-container .content-card .card-section .card-footer .device-empty{align-items:center;display:flex;gap:8px}.card-container .content-card .card-section .card-footer .device-avatars{display:flex;gap:12px}.card-container .content-card .card-section .card-footer .device-avatars img{height:36px;width:36px}.card-container .content-card.add-card{align-items:center;cursor:pointer;display:flex;gap:20px;justify-content:center;width:100%}.card-container .content-card.add-card img{height:42px;width:42px}.camera-empty-state{position:relative}.camera-empty-state .carousel-wrapper{aspect-ratio:456/201;width:100%}.camera-empty-state .el-carousel .el-carousel__button{background-color:#a3a9b6;border-radius:50%;height:5px;opacity:1;width:5px}.camera-empty-state .el-carousel .is-active .el-carousel__button{background-color:#007aff}.camera-empty-state .el-carousel__indicator--vertical{padding:0}.camera-empty-state .el-carousel__indicators{display:flex;flex-direction:column;gap:3px}.camera-empty-state .el-carousel__indicators--vertical{right:-13.5px!important}.camera-empty-state .carousel-img{border-radius:16px;height:100%;width:100%}.camera-empty-state .add-camera-btn{align-items:center;background:#fff;border:1.3px dashed #667085;border-radius:48px;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;justify-content:center;margin:51px auto;padding:8px 12px;transition:all .2s}.camera-empty-state .add-camera-btn:hover{background:#f9fafb;border-color:#007aff}.camera-empty-state .add-camera-btn img{height:36px;width:36px}.camera-empty-state .add-camera-btn span{color:#1a1c21;font-size:16px;line-height:24px}.device-card .device-name{color:#0a0b0d;font-family:Xthings_Semibold;font-size:13px;height:18px}.device-card .device-group{color:#0a0b0d;font-family:Xthings_Regular}.device-card .status-text{color:#1a1c21;font-family:Xthings_Medium;font-size:11px;line-height:16px}.device-main-page{box-sizing:border-box;height:calc(100vh - 150px);padding:0 40px}.device-main-page .device-header{align-items:center;display:flex;justify-content:space-between}.device-main-page .device-header-line{background-color:#007aff;border-radius:22px;display:inline-block;height:20px;width:2px}.device-main-page .device-header-title{align-items:center;display:flex;gap:14px}.device-main-page .device-main{display:flex;flex-direction:column;height:100%;padding:0 0 20px}.device-main-page .device-main .device-main-filter{flex-shrink:0}.device-main-page .device-main .device-list{display:flex;gap:20px;height:calc(100% - 75px);margin-top:20px;min-height:0;overflow:auto}.device-main-page .device-main .device-list .device-list-normal{display:grid;grid-gap:20px;align-content:start;flex-shrink:0;gap:20px;grid-template-columns:220px;height:-moz-fit-content;height:fit-content}.device-main-page .device-main .device-list .device-list-camera{display:flex;flex:1;flex-direction:column;gap:20px;min-width:550px}.device-main-page .device-main .device-list .device-list-camera .battery-info{top:22px;width:25px}@media (min-width:1130px){.device-main-page .device-main .device-list .device-list-normal{grid-template-columns:repeat(2,220px)}}@media (min-width:1370px){.device-main-page .device-main .device-list .device-list-normal{grid-template-columns:repeat(3,220px)}}@media (min-width:1610px){.device-main-page .device-main .device-list .device-list-normal{grid-template-columns:repeat(4,220px)}}@media (min-width:1850px){.device-main-page .device-main .device-list .device-list-normal{grid-template-columns:repeat(5,220px)}}@media (min-width:2090px){.device-main-page .device-main .device-list .device-list-normal{grid-template-columns:repeat(6,220px)}}@media (min-width:2330px){.device-main-page .device-main .device-list .device-list-normal{grid-template-columns:repeat(7,220px)}}@media (min-width:2570px){.device-main-page .device-main .device-list .device-list-normal{grid-template-columns:repeat(8,220px)}}@media (min-width:2810px){.device-main-page .device-main .device-list .device-list-normal{grid-template-columns:repeat(9,220px)}}@media (min-width:3050px){.device-main-page .device-main .device-list .device-list-normal{grid-template-columns:repeat(10,220px)}}.device-main-page .device-skeleton{animation:pulse 1.5s ease-in-out infinite;background:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:16px}.device-main-page .skeleton-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.device-main-page .skeleton-icon{border-radius:8px;height:40px;width:40px}.device-main-page .skeleton-icon,.device-main-page .skeleton-toggle{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%}.device-main-page .skeleton-toggle{border-radius:12px;height:24px;width:44px}.device-main-page .skeleton-content{display:flex;flex-direction:column;gap:8px}.device-main-page .skeleton-title{height:16px;width:70%}.device-main-page .skeleton-subtitle,.device-main-page .skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px}.device-main-page .skeleton-subtitle{height:14px;width:50%}.device-main-page .empty-state{align-items:center;background-color:#fafafa;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px}.device-main-page .empty-state i{color:#d1d5db;font-size:48px;margin-bottom:16px}.device-main-page .empty-state span{font-family:Xthings_Regular;font-size:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.device-main-page .device-header-nav{align-items:center;display:flex;gap:24px;max-width:40vw;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.device-main-page .device-header-nav::-webkit-scrollbar{height:4px}.device-main-page .device-header-nav::-webkit-scrollbar-track{background:transparent}.device-main-page .device-header-nav::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}.device-main-page .device-header-nav:hover::-webkit-scrollbar-thumb{background:#c2c6ce}.device-main-page .device-header-nav .nav-item{border-bottom:1px solid transparent;color:#a3a9b6;cursor:pointer;font-family:Xthings_Semibold;font-size:12px;line-height:18px;padding-bottom:16px;transition:all .2s ease;white-space:nowrap}.device-main-page .device-header-nav .nav-item:hover{color:#0a0b0d}.device-main-page .device-header-nav .nav-item.active{border-bottom-color:#0a0b0d;color:#0a0b0d;font-size:14px;line-height:20px}.device-main-page .device-header-nav .nav-item-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:4px;height:18px;padding-bottom:16px;width:60px}.device-main-page .device-header-nav .nav-item-skeleton:first-child{width:40px}.device-main-page .device-header-nav .nav-item-skeleton:nth-child(2){width:70px}.device-main-page .device-header-nav .nav-item-skeleton:nth-child(3){width:85px}.device-main-page .device-header-nav .nav-item-skeleton:nth-child(4){width:75px}.device-main-page .device-header-nav .nav-item-skeleton:nth-child(5){width:80px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.device-main-page .device-header-search{position:absolute;right:40px}.device-main-page .device-main{box-sizing:border-box;padding-left:20px}.device-main-page .device-main .device-main-filter{align-items:center;display:flex;justify-content:space-between;margin-top:47px}.device-main-page .device-main .device-main-filter .filter-left{align-items:center;display:flex}.device-main-page .device-main .device-main-filter .filter-right{align-items:center;display:flex;gap:8px}.device-main-page .action-btn{align-items:center;background:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.device-main-page .action-btn img{height:17px;width:17px}.device-main-page .action-btn:hover{background:#f5f5f5}.device-main-page .action-btn.action-btn-active{box-shadow:0 1px #0000000d,0 4px 4px #0000000d,0 10px 10px #0000001a}.camera-list .status-text{position:relative;top:2px}.camera-list .status-online{color:#14cb74}.camera-list .status-offline{color:#f16363}.event-list-camera{background-color:#fff;display:flex;justify-content:center;margin-top:20px;padding:30px 80px}.camera-detail-page .fullscreen-left-info{box-sizing:border-box;padding:20px 0}.camera-detail-page .fullscreen-left-info .camera-info .camera-name-group.clickable:hover .camera-name,.camera-detail-page .fullscreen-left-info .camera-info .camera-name-group.clickable:hover .icon-arr{color:#007aff}.camera-detail-page .fullscreen-left-info .camera-info .camera-dropdown{background:#fff;border:1px solid #e0e2e7}.camera-detail-page .fullscreen-left-info .camera-info .camera-dropdown .dropdown-item{border-bottom:1px solid #f0f1f3}.camera-detail-page .fullscreen-left-info .camera-info .camera-dropdown .dropdown-item:hover{background:#f0f1f3}.camera-detail-page .fullscreen-left-info .camera-info .camera-dropdown .dropdown-item.active{background:#e7f2ff}.camera-detail-page .fullscreen-left-info .camera-info .camera-dropdown .dropdown-item.disabled .dropdown-item-location,.camera-detail-page .fullscreen-left-info .camera-info .camera-dropdown .dropdown-item.disabled .dropdown-item-name{color:#858d9d}.camera-detail-page .fullscreen-left-info .camera-info .camera-dropdown .dropdown-item .offline-badge{background:#e0e2e7}.camera-detail-page .left-info .camera-info .camera-name-group.clickable:hover .camera-name,.camera-detail-page .left-info .camera-info .camera-name-group.clickable:hover .icon-arr{color:#007aff}.camera-detail-page .left-info .camera-info .camera-dropdown{background:#fff;border:1px solid #e0e2e7}.camera-detail-page .left-info .camera-info .camera-dropdown .dropdown-item{border-bottom:1px solid #f0f1f3}.camera-detail-page .left-info .camera-info .camera-dropdown .dropdown-item:hover{background:#f0f1f3}.camera-detail-page .left-info .camera-info .camera-dropdown .dropdown-item.active{background:#e7f2ff}.camera-detail-page .left-info .camera-info .camera-dropdown .dropdown-item.disabled .dropdown-item-location,.camera-detail-page .left-info .camera-info .camera-dropdown .dropdown-item.disabled .dropdown-item-name{color:#858d9d}.camera-detail-page .left-info .camera-info .camera-dropdown .dropdown-item .offline-badge{background:#e0e2e7}.camera-detail-page .center-player .camera-cover .play-button i{color:#1a1c21}.camera-detail-page .center-player .connection-logs-overlay .logs-container h4{color:#fff}.camera-detail-page .center-player .recording-indicator .recording-dot{background:#fff}.camera-detail-page .center-player .recording-indicator .recording-text,.camera-detail-page .center-player .zoom-indicator .zoom-text{color:#fff}.camera-detail-page .right-controls .control-group .control-btn:hover i{color:#007aff}.camera_event_list .el-table__cell .cell{overflow:visible}.camera_event_list .xthings-page-table{border:1px solid #e0e2e7}.empty-state i{font-size:48px}.device-controls-section .el-switch{height:auto}.xthings-logo{height:48px!important;width:132px!important}.main-content{box-sizing:border-box;padding-top:47px!important}.xthings-header{height:54px!important}.page-main-header{box-sizing:border-box;padding:0 40px}.page-main-header .page-main-header{align-items:center;display:flex;justify-content:space-between}.page-main-header .page-main-header .header-left{border-left:2px solid #007aff;box-sizing:border-box;padding-left:15px!important}.page-main-header .page-main-header .header-right{display:flex;gap:8px}.page-main-header .page-main-header .header-right .operate-icon{align-items:center;border:1px solid #c2c6ce;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.page-main-header .page-main-header .header-right .operate-icon i{font-size:16px;height:16px;width:16px}.left-nav-breadcrumb{align-items:center;display:flex;height:36px;margin-bottom:27px;width:100%}.breadcrumb-container{align-items:center;border-left:2px solid #007aff;box-sizing:border-box;display:flex;gap:12px;padding-left:14px}.breadcrumb-container .breadcrumb-separator{align-items:center;display:flex;height:10px;justify-content:center;width:10px}#__vben_main_content{margin-top:54px!important}.bg-header{background-color:transparent!important;padding-left:25px!important}.el-button--primary{background-color:#007aff!important;border-color:#007aff!important}.el-button--large{font-size:16px!important;height:48px!important}.el-button--large span{font-family:Xthings_Medium!important}.el-button--large.el-button--info{background-color:#f0f1f3!important;border-color:#f0f1f3!important;color:#1a1c21!important;font-size:14px!important}.el-button--large.el-button--info .logo_img{height:20px;width:20px}.text-center{text-align:center}.el-button.el-button>span{font-family:Xthings_Medium;font-size:14px!important;line-height:20px}.filter-dropdown-poper{border-radius:8px!important}.left-nav-container{align-self:flex-start;background:#ffffffe6;border-radius:12px;box-sizing:border-box;flex-shrink:0;height:-moz-fit-content;height:fit-content;padding:2px 4px;position:relative;width:153px;z-index:1}.left-nav-container:before{background:linear-gradient(180deg,#007aff4d,#007aff0d);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff,#fff 0) content-box,linear-gradient(#fff,#fff 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute;z-index:-1}.left-nav-container .left-nav-wrapper{align-items:center;display:flex;flex-direction:column;gap:12px}.left-nav-container .left-nav-wrapper .nav-item{border-radius:12px;box-sizing:border-box;cursor:pointer;padding:8px 16px;width:100%}.left-nav-container .left-nav-wrapper .nav-item i,.left-nav-container .left-nav-wrapper .nav-item span{color:#1a1c21!important}.left-nav-container .left-nav-wrapper .nav-item:hover{background-color:#e5e7eb}.left-nav-container .left-nav-wrapper .nav-item.nav-item-active{backdrop-filter:blur(10px);background-color:#007aff;box-shadow:0 1px #0000000d,0 4px 4px #0000000d,0 10px 10px #0000001a;color:#fff}.left-nav-container .left-nav-wrapper .nav-item.nav-item-active .nav-icon{filter:brightness(0) invert(1)}.left-nav-container .left-nav-wrapper .nav-item.nav-item-active i,.left-nav-container .left-nav-wrapper .nav-item.nav-item-active span{color:#007aff!important}.page-main .page-main-content{display:flex;gap:47px}.page-main .page-main-content .content-wrapper{display:flex;flex:1;min-height:0;overflow:hidden}.page-main .page-main-content .content-wrapper>*{flex:1;min-height:0}.page-main .page-main-content .xthings-page-box{box-sizing:border-box;height:100%;padding:27px 20px 10px;width:100%}.el-date-editor .el-range-input{color:#0a0b0d!important;font-family:Xthings_Semibold;font-size:14px!important;line-height:20px!important}.home_box .page-main{height:calc(100vh - 101px)!important}.home_box .xthings-page-box{padding-bottom:30px!important}.home_box .home_user .xthings-page-box{padding:36px 40px 10px}