.custom-modal .ant-modal-content{border-radius:8px;overflow:hidden}.custom-modal .ant-modal-header{border-bottom:1px solid #E5E6EB;padding:16px 24px}.custom-modal .ant-modal-title{font-size:16px;font-weight:600;color:#1d2129}.custom-modal .ant-modal-close{width:20px;height:20px;top:16px;right:16px}.custom-modal .ant-modal-body{padding:24px}.custom-modal .ant-modal-footer{border-top:1px solid #E5E6EB;padding:16px 24px;display:flex;justify-content:flex-end;gap:12px}.custom-modal .zone-bind-cancel-btn.ant-btn,.custom-modal .zone-bind-cancel-btn.ant-btn-default{background:#fff!important;border:1px solid #707070!important;color:#585858!important}.custom-modal .zone-bind-cancel-btn.ant-btn:hover,.custom-modal .zone-bind-cancel-btn.ant-btn-default:hover{background:#f5f5f5!important;border-color:#707070!important;color:#585858!important}.custom-modal .zone-bind-submit-btn.ant-btn-primary,.custom-modal .zone-bind-submit-btn.ant-btn{background:#7e7cf8!important;border:none!important;color:#fff!important}.custom-modal .zone-bind-submit-btn.ant-btn-primary:hover,.custom-modal .zone-bind-submit-btn.ant-btn:hover{background:#6b69e6!important;border:none!important;color:#fff!important}.custom-button{border-radius:4px;font-size:14px;font-weight:400;transition:all .15s ease-in-out}.custom-button-primary{background-color:#165dff;border-color:#165dff;color:#fff}.custom-button-primary:hover{background-color:#0f4cd0;border-color:#0f4cd0}.custom-button-primary:active{background-color:#0a3ba9;border-color:#0a3ba9}.custom-button-secondary{background-color:#fff;border-color:#165dff;color:#165dff}.custom-button-secondary:hover{background-color:#e8f3ff;border-color:#165dff}.custom-button-danger{background-color:#f53f3f;border-color:#f53f3f;color:#fff}.custom-button-danger:hover{background-color:#e03333;border-color:#e03333}.custom-button-icon{background-color:transparent;border:none;padding:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.custom-button-icon:hover{background-color:#f5f7fa}.custom-button-small{height:32px;min-width:60px;font-size:14px}.custom-button-default{height:36px;min-width:80px;font-size:14px}.action-btn-gradient.ant-btn-primary,.action-btn-gradient.ant-btn{background:linear-gradient(180deg,#8196f3,#3049e6)!important;border:none!important;border-radius:8px;color:#fff!important}.action-btn-gradient.ant-btn-primary:hover,.action-btn-gradient.ant-btn:hover{background:linear-gradient(180deg,#94a6f5,#3d54e8)!important;border:none!important;color:#fff!important}.top-nav{height:60px;background-color:#fff;border-bottom:1px solid #E5E6EB;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 8px #0000000a;transition:background-color .3s,border-color .3s}.top-nav.dark-theme{background-color:#141414;border-bottom:1px solid #434343;box-shadow:0 2px 8px #0000007a}.nav-left{display:flex;align-items:center;flex-shrink:0}.logo{display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity .2s;height:60px}.logo:hover{opacity:.8}.logo-image{height:40px;width:auto;object-fit:contain;display:block}.logo-icon{width:24px;height:24px;font-size:20px;display:flex;align-items:center;justify-content:center}.system-name{font-size:16px;font-weight:600;color:#1d2129;transition:color .3s}.top-nav.dark-theme .system-name{color:#fff}.nav-center{flex:1;display:flex;justify-content:left;align-items:center;position:relative;margin-left:3%}.nav-menu{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap}.nav-menu-item{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;height:36px;cursor:pointer;color:#4e5969;font-size:14px;font-weight:400;transition:all .15s ease-in-out;border-radius:4px;white-space:nowrap;line-height:36px}.top-nav.dark-theme .nav-menu-item{color:#ffffffa6}.top-nav.dark-theme .nav-menu-item:hover,.nav-menu-item:hover{color:#000}.nav-menu-item:hover:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:1px;background-color:#e8f3ff}.nav-menu-item.active,.top-nav.dark-theme .nav-menu-item.active{font-weight:700;color:#000}.nav-menu-item.active:before{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background-color:#000;animation:underlineExpand .2s ease-in-out}.nav-menu-item.open{z-index:1002;background-color:#fff}.top-nav.dark-theme .nav-menu-item.open{background-color:#141414}@keyframes underlineExpand{0%{width:0;left:50%}to{width:calc(100% - 32px);left:16px}}.menu-label{display:inline-flex;align-items:center;gap:6px;line-height:1}.menu-icon{font-size:16px;line-height:1;display:inline-flex;align-items:center}.menu-arrow{font-size:12px;transition:transform .15s ease-in-out;margin-left:4px;line-height:1;display:inline-flex;align-items:center}.menu-arrow.open{transform:rotate(180deg)}.submenu{position:absolute;top:100%;left:0;margin-top:0;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026;padding:8px;min-width:180px;z-index:1001;animation:submenuExpand .2s ease-in-out;opacity:1;display:flex;flex-direction:column;gap:4px;transition:background-color .3s}.top-nav.dark-theme .submenu{background:#1f1f1f;box-shadow:0 4px 12px #0000007a}.submenu:before{content:"";position:absolute;top:-4px;left:0;right:0;height:4px;background:transparent;pointer-events:auto}@keyframes submenuExpand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submenu-nested{left:100%;top:0;margin-top:0;margin-left:8px;display:flex;flex-direction:column;gap:4px}.submenu .nav-menu-item{padding:10px 16px;border-radius:4px;margin-bottom:0;position:relative;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.submenu .nav-menu-item:hover{background-color:#e8f3ff;color:#165dff}.submenu .nav-menu-item.active{background-color:#e8f3ff}.submenu .nav-menu-item.active:before{left:0;width:3px;height:100%;background-color:#165dff;bottom:auto;top:0}.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.action-item{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;cursor:pointer;transition:all .2s;color:#1d2129}.action-item:hover{background-color:#f5f7fa;color:#165dff}.top-nav.dark-theme .action-item{color:#ffffffd9}.top-nav.dark-theme .action-item:hover{background-color:#262626;color:#165dff}.lang-switch-btn{transition:background-color .2s}.top-nav.dark-theme .lang-switch-btn{color:#ffffffd9}.top-nav.dark-theme .lang-switch-btn:hover{background-color:#262626!important}.user-info{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .2s;color:#1d2129}.user-info:hover{background-color:#f5f7fa}.top-nav.dark-theme .user-info{color:#ffffffd9}.top-nav.dark-theme .user-info:hover{background-color:#262626}.username{font-size:14px;color:#1d2129}.user-role{font-size:12px;color:#86909c;padding:2px 6px;background-color:#f5f7fa;border-radius:4px}.refresh-btn{font-size:18px;color:#4e5969;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s}.refresh-btn:hover{color:#165dff;background-color:#f5f7fa}.happiness-report-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;cursor:pointer;color:#1d2129;font-size:14px;transition:all .2s;margin-right:8px}.happiness-report-btn:hover{color:#165dff;background-color:#f5f7fa}.role-switch-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;cursor:pointer;color:#1d2129;font-size:14px;transition:all .2s;margin-right:8px}.role-switch-btn:hover{color:#165dff;background-color:#f5f7fa}.role-switch-btn span,.happiness-report-btn span{font-size:14px}.happiness-report-content{padding:8px 0}.report-links h3{font-size:16px;font-weight:600;color:#1d2129;margin-bottom:16px}.link-list{display:flex;flex-direction:column;gap:12px}.link-item{padding:12px;background-color:#f8f9fa;border-radius:4px;border:1px solid #E5E6EB;transition:all .2s}.link-item:hover{background-color:#e8f3ff;border-color:#165dff}.link-item a{color:#165dff;text-decoration:none;font-size:14px;display:block}.link-item a:hover{text-decoration:underline}.report-note{margin-top:24px;padding-top:16px;border-top:1px solid #E5E6EB}.mobile-menu-toggle{display:none;font-size:20px;cursor:pointer;color:#1d2129}.mobile-menu-drawer{display:none}@media (max-width: 1024px){.nav-menu{display:none}.mobile-menu-toggle{display:block}.mobile-menu-drawer{display:block;position:fixed;top:60px;left:0;right:0;bottom:0;z-index:999;pointer-events:none}.mobile-menu-drawer.open{pointer-events:auto}.mobile-menu-content{position:absolute;top:0;left:0;width:220px;height:100%;background:#fff;box-shadow:2px 0 8px #00000026;transform:translate(-100%);transition:transform .3s ease-in-out;overflow-y:auto;z-index:1000}.mobile-menu-drawer.open .mobile-menu-content{transform:translate(0)}.mobile-menu-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;transition:opacity .3s ease-in-out}.mobile-menu-drawer.open .mobile-menu-overlay{opacity:1}.mobile-menu-item{border-bottom:1px solid #E5E6EB}.mobile-menu-item-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;color:#1d2129}.mobile-menu-item-header:hover{background-color:#f5f7fa}.mobile-menu-arrow{transition:transform .15s ease-in-out}.mobile-menu-arrow.open{transform:rotate(90deg)}.mobile-submenu{background-color:#f8f9fa}.mobile-submenu-item{padding:12px 20px 12px 40px;cursor:pointer;font-size:14px;color:#4e5969}.mobile-submenu-item:hover{background-color:#e8f3ff;color:#165dff}}@media (max-width: 1366px){.nav-right{gap:12px}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{margin-top:60px;flex:1;padding:24px;background-color:#f5f7fa;min-height:calc(100vh - 60px)}@media (max-width: 768px){.main-content{padding:16px}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-box{width:100%;max-width:400px;background:#fff;border-radius:8px;padding:40px;box-shadow:0 10px 40px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:24px;color:#1d2129;margin-bottom:8px}.login-header p{font-size:14px;color:#86909c}.login-tips{margin-top:24px;text-align:left;padding:12px;background:#f7f8fa;border-radius:6px}.login-tips-title{font-size:12px;color:#4e5969;margin-bottom:8px;font-weight:500}.login-tips p{font-size:12px;color:#86909c;margin:4px 0}.home-page{padding:0;transition:background-color .3s}.home-welcome-header{margin-bottom:24px;background:transparent;padding:0;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s}.home-page.dark-theme .home-welcome-header{background:transparent}.welcome-left{flex:1}.welcome-date{font-size:14px;color:#86909c;display:block;margin-bottom:8px;transition:color .3s}.home-page.dark-theme .welcome-date{color:#ffffff73}.welcome-title{margin:0!important;font-size:24px;font-weight:600;color:#1d2129;transition:color .3s}.home-page.dark-theme .welcome-title{color:#ffffffd9}.welcome-actions{display:flex;gap:12px}.welcome-btn{background:linear-gradient(360deg,#783cee,#af8ff5)!important;border:none!important;height:40px;padding:0 20px;font-size:14px;border-radius:6px;box-shadow:0 2px 4px #783cee4d;transition:all .3s ease}.welcome-btn:hover{background:linear-gradient(360deg,#8a4ef0,#b99ff7)!important;box-shadow:0 4px 8px #783cee66;transform:translateY(-1px)}.welcome-btn:active{transform:translateY(0);box-shadow:0 2px 4px #783cee4d}.welcome-btn-new-user{background:linear-gradient(180deg,#eef0f9,#dfe1ee)!important;color:#1d2129!important;box-shadow:0 1px 2px #0000000d}.welcome-btn-new-user:hover{background:linear-gradient(180deg,#e4e6f2,#d5d7e8)!important;color:#1d2129!important;box-shadow:0 2px 6px #00000014}.welcome-btn .anticon{margin-right:4px}.stats-row{margin-bottom:16px;margin-right:0!important;margin-left:0!important;border-radius:20px;background:#f7f8f9;border:3px solid #fff}.stats-row .ant-col{display:flex;justify-content:center;padding:20px 0}.stats-row .stat-card{width:200px;height:109px;flex-shrink:0}.stats-row .stat-card .ant-card-body{padding:12px 14px!important}.stats-row .stat-value{font-size:16px}.stats-row .stat-label{font-size:12px;margin-bottom:2px;color:#54637f}.stats-row .stat-icon{width:35px;height:35px;font-size:20px;margin-left:0;border-radius:13px}.stats-row .ant-col:nth-child(1) .stat-card{background:#f1f4ed}.stats-row .ant-col:nth-child(2) .stat-card{background:#edf7fd}.stats-row .ant-col:nth-child(3) .stat-card{background:#f1f2f9}.stats-row .ant-col:nth-child(4) .stat-card{background:#f9f4ee}.stats-row .ant-col:nth-child(5) .stat-card{background:#fcf9ec}.stats-row .ant-col:nth-child(6) .stat-card{background:#edf4f0}.stats-container-card{margin-bottom:0}.stats-container-card .ant-card-body{padding:16px}.stat-card{border-radius:6px;height:100%;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;border:1px solid #f0f0f0;transition:background-color .3s,border-color .3s,box-shadow .3s;background:#fff}.home-page.dark-theme .stat-card{background:#1f1f1f;border-color:#434343;box-shadow:0 1px 2px #0000007a}.stat-card:hover{box-shadow:0 2px 8px #00000014;border-color:#d9d9d9}.home-page.dark-theme .stat-card:hover{box-shadow:0 2px 8px #000000a3;border-color:#595959}.stat-content{display:flex;align-items:flex-start;gap:12px}.stat-info{flex:1;min-width:0}.stat-label{color:#86909c;font-size:14px;margin-bottom:8px;line-height:1.5;transition:color .3s}.home-page.dark-theme .stat-label{color:#ffffff73}.stat-value{font-size:28px;font-weight:600;color:#1d2129;margin-bottom:8px;line-height:1.2;transition:color .3s}.home-page.dark-theme .stat-value{color:#ffffffd9}.stat-change{font-size:12px;line-height:1.5;transition:color .8s;display:flex;align-items:center;justify-content:flex-start;gap:6px;margin-top:20px}.stat-change-text{flex:1;min-width:0;font-size:10px}.stat-trend-icon{width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px;color:#fff}.stat-trend-icon.anticon{line-height:1}.stat-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;margin-right:0}.main-content-row{margin-bottom:0}.content-card{border-radius:6px;height:100%;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;border:1px solid #f0f0f0;transition:background-color .3s,border-color .3s,box-shadow .3s;background:#fff}.content-card.card-ranking,.content-card.card-overdue,.content-card.card-system-info{border-radius:20px}.main-content-row-second{margin-top:16px}.home-page.dark-theme .content-card{background:#1f1f1f;border-color:#434343;box-shadow:0 1px 2px #0000007a}.home-page.dark-theme .content-card .ant-card-head{background:#1f1f1f;border-bottom-color:#434343}.home-page.dark-theme .content-card .ant-card-body{background:#1f1f1f;color:#ffffffd9}.content-card .ant-card-head{border-bottom:0px;padding:16px 24px;min-height:56px}.content-card .ant-card-body{padding:16px 24px}.card-title-row{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:32px}.card-title-row-with-range,.card-title-row-with-selects{flex-wrap:wrap;gap:8px 0}.content-card .ant-card-head-wrapper,.content-card .ant-card-head-title{display:flex;align-items:center}.content-card .ant-card-head-title{flex:1;min-width:0}.expansion-range-picker.ant-picker{max-width:260px}.customer-expansion-chart-card .card-title-row-with-range .ant-select .ant-select-selector,.card-ranking .card-title-row-with-selects .ant-select .ant-select-selector,.card-overdue .card-title-row-with-selects .ant-select .ant-select-selector{background:#eef0f2!important;padding:3px 10px!important;min-height:20px!important;border-radius:8px!important;border:1px solid #e5e6eb!important;color:#4e5969;font-size:12px}.customer-expansion-chart-card .card-title-row-with-range .ant-select.ant-select-single,.card-ranking .card-title-row-with-selects .ant-select.ant-select-single,.card-overdue .card-title-row-with-selects .ant-select.ant-select-single{height:auto!important}.expansion-chart-select-dropdown.ant-select-dropdown{background:#eef0f2}.expansion-chart-select-dropdown .ant-select-item-option{padding-top:10px;padding-bottom:10px}.card-title{margin:0!important;font-size:16px;font-weight:600;color:#1d2129;transition:color .3s}.home-page.dark-theme .card-title{color:#ffffffd9}.card-select{width:auto}.ranking-item{padding:12px 0!important;border-bottom:none!important}.ranking-two-cols .ant-list-item{padding-left:0;padding-right:0;border-bottom:none!important}.ranking-two-cols .ant-list{padding-left:0}.ranking-content{display:flex;align-items:center;width:100%}.ranking-number-wrap{display:flex;align-items:center;flex-shrink:0;margin-right:12px}.ranking-number{font-size:14px;font-weight:300;line-height:1;color:#465467;width:24px;text-align:right;padding-right:10px;display:inline-block;box-sizing:content-box}.ranking-number-1{color:#e85d5d}.ranking-number-2{color:#5dad51}.ranking-number-3{color:#5b8ff9}.ranking-number-line{width:1px;height:24px;background:#e5e6eb;flex-shrink:0}.home-page.dark-theme .ranking-number-line{background:#434343}.home-page.dark-theme .ranking-number-1{color:#f07a7a}.home-page.dark-theme .ranking-number-2{color:#6bc359}.home-page.dark-theme .ranking-number-3{color:#6b9cf9}.home-page.dark-theme .ranking-number{color:#8a8a8a}.ranking-avatar{background:linear-gradient(360deg,#783cee,#af8ff5)!important;margin-right:12px;flex-shrink:0}.ranking-info{flex:1;min-width:0}.ranking-name{font-weight:500;margin-bottom:4px;color:#1d2129;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s}.home-page.dark-theme .ranking-name{color:#ffffffd9}.ranking-partner{font-size:12px;color:#86909c;transition:color .3s}.home-page.dark-theme .ranking-partner{color:#ffffff73}.system-info-item{padding:20px 0!important;border-bottom:1px dashed #e5e6eb!important;transition:border-color .3s}.home-page.dark-theme .system-info-item{border-bottom-color:#434343!important}.system-info-item:last-child{border-bottom:none!important}.system-info-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.system-info-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.system-info-tag{margin:0;flex-shrink:0;font-size:12px;font-weight:600;padding:2px 8px;border-radius:5px;border:none;color:#fff!important}.system-info-tag-alarm{background:linear-gradient(180deg,#df4b4b,#e29344)!important;color:#fff!important}.system-info-tag-info{background:linear-gradient(180deg,#4bdf90,#448ee2)!important;color:#fff!important}.system-info-message{color:#1d2129;font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s}.home-page.dark-theme .system-info-message{color:#ffffffd9}.system-info-time{font-size:12px;color:#86909c;flex-shrink:0;transition:color .3s}.home-page.dark-theme .system-info-time{color:#ffffff73}.chart-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:16px 300px;margin-bottom:16px}.chart-metric-item{font-size:14px;color:#86909c;transition:color .3s}.home-page.dark-theme .chart-metric-item{color:#ffffff73}.chart-metric-item.positive{color:#86909c}.home-page.dark-theme .chart-metric-item.positive{color:#ffffffe6}.chart-metric-value{font-size:16px;font-weight:600;color:#000}.home-page.dark-theme .chart-metric-value{color:#ffffffe6}.chart-date-range{margin-top:16px;font-size:12px;color:#86909c;text-align:center;transition:color .3s}.home-page.dark-theme .chart-date-range{color:#ffffff73}.chart-container{margin:16px 0;min-height:200px}.customer-expansion-chart-card{min-height:420px;display:flex;flex-direction:column;border-radius:20px}.customer-expansion-chart-card .ant-card-body{flex:1;display:flex;flex-direction:column;min-height:0}.customer-expansion-chart-card .chart-metrics{flex-shrink:0}.customer-expansion-chart-card .chart-container{flex:1;min-height:240px;margin:16px 0}.customer-expansion-chart-card .chart-date-range{flex-shrink:0}.customer-expansion-chart-card.customer-expansion-chart-card--temporary-full{min-height:620px}.customer-expansion-chart-card.customer-expansion-chart-card--temporary-full .chart-container{min-height:420px}.chart-container-with-gradient{position:relative}.chart-date-range{margin-top:16px;font-size:12px;color:#86909c;text-align:center}.overdue-row{margin-top:16px}.overdue-table{margin-top:8px}.overdue-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#1d2129;font-size:14px;padding:12px 16px;transition:background-color .3s,color .3s}.home-page.dark-theme .overdue-table .ant-table-thead>tr>th{background:#262626;color:#ffffffd9}.overdue-table .ant-table-tbody>tr>td{padding:16px!important;font-size:14px;color:#1d2129;transition:color .3s}.home-page.dark-theme .overdue-table .ant-table-tbody>tr>td{color:#ffffffd9}.home-page.dark-theme .overdue-table .ant-table-tbody>tr:hover>td{background:#262626}@media (max-width: 1200px){.stat-value{font-size:24px}.stat-icon{width:40px;height:40px;font-size:20px}}@media (max-width: 768px){.home-welcome-header{flex-direction:column;align-items:flex-start;gap:16px}.welcome-actions{width:100%}.welcome-btn{flex:1}.stat-value{font-size:20px}}.home-user-page{padding-bottom:24px}.home-user-main-row{display:flex;align-items:stretch}.home-user-main-row>.ant-col{display:flex}.home-user-left-col{min-height:0;display:flex;flex-direction:column}.home-user-left-wrap{display:flex;flex-direction:column;width:100%;min-width:0;gap:16px;flex:1;min-height:0;padding:4px 0 0}.home-user-stats-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;flex-shrink:0;padding:30px 0;min-height:140px;border-radius:20px;background:#f7f8f9;border:3px solid #fff}.home-user-stats-row>.ant-card{flex:0 1 auto;width:260px;max-width:300px;min-width:0;border-radius:6px;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005;border:1px solid #f0f0f0;transition:background-color .3s,border-color .3s,box-shadow .3s}.home-user-stats-row>.ant-card .ant-card-body{padding:12px 14px!important}.home-user-stats-row .stat-value{font-size:16px}.home-user-stats-row .stat-label{font-size:12px;margin-bottom:2px;color:#54637f}.home-user-stats-row .stat-icon{width:35px;height:35px;font-size:20px;margin-left:0;border-radius:13px}.home-user-stats-row>.ant-card:nth-child(1){background:#f1f4ed}.home-user-stats-row>.ant-card:nth-child(2){background:#edf7fd}.home-user-stats-row>.ant-card:nth-child(3){background:#f1f2f9}.home-user-stats-row>.ant-card:nth-child(4){background:#f9f4ee}.home-user-stats-row>.ant-card:hover{box-shadow:0 2px 8px #00000014;border-color:#d9d9d9}.home-user-room-card{flex:1;min-height:280px;display:flex;flex-direction:column;border-radius:8px;border:2px solid #fff;box-shadow:0 1px 4px #0000000f;background:#f7f8fa}.home-user-room-card .card-title-row,.home-user-room-card .ant-card-head{border-bottom:0!important}.home-user-room-card .ant-card-head-wrapper{border-bottom:none!important}.home-user-room-bind-btn.ant-btn-primary{background:linear-gradient(180deg,#8196f3,#3049e6)!important;border:none!important;padding:20px 10px;border-radius:8px}.home-user-room-bind-btn.ant-btn-primary:hover{background:linear-gradient(180deg,#94a6f5,#3d54e8)!important;border:none!important}.home-user-room-card .ant-card-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 20px}.home-user-room-table-wrap{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.home-user-room-table-wrap::-webkit-scrollbar{display:none}.home-user-room-table-wrap .ant-table{margin-bottom:0}.home-user-room-table-wrap .ant-table-tbody>tr{background:#f7f8f9!important}.home-user-room-table-wrap .ant-table-tbody>tr>td{padding-top:14px!important;padding-bottom:14px!important;border-bottom:1px dashed #e5e6eb;background:#f7f8f9!important}.home-user-room-table-wrap .ant-table-thead>tr{background:transparent}.home-user-room-table-wrap .ant-table-thead>tr>th{padding-top:14px;padding-bottom:14px;border-bottom:1px dashed #e5e6eb;background:transparent}.home-user-room-action-space{background:#fff;padding:4px 8px;border-radius:4px;gap:14px!important}.home-user-room-action-space>a{margin-right:0}.home-user-right-col{min-height:0;display:flex;flex-direction:column}.home-user-right-col>.ant-card{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:8px;border:2px solid #fff;box-shadow:0 1px 4px #0000000f;background:#f7f8fa}.home-user-happiness-card .ant-card-body{flex:1;min-height:0;overflow:auto;padding-bottom:15px!important}.home-user-card.ant-card{border:2px solid #fff;box-shadow:0 1px 4px #0000000f}.home-user-card .ant-card-head{border-bottom:1px solid rgba(0,0,0,.06)}.home-user-device-card .ant-card-head{border-bottom:0!important}.home-user-device-card .card-title-row-with-selects .ant-select .ant-select-selector,.home-user-device-card .card-title-row-with-selects .ant-select.ant-select-single .ant-select-selector{background:#eef0f2!important;padding:3px 10px!important;min-height:20px!important;border-radius:8px!important;border:1px solid #e5e6eb!important;color:#4e5969;font-size:12px}.home-user-device-card .card-title-row-with-selects .ant-select.ant-select-single{height:auto!important}.home-user-device-card .ant-table-tbody>tr>td{padding-top:16px!important;padding-bottom:16px!important;border-bottom:1px dashed #e5e6eb}.home-user-device-card .ant-table-thead>tr>th{padding-top:16px!important;padding-bottom:16px!important;border-bottom:1px dashed #e5e6eb}.home-user-card .ant-card-body{padding:16px 20px}.home-user-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#1d2129;font-size:14px}.home-user-link-num{color:#165dff;cursor:pointer}.home-user-room-device-tag{display:inline-block;padding:4px 12px;font-size:13px;color:#4e5969;background:#f2f3f5;border:1px solid #e5e6eb;border-radius:6px;cursor:pointer}.home-user-room-metric-tag{display:inline-block;padding:4px 12px;font-size:13px;color:#408de5;background:#eff7ff;border:1px solid #408DE5;border-radius:6px;cursor:pointer}.home-user-table-link{font-size:13px;color:#165dff}.home-user-table-link:hover{color:#4080ff}.home-user-table-link-danger{color:#f53f3f!important}.home-user-table-link-danger:hover{color:#ff7875!important}.home-user-happiness-wrap{display:flex;flex-direction:column;align-items:center;padding:20px 0 6px}.home-user-happiness-chart{width:100%;max-width:360px;height:360px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border-radius:6px;overflow:visible}.home-user-happiness-svg{width:100%;height:100%;display:block}.home-user-happiness-svg .home-user-happiness-arc-label{font-size:12px;font-weight:500;font-family:inherit}.home-user-happiness-metrics{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px;width:100%;margin-top:50px;margin-bottom:4px!important;padding-bottom:4px!important}.home-user-metric-item{display:flex;flex-direction:column;align-items:center;min-width:52px}.home-user-metric-value{font-size:16px;font-weight:700;line-height:1.2}.home-user-metric-bar{width:42px;height:10px;border-radius:4px;margin-top:8px;flex-shrink:0}.home-user-metric-label{font-size:13px;margin-top:6px;line-height:1.2;font-weight:500}.home-user-page.dark-theme .home-user-stats-row{background:#1f1f1f;border-color:#434343}.home-user-page.dark-theme .home-user-stats-row>.ant-card{background:#1f1f1f;border-color:#434343;box-shadow:0 1px 2px #0000007a}.home-user-page.dark-theme .home-user-stats-row>.ant-card:hover{border-color:#595959;box-shadow:0 2px 8px #000000a3}.home-user-page.dark-theme .home-user-room-card,.home-user-page.dark-theme .home-user-right-col>.ant-card,.home-user-page.dark-theme .home-user-card.ant-card{border-color:#ffffff1f}.role-management-page{max-width:100%;margin:0 auto;padding:10px 20px;min-height:100%}.page-header{margin-bottom:24px;padding:0 4px}.breadcrumb{font-size:12px;color:#86909c;margin-bottom:8px;line-height:1.5}.page-title{margin:0;font-size:20px;font-weight:600;color:#3c4257;letter-spacing:.02em}.role-cards-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto 1fr auto;gap:40px;background:#fff;border-radius:8px;padding:36px 50px;border:1px solid #E5E6EB;box-shadow:0 1px 2px #0000000a;max-height:80vh;box-sizing:border-box}.role-card{min-width:0;min-height:0;background:#fff;border:none;border-radius:8px;padding:36px 28px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000f;display:grid;grid-row:span 5;grid-template-rows:subgrid;grid-template-columns:1fr;align-content:start}.role-card>.role-card-header,.role-card>.role-card-desc,.role-card>.role-section{min-height:0;overflow:visible}.role-card-header{display:flex;align-items:flex-start;justify-content:space-between}.role-card-title{margin:0;font-size:18px;font-weight:600;color:#3c4257;line-height:1.4}.role-card-desc{margin:10px 0 30px;font-size:13px;color:#808695;line-height:1.6}.role-level-pill{flex-shrink:0;font-size:12px;padding:4px 10px;border-radius:999px;font-weight:500}.role-level-low{background-color:transparent;color:#808695;border:1px solid #E5E6EB;border-radius:6px}.role-level-medium{background-color:transparent;color:#1890ff;border:1px solid #B3D8FF;border-radius:6px}.role-level-high{background-color:transparent;color:#722ed1;border:1px solid #D3ADF7;border-radius:6px}.role-section{margin-bottom:30px}.role-section:last-child{margin-bottom:0}.role-section-title{margin:0 0 14px;font-size:15px;font-weight:600;color:#3c4257;line-height:1.5}.role-list{margin:0;padding-left:18px;list-style:disc;font-size:13px;color:#808695;line-height:1.75}.role-list li{margin-bottom:10px}.role-list li:last-child{margin-bottom:0}.role-list-item-link{color:#1890ff!important;list-style:none;margin-left:-18px;padding-left:18px}.role-list-item-link:before{content:"•";color:#1890ff;margin-right:6px}.role-management-empty{grid-column:1 / -1;margin:0;padding:24px 0;text-align:center;font-size:14px;color:#86909c}.custom-form-field .ant-form-item-label>label{font-size:14px;color:#1d2129}.required-mark{color:#f53f3f;margin-right:4px}.field-hint{color:#86909c;font-size:12px;margin-left:4px;font-weight:400}.readonly-field{background-color:#f5f7fa;color:#86909c;padding:6px 11px;border-radius:4px;min-height:36px;display:flex;align-items:center;font-size:14px}.custom-table{background:#fff;border:1px solid #E5E6EB;border-radius:8px;overflow:hidden}.custom-table .ant-table{border-radius:8px}.custom-table .ant-table-thead>tr>th{background-color:#f8f9fa;font-weight:600;color:#1d2129;border-bottom:1px solid #E5E6EB}.custom-table .ant-table-tbody>tr{height:48px}.custom-table .ant-table-tbody>tr:hover>td{background-color:#f5f7fa}.custom-table .ant-table-tbody>tr>td{border-bottom:1px solid #E5E6EB}.status-tag{padding:2px 8px;border-radius:4px;font-size:12px;display:inline-block}.status-tag-online{background-color:#e8f5e9;color:#00b42a}.status-tag-offline{background-color:#ffebee;color:#f53f3f}.status-tag-enabled{background-color:#e8f5e9;color:#00b42a}.status-tag-disabled{background-color:#f5f7fa;color:#86909c}.alarm-level-tag{padding:2px 8px;border-radius:4px;font-size:12px;display:inline-block;color:#fff}.alarm-level-urgent{background-color:#f53f3f}.alarm-level-important{background-color:#ff7d00}.alarm-level-secondary{background-color:#fa0}.alarm-level-normal{background-color:#165dff}.user-management-page{max-width:100%;margin:0 auto;padding:10px 20px;min-height:100%}.user-list-card{border-radius:8px;border:none}.user-list-card .custom-table{border:none}.user-list-card .custom-table .ant-table-tbody>tr>td{border-bottom:1px dashed #E5E6EB}.filter-bar .ant-select{height:40px!important}.filter-bar .ant-select .ant-select-selector{background:#8f92a10d!important;border-color:transparent!important;height:40px!important;min-height:40px!important;padding:0 12px!important;box-sizing:border-box;display:flex!important;align-items:center}.filter-bar .create-user-btn{height:40px!important;min-height:40px!important;padding:0 16px!important;display:inline-flex;align-items:center;background:linear-gradient(180deg,#eef0f9,#dfe1ee)!important;border:none;color:#1d2129}.user-info-header{background-color:#f5f7fa;padding:12px;border-radius:4px;margin-bottom:16px}.user-info-header p{margin:4px 0;font-size:14px;color:#1d2129}.backend-permission-layout{display:flex;gap:24px;margin-top:16px}.module-tree{width:200px;background-color:#f8f9fa;padding:16px;border-radius:4px;max-height:400px;overflow-y:auto}.api-list{flex:1}.create-user-modal.ant-modal{width:560px!important;max-width:90vw;max-height:calc(100vh - 48px)!important;height:auto!important;padding-bottom:0;display:flex!important;flex-direction:column!important}.create-user-modal .ant-modal-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.create-user-modal .ant-modal-body{flex:1;min-height:0;overflow-y:auto;padding:28px 24px;-webkit-overflow-scrolling:touch}.create-user-modal .ant-modal-footer{flex-shrink:0;display:flex;justify-content:center!important;align-items:center!important;padding:16px 24px}.create-user-modal .create-user-modal-footer{width:100%;display:flex;justify-content:center}.create-user-modal .create-user-modal-footer .ant-btn-primary{background-color:#7e7cf8!important;border-color:#7e7cf8!important}.create-user-modal .create-user-modal-footer .ant-btn-primary:hover{background-color:#6b69e6!important;border-color:#6b69e6!important}.create-user-form-section{margin-bottom:28px}.create-user-form-section .ant-form-item{margin-bottom:20px}.create-user-form-section .ant-form-item:last-child{margin-bottom:0}.create-user-permission-section{border-top:1px solid #E5E6EB;padding-top:24px}.create-user-permission-section .permission-section-title{font-size:14px;font-weight:600;color:#1d2129;margin-bottom:16px}.create-user-permission-section .permission-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.create-user-permission-section .permission-platform-label{font-size:13px;color:#4e5969}.create-user-permission-section .permission-section-header .ant-btn-link{padding:0 4px;font-size:13px}.create-user-permission-section .permission-tree-wrap{max-height:280px;overflow-y:auto;padding:12px 0;margin-top:4px;border:1px solid #E5E6EB;border-radius:4px;background:#fafbfc}.create-user-permission-section .permission-tree.ant-tree{background:transparent;padding:0 12px}.create-user-permission-section .permission-tree .ant-tree-treenode{padding:4px 0}.create-user-permission-section .permission-tree .ant-tree-checkbox-checked .ant-tree-checkbox-inner{background-color:#722ed1;border-color:#722ed1}.create-user-permission-section .permission-tree .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after{background-color:#722ed1}.project-list-page{max-width:100%;margin:0 auto;padding:10px 20px;min-height:100%}.breadcrumb-layers{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.breadcrumb-layers .breadcrumb-sep{margin:0 4px;color:#86909c;-webkit-user-select:none;user-select:none}.breadcrumb-layers .breadcrumb-link{color:#165dff;cursor:pointer;text-decoration:none}.breadcrumb-layers .breadcrumb-link:hover{color:#4080ff;text-decoration:underline}.breadcrumb-layers .breadcrumb-current{color:#1d2129}.breadcrumb-layers .breadcrumb-plain{color:#86909c;cursor:default;-webkit-user-select:none;user-select:none}.project-list-card{border-radius:8px;border:none}.project-list-card .custom-table{border:none}.project-list-page .ant-table-thead>tr>th{border-bottom:1px dashed #E5E6EB}.project-list-page .ant-table-tbody>tr>td{border-bottom:1px dashed #E5E6EB}.project-list-page .ant-table-tbody>tr:last-child>td{border-bottom:none}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 0;gap:12px}.filter-bar .ant-input-affix-wrapper{background:#8f92a10d!important;border-color:transparent;height:40px!important;min-height:40px!important;padding:0 12px!important;box-sizing:border-box;display:flex!important;align-items:center}.filter-bar .ant-input-affix-wrapper .ant-input{background:transparent!important;font-size:14px}.filter-bar .add-project-btn{height:40px!important;min-height:40px!important;padding:0 16px!important;display:inline-flex;align-items:center;background:linear-gradient(180deg,#eef0f9,#dfe1ee)!important;border:none;color:#1d2129}.key-info{padding:16px 0}.project-create-stepper{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-bottom:20px;padding:4px 0 8px}.project-create-stepper-step{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.project-create-stepper-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background:#f2f3f5;color:#86909c;border:1px solid #e5e6eb}.project-create-stepper-title{font-size:14px;color:#4e5969;white-space:nowrap}.project-create-stepper-step--current .project-create-stepper-circle{background:#722ed1;color:#fff;border-color:#722ed1}.project-create-stepper-step--current .project-create-stepper-title{color:#1d2129;font-weight:500}.project-create-stepper-step--done .project-create-stepper-circle{background:#e8d9f7;color:#722ed1;border-color:#d3adf7}.project-create-stepper-line{flex:1;min-width:12px;max-width:80px;height:1px;background:#e5e6eb;margin:0 6px;align-self:center}.project-create-stepper-line--active{background:#d3adf7}.project-detail-action-btn.ant-btn-primary,.project-detail-action-btn.ant-btn{background:linear-gradient(180deg,#8196f3,#3049e6)!important;border:none!important;border-radius:8px;color:#fff!important}.project-detail-action-btn.ant-btn-primary:hover,.project-detail-action-btn.ant-btn:hover{background:linear-gradient(180deg,#94a6f5,#3d54e8)!important;border:none!important;color:#fff!important}.project-detail-card .detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px}.project-detail-card .detail-header-title{font-size:16px;font-weight:600;color:#1d2129}.project-detail-card .detail-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #E5E6EB;border-radius:4px;overflow:hidden}.project-detail-card .detail-item{display:flex;align-items:center;border-bottom:1px solid #E5E6EB;min-height:60px}.project-detail-card .detail-item-full{grid-column:1 / -1}.project-detail-card .detail-label{width:120px;min-width:120px;padding:10px 12px;background:#f5f7fa;color:#86909c;font-size:14px;flex-shrink:0;border-right:1px solid #E5E6EB;display:flex;align-items:center;min-height:60px;box-sizing:border-box}.project-detail-card .detail-value{flex:1;padding:10px 12px;color:#1d2129;font-size:14px;background:#fff;display:flex;align-items:center;min-height:60px;box-sizing:border-box}.project-detail-card .detail-section{display:flex;margin-top:20px;border:1px solid #E5E6EB;border-radius:4px;overflow:hidden}.project-detail-card .detail-section-label{width:120px;min-width:120px;padding:12px;background:#f5f7fa;color:#86909c;font-size:14px;border-right:1px solid #E5E6EB;align-self:stretch}.project-detail-card .detail-section-floor .detail-section-label,.project-detail-card .detail-section-desc .detail-section-label{display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:10px 12px;box-sizing:border-box}.project-detail-card .detail-section-content{flex:1;padding:12px 16px;background:#fff}.project-detail-card .floor-meta{margin-bottom:12px;font-size:14px;color:#1d2129}.project-detail-card .floor-table.ant-table-wrapper{margin-top:8px}.project-detail-card .floor-table .ant-table{table-layout:fixed}.project-detail-card .floor-table .ant-table-thead>tr>th,.project-detail-card .floor-table .ant-table-tbody>tr>td{width:25%}.project-detail-card .floor-table .ant-table-thead>tr>th{background:#f5f7fa!important;color:#86909c;font-size:14px;padding:14px 16px!important}.project-detail-card .floor-table .ant-table-tbody>tr>td{font-size:14px;padding:14px 16px!important}.project-detail-card .desc-text{font-size:14px;color:#1d2129;line-height:1.6;white-space:pre-wrap}.project-detail-card .desc-expand{margin-top:8px;font-size:14px;color:#86909c;cursor:pointer;background:none;border:none;padding:0}.project-detail-card .desc-expand:hover{color:#6b7280;text-decoration:underline}.project-detail-card .detail-value .ant-tag{margin:0}.device-list-card .custom-table{border:none}.device-list-card .device-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;margin-bottom:16px;gap:12px}.device-list-card .device-toolbar-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.device-list-card .device-toolbar-right{display:flex;align-items:center;margin-left:auto;flex-shrink:0}.project-edit-modal.ant-modal .ant-modal-body{padding-bottom:16px}.project-edit-modal .project-edit-floor-title{font-size:14px;font-weight:500;color:#1d2129;margin:20px 0 12px;padding-bottom:8px}.project-edit-floor-block{border:1px solid #E5E6EB;border-radius:4px;padding:16px;margin-bottom:12px;background:#fafbfc}.project-edit-view-plan{color:#1677ff;cursor:pointer}.project-edit-view-plan:hover{color:#4096ff;text-decoration:underline}.project-edit-upload-btn.ant-btn-primary,.project-edit-upload-btn.custom-button-primary{background:#1677ff!important;border:none!important;color:#fff!important}.project-edit-upload-btn.ant-btn-primary:hover,.project-edit-upload-btn.custom-button-primary:hover{background:#4096ff!important;color:#fff!important}.project-edit-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #E5E6EB}.project-edit-modal .zone-bind-cancel-btn{background:#fff!important;border:1px solid #707070!important;color:#585858!important}.project-edit-modal .zone-bind-cancel-btn:hover{background:#f5f5f5!important;border-color:#707070!important;color:#585858!important}.project-edit-modal .zone-bind-submit-btn{background:#7e7cf8!important;border:none!important;color:#fff!important}.project-edit-modal .zone-bind-submit-btn:hover{background:#6b69e6!important;border:none!important;color:#fff!important}.indicator-binding-page{max-width:100%;margin:0 auto;padding:10px 20px;min-height:100%}.binding-layout-vertical{display:flex;flex-direction:column;gap:24px}.binding-primary-btn.custom-button-primary:not(.ant-btn-disabled){background:linear-gradient(180deg,#8196f3,#3049e6)!important;border:none!important;color:#fff!important}.binding-primary-btn.custom-button-primary:not(.ant-btn-disabled):hover{background:linear-gradient(180deg,#8196f3,#3049e6)!important;border:none!important;color:#fff!important}.zone-management-card{border-radius:8px;border:2px solid #fff;background-color:#f7f8f9}.zone-management-card .ant-card-body{padding:20px 24px;background-color:#f7f8f9}.zone-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.zone-card-title{margin:0;font-size:16px;font-weight:600;color:#1d2129}.zone-management-card .zone-table.ant-table-wrapper,.zone-management-card .zone-table .ant-table,.zone-management-card .zone-table .ant-table-container table{border:none;background-color:#f7f8f9}.zone-management-card .zone-table .ant-table-thead>tr>th{background:#f7f8f9!important;border-bottom:1px dashed #E5E6EB;font-size:14px;color:#1d2129;font-weight:500;padding:12px 16px}.zone-management-card .zone-table .ant-table-thead>tr>th:first-child{text-align:left}.zone-management-card .zone-table .ant-table-thead>tr>th:last-child{text-align:right}.zone-management-card .zone-table .ant-table-tbody>tr>td{border-bottom:1px dashed #E5E6EB;padding:14px 16px;vertical-align:middle;background-color:#f7f8f9!important}.zone-management-card .zone-table .ant-table-tbody>tr>td:first-child{text-align:left}.zone-management-card .zone-table .ant-table-tbody>tr>td:last-child{text-align:right}.zone-indicator-config{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 24px}.zone-indicator-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.zone-indicator-category{font-size:14px;color:#86909c}.zone-indicator-tags{display:flex;flex-wrap:wrap;gap:6px}.zone-indicator-tag{margin:0!important;background:#e8f3ff!important;border:1px solid #B8D4F0!important;color:#165dff!important;font-size:13px;border-radius:4px;padding:2px 8px;line-height:20px}.zone-unbind-btn{margin-left:auto}.room-management-card{border-radius:8px;border:1px solid #E5E6EB}.room-management-card .ant-card-body{padding:20px 24px}.room-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.room-card-title{margin:0;font-size:16px;font-weight:600;color:#1d2129}.room-card-actions{display:flex;align-items:center;gap:8px}.room-management-card .room-refresh-btn{width:32px;height:32px;min-width:32px;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:50%}.room-management-card .room-table.ant-table-wrapper,.room-management-card .room-table .ant-table,.room-management-card .room-table .ant-table-container table{border:none}.room-management-card .room-table .ant-table-thead>tr>th{background:transparent;border-bottom:1px dashed #E5E6EB;font-size:14px;color:#1d2129;font-weight:500;padding:12px 16px}.room-management-card .room-table .ant-table-tbody>tr>td{border-bottom:1px dashed #E5E6EB;padding:12px 16px;vertical-align:middle}.room-device-count{display:inline-block;padding:2px 10px;font-size:13px;color:#4e5969;background:#f2f3f5;border:1px solid #E5E6EB;border-radius:4px}.room-indicator-count{display:inline-block;padding:2px 10px;font-size:13px;color:#165dff;background:#e8f3ff;border:1px solid #B8D4F0;border-radius:4px}.room-action-btn{margin-right:8px}.room-action-btn:last-child{margin-right:0}.zone-bind-modal .ant-modal-header{border-bottom:1px solid #E5E6EB;padding-bottom:16px;margin-bottom:0}.zone-bind-modal .zone-bind-cancel-btn{background:#fff!important;border:1px solid #707070!important;color:#585858!important}.zone-bind-modal .zone-bind-cancel-btn:hover{background:#f5f5f5!important;border-color:#707070!important;color:#585858!important}.zone-bind-modal .zone-bind-submit-btn{background:#7e7cf8!important;border:none!important;color:#fff!important}.zone-bind-modal .zone-bind-submit-btn:hover{background:#6b69e6!important;border:none!important;color:#fff!important}.room-add-modal .zone-bind-cancel-btn{background:#fff!important;border:1px solid #707070!important;color:#585858!important}.room-add-modal .zone-bind-cancel-btn:hover{background:#f5f5f5!important;border-color:#707070!important;color:#585858!important}.room-add-modal .zone-bind-submit-btn{background:#7e7cf8!important;border:none!important;color:#fff!important}.room-add-modal .zone-bind-submit-btn:hover{background:#6b69e6!important;border:none!important;color:#fff!important}.device-bind-modal .zone-bind-cancel-btn,.indicator-bind-modal .zone-bind-cancel-btn{background:#fff!important;border:1px solid #707070!important;color:#585858!important}.device-bind-modal .zone-bind-cancel-btn:hover,.indicator-bind-modal .zone-bind-cancel-btn:hover{background:#f5f5f5!important;border-color:#707070!important;color:#585858!important}.device-bind-modal .zone-bind-submit-btn,.indicator-bind-modal .zone-bind-submit-btn{background:#7e7cf8!important;border:none!important;color:#fff!important}.device-bind-modal .zone-bind-submit-btn:hover,.indicator-bind-modal .zone-bind-submit-btn:hover{background:#6b69e6!important;border:none!important;color:#fff!important}.indicator-bind-content{padding:0}.indicator-bind-partition{margin-bottom:20px}.indicator-bind-partition-name{font-size:14px;color:#1d2129;margin-bottom:6px}.indicator-bind-partition-hint{font-size:12px;color:#86909c}.indicator-bind-sections{display:flex;flex-direction:column;gap:16px}.indicator-bind-section{background:transparent}.indicator-bind-section-title{font-size:14px;color:#165dff;padding:12px 16px;background:#f3f9ff;width:100%;box-sizing:border-box;margin-bottom:12px;border-radius:4px 4px 0 0}.indicator-bind-section-checkboxes{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0 0 8px;background:transparent}.indicator-bind-modal .indicator-bind-checkbox.ant-checkbox-wrapper{min-width:100px}.indicator-bind-modal .ant-checkbox-inner{border-radius:2px;border-color:#d9d9d9}.indicator-bind-modal .ant-checkbox-checked .ant-checkbox-inner{background-color:#165dff!important;border-color:#165dff!important}.zone-modal-indicators{margin-top:20px;padding:16px;background:#f3f9ff;border-radius:4px;border:none}.zone-modal-indicators-title{font-size:13px;color:#86909c;margin-bottom:12px}.zone-modal-indicator-row{margin-bottom:12px}.zone-modal-indicator-row:last-child{margin-bottom:0}.zone-modal-indicator-category{font-size:14px;color:#1d2129;margin-right:8px;display:inline-block;margin-bottom:6px}.zone-modal-indicator-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.zone-modal-indicator-tag{display:inline-block;padding:4px 10px;font-size:13px;color:#165dff;background:#fff;border:1px solid #B8D4F0;border-radius:4px}.zone-modal-indicators-empty{font-size:13px;color:#86909c}.empty-selection{text-align:center;padding:60px 20px;color:#86909c;font-size:14px}.action-bar{display:flex;gap:8px;margin-bottom:16px}@media (max-width: 1024px){.binding-layout{flex-direction:column}.zone-tree-card{width:100%}}.rule-list-page{max-width:100%;margin:0 auto;padding:10px 20px;min-height:100%}.rule-list-card{border-radius:8px;border:1px solid #E5E6EB}.rule-list-filter-bar.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 0;gap:12px}.rule-list-filter-bar .ant-input-affix-wrapper,.rule-list-filter-bar .rule-list-search-input.ant-input-affix-wrapper{background:#8f92a10d!important;border-color:transparent!important;height:40px!important;min-height:40px!important;padding:0 12px!important;box-sizing:border-box;display:flex!important;align-items:center}.rule-list-filter-bar .ant-input-affix-wrapper .ant-input,.rule-list-filter-bar .rule-list-search-input.ant-input-affix-wrapper .ant-input{background:transparent!important;font-size:14px}.rule-list-table.ant-table-wrapper,.rule-list-table .ant-table,.rule-list-table .ant-table-container,.rule-list-table .ant-table-content table{border:none}.rule-list-table .ant-table-thead>tr>th{border-bottom:1px dashed #E5E6EB}.rule-list-table .ant-table-tbody>tr>td{border-bottom:1px dashed #E5E6EB}.rule-list-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.rule-edit-page{max-width:100%;margin:0 auto;padding:10px 20px;min-height:100%}.rule-edit-card{min-height:75vh}.rule-edit-card .rule-edit-steps{margin-bottom:48px}.rule-edit-card .rule-edit-step-content{margin-top:8px;margin-bottom:40px}.breadcrumb .breadcrumb-link{color:#165dff;cursor:pointer}.breadcrumb .breadcrumb-link:hover{color:#4080ff;text-decoration:underline}.rule-edit-form{max-width:100%}.rule-edit-form .ant-form-item-control-input-content{width:100%}.rule-edit-form .rule-edit-input-full,.rule-edit-form .rule-edit-input-full.ant-input{width:100%!important;min-height:44px!important;height:44px!important}.rule-edit-form .rule-edit-textarea-full,.rule-edit-form .rule-edit-textarea-full.ant-input{width:100%!important;min-height:260px!important}.rule-edit-steps.ant-steps .ant-steps-item-icon{background:#e8e8e8!important;border-color:#e8e8e8!important}.rule-edit-steps.ant-steps .ant-steps-item-process .ant-steps-item-icon{background:#9365f2!important;border-color:#9365f2!important}.rule-edit-next-btn.custom-button-primary,.rule-edit-prev-btn.custom-button-primary,.rule-edit-submit-btn.custom-button-primary{background:#7e7cf8!important;border-color:#7e7cf8!important}.rule-edit-next-btn.custom-button-primary:hover,.rule-edit-prev-btn.custom-button-primary:hover,.rule-edit-submit-btn.custom-button-primary:hover{background:#6b69e6!important;border-color:#6b69e6!important}.rule-edit-footer{margin-top:48px;display:flex;justify-content:flex-end;gap:12px}.notification-person-list-page{max-width:1400px;margin:0 auto}.notification-person-card{border-radius:8px;border:1px solid #E5E6EB}.toolbar{margin-bottom:16px}.notification-person-list-table.ant-table-wrapper,.notification-person-list-table .ant-table,.notification-person-list-table .ant-table-container,.notification-person-list-table .ant-table-content table{border:none}.notification-person-list-table .ant-table-thead>tr>th{border-bottom:1px dashed #E5E6EB}.notification-person-list-table .ant-table-tbody>tr>td{border-bottom:1px dashed #E5E6EB}.notification-person-list-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.alarm-rule-page{max-width:100%;margin:-15px auto;min-height:100%}.alarm-rule-card{border-radius:8px;border:0px solid #E5E6EB;margin-top:0}.alarm-rule-filter-bar.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 0;gap:12px}.alarm-rule-filter-bar .ant-input-affix-wrapper,.alarm-rule-filter-bar .alarm-rule-search-input.ant-input-affix-wrapper{background:#8f92a10d!important;border-color:transparent!important;height:40px!important;min-height:40px!important;padding:0 12px!important;box-sizing:border-box;display:flex!important;align-items:center}.alarm-rule-filter-bar .ant-input-affix-wrapper .ant-input,.alarm-rule-filter-bar .alarm-rule-search-input.ant-input-affix-wrapper .ant-input{background:transparent!important;font-size:14px}.alarm-rule-table.ant-table-wrapper,.alarm-rule-table .ant-table,.alarm-rule-table .ant-table-container,.alarm-rule-table .ant-table-content table{border:none}.alarm-rule-table .ant-table-thead>tr>th{border-bottom:1px dashed #E5E6EB}.alarm-rule-table .ant-table-tbody>tr>td{border-bottom:1px dashed #E5E6EB}.alarm-rule-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.alarm-list-page{max-width:100%;margin:-15px auto;min-height:100%}.alarm-list-card{border-radius:8px;border:0px solid #E5E6EB}.alarm-list-filter-bar.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 0;gap:12px}.alarm-list-table.ant-table-wrapper,.alarm-list-table .ant-table,.alarm-list-table .ant-table-container,.alarm-list-table .ant-table-content table{border:none}.alarm-list-table .ant-table-thead>tr>th{border-bottom:1px dashed #E5E6EB}.alarm-list-table .ant-table-tbody>tr>td{border-bottom:1px dashed #E5E6EB}.alarm-list-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.notification-list-page{max-width:100%;margin:-15px auto;min-height:100%}.notification-list-card{border-radius:8px;border:0px solid #E5E6EB}.filter-bar{margin-bottom:16px}.notification-list-filter-bar.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 0;gap:12px}.notification-list-table.ant-table-wrapper,.notification-list-table .ant-table,.notification-list-table .ant-table-container,.notification-list-table .ant-table-content table{border:none}.notification-list-table .ant-table-thead>tr>th{border-bottom:1px dashed #E5E6EB}.notification-list-table .ant-table-tbody>tr>td{border-bottom:1px dashed #E5E6EB}.notification-list-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.alarm-management-page{padding:24px}.alarm-management-page .page-header{margin-bottom:24px}.alarm-management-page .page-header .breadcrumb{font-size:14px;color:#86909c;margin-bottom:8px}.alarm-management-page .page-header h1{font-size:24px;font-weight:600;margin:0;color:#1d2129}.alarm-management-page .ant-card{border-radius:8px}.alarm-management-page .ant-tabs{margin-top:0}.alarm-management-page .ant-tabs-content-holder{padding-top:0}.dark-theme .alarm-management-page .page-header .breadcrumb{color:#ffffffa6}.dark-theme .alarm-management-page .page-header h1{color:#ffffffd9}.maintenance-management-page{max-width:100%;margin:0 auto;padding:10px 20px;min-height:100%}.maintenance-card{border-radius:8px;border:1px solid #E5E6EB}.maintenance-filter-bar.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px 0;gap:12px}.maintenance-filter-bar .ant-input-affix-wrapper,.maintenance-filter-bar .maintenance-search-input.ant-input-affix-wrapper{background:#8f92a10d!important;border-color:transparent!important;height:40px!important;min-height:40px!important;padding:0 12px!important;box-sizing:border-box;display:flex!important;align-items:center}.maintenance-filter-bar .ant-input-affix-wrapper .ant-input,.maintenance-filter-bar .maintenance-search-input.ant-input-affix-wrapper .ant-input{background:transparent!important;font-size:14px}.maintenance-table.ant-table-wrapper,.maintenance-table .ant-table,.maintenance-table .ant-table-container,.maintenance-table .ant-table-content table{border:none}.maintenance-table .ant-table-thead>tr>th{border-bottom:1px dashed #E5E6EB}.maintenance-table .ant-table-tbody>tr>td{border-bottom:1px dashed #E5E6EB}.maintenance-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.indicator-list-page{max-width:1400px;margin:0 auto}.indicator-list-card{border-radius:8px;border:1px solid #E5E6EB}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.notification-config-page{max-width:100%;margin:0;min-height:100%}.notification-config-tabs.ant-tabs .ant-tabs-nav{margin-left:0!important;margin-bottom:0;padding-left:0}.notification-config-tabs.ant-tabs .ant-tabs-nav-list{margin-left:0;padding-left:0}.notification-config-tabs.ant-tabs .ant-tabs-nav:before{border-bottom:none}.notification-config-tabs.ant-tabs .ant-tabs-tab{padding:6px 14px;margin-right:0}.notification-config-tabs.ant-tabs .ant-tabs-tab-btn{line-height:1.4;color:#4e5969;font-size:14px}.notification-config-tabs.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff!important}.notification-config-tabs.ant-tabs .ant-tabs-tab.ant-tabs-tab-active{background:#7e7cf8;border:1px solid #7E7CF8;border-radius:25px}.notification-config-tabs.ant-tabs .ant-tabs-tab:not(.ant-tabs-tab-active){background:#fff;border:1px solid #E5E6EB;border-radius:25px}.notification-config-tabs.ant-tabs .ant-tabs-ink-bar{display:none}.notification-config-tabs.ant-tabs .ant-tabs-content-holder{padding-top:24px;padding-left:0;border:none;background:#fff}.notification-config-form{width:100%;max-width:100%;padding:0 0 24px}.notification-config-form .ant-form-item{margin-bottom:28px}.notification-config-form .ant-form-item .ant-input,.notification-config-form .ant-form-item .ant-input-affix-wrapper{width:100%;min-height:40px;padding:8px 12px;border-radius:4px;border-color:#e5e6eb;background:#fff;font-size:14px}.notification-config-form .ant-form-item .ant-input-affix-wrapper>input.ant-input{min-height:38px}.notification-config-submit-wrap{margin-bottom:0;margin-top:8px}.notification-config-submit-wrap .ant-form-item-control-input-content{display:flex;justify-content:flex-end}.notification-config-submit-btn.custom-button-primary,.notification-config-submit-btn.ant-btn-primary{min-width:120px;padding-left:24px;padding-right:24px;background-color:#7e7cf8!important;border-color:#7e7cf8!important;border-radius:4px;color:#fff}.notification-config-submit-btn.custom-button-primary:hover,.notification-config-submit-btn.ant-btn-primary:hover{background-color:#6b69e6!important;border-color:#6b69e6!important;color:#fff}.alarm-template-page{max-width:100%;margin:0;min-height:62vh}.alarm-template-page .alarm-template-card .ant-card-body{padding-left:0;padding-top:0}.alarm-template-page .alarm-template-card .ant-card-body .filter-bar{padding-top:0}.page-header{margin-bottom:24px}.breadcrumb{font-size:12px;color:#86909c;margin-bottom:8px}.page-header h1{font-size:18px;font-weight:600;color:#1d2129}.alarm-template-card{border-radius:8px;border:0 solid #E5E6EB}.filter-bar{display:flex;justify-content:space-between;margin-bottom:16px}.alarm-template-filter-bar .ant-input-affix-wrapper,.alarm-template-filter-bar .alarm-template-search-input.ant-input-affix-wrapper{background:#8f92a10d!important;border-color:transparent!important;height:40px!important;min-height:40px!important;padding:0 12px!important;box-sizing:border-box;display:flex!important;align-items:center}.alarm-template-filter-bar .ant-input-affix-wrapper .ant-input,.alarm-template-filter-bar .alarm-template-search-input.ant-input-affix-wrapper .ant-input{background:transparent!important;font-size:14px}.alarm-template-page .ant-table-wrapper,.alarm-template-page .ant-table-wrapper .ant-table,.alarm-template-page .ant-table-wrapper .ant-table-container,.alarm-template-page .ant-table-wrapper .ant-table-content table{border:none}.alarm-template-page .ant-table-thead>tr>th{border-bottom:1px dashed #E5E6EB}.alarm-template-page .ant-table-tbody>tr>td{border-bottom:1px dashed #E5E6EB}.alarm-template-page .ant-table-tbody>tr:last-child>td{border-bottom:none}.global-config-page{padding:24px}.global-config-page .page-header{margin-bottom:24px}.global-config-page .page-header .breadcrumb{font-size:14px;color:#86909c;margin-bottom:8px}.global-config-page .page-header h1{font-size:24px;font-weight:600;margin:0;color:#1d2129}.global-config-page .ant-card{border-radius:8px}.global-config-page .ant-tabs{margin-top:0}.global-config-page .ant-tabs .ant-tabs-nav{margin-left:32px}.global-config-page .ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#7e7cf8}.global-config-page .ant-tabs .ant-tabs-ink-bar{background:#7e7cf8}.global-config-page .ant-tabs-content-holder{padding-top:24px;padding-left:32px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;color:#1d2129;font-size:14px;line-height:1.5;transition:background-color .3s,color .3s}body.dark-theme{background-color:#000;color:#ffffffd9}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f7fa;transition:background .3s}body.dark-theme ::-webkit-scrollbar-track{background:#141414}::-webkit-scrollbar-thumb{background:#c9cdd4;border-radius:4px;transition:background .3s}body.dark-theme ::-webkit-scrollbar-thumb{background:#434343}::-webkit-scrollbar-thumb:hover{background:#86909c}body.dark-theme ::-webkit-scrollbar-thumb:hover{background:#595959}.text-primary{color:#165dff}.text-success{color:#00b42a}.text-warning{color:#ff7d00}.text-danger{color:#f53f3f}.text-info{color:#86909c}.text-main{color:#1d2129}.text-secondary{color:#4e5969}.bg-primary{background-color:#165dff}.bg-success{background-color:#00b42a}.bg-warning{background-color:#ff7d00}.bg-danger{background-color:#f53f3f}.bg-gray{background-color:#f5f7fa}