.login-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.login-background{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}.bg-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.shape-1{width:500px;height:500px;background:linear-gradient(135deg,#f093fb,#f5576c);top:-200px;left:-200px}.shape-2{width:400px;height:400px;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:-150px;right:-150px}.shape-3{width:350px;height:350px;background:linear-gradient(135deg,#43e97b,#38f9d7);top:50%;right:10%}.login-content{position:relative;z-index:1;width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-around;padding:40px;gap:60px}.login-logo{text-align:center;color:#fff;cursor:pointer}.login-logo h1{font-size:48px;font-weight:700;margin:20px 0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.login-logo p{font-size:18px;opacity:.9}.login-card{width:400px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px}.login-input{border-radius:8px;transition:all .3s}.login-input:hover{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.login-button{height:48px;border-radius:8px;font-size:16px;font-weight:500;background:linear-gradient(135deg,#667eea,#764ba2);border:none;transition:all .3s}.login-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-tips{margin-top:24px;padding:16px;background:#f5f5f5;border-radius:8px;font-size:12px;color:#666;line-height:1.8}.login-tips p:first-child{font-weight:700;margin-bottom:8px}@media (max-width: 768px){.login-content{flex-direction:column;gap:30px}.login-logo h1{font-size:36px}.login-card{width:90%}}.main-layout{min-height:100vh}.layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:100;box-shadow:2px 0 8px #0000001a}.logo{height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;margin:16px;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}.logo img{flex-shrink:0}.logo h2{margin:0;font-size:20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.layout-menu{border-right:none;padding:16px 0}.layout-menu .ant-menu-item{margin:8px 16px;border-radius:8px;transition:all .3s;height:40px;line-height:40px;padding-left:16px!important;padding-right:16px!important}.layout-menu .ant-menu-submenu-title{margin:8px 16px!important;border-radius:8px;transition:all .3s;position:relative!important;padding-left:16px!important;padding-right:40px!important;height:40px;line-height:40px;display:flex;align-items:center}.layout-menu .ant-menu-item,.layout-menu .ant-menu-submenu-title{display:flex;align-items:center}.layout-menu .ant-menu-item .ant-menu-item-icon,.layout-menu .ant-menu-submenu-title .ant-menu-item-icon,.layout-menu .ant-menu-submenu-title .anticon{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;margin-right:12px;font-size:16px;line-height:1;vertical-align:middle;min-width:16px;width:auto;height:auto}.layout-menu .ant-menu-submenu-title>span:first-child:not(.ant-menu-submenu-arrow){display:inline-flex!important;align-items:center!important;margin-right:12px}.layout-menu .ant-menu-item .anticon{display:inline-block!important;font-size:16px;line-height:1;margin-right:12px}.layout-menu .ant-menu-item>span:not(.ant-menu-item-icon),.layout-menu .ant-menu-submenu-title>span:not(.ant-menu-item-icon):not(.ant-menu-submenu-arrow){display:inline-flex;align-items:center;flex:1;line-height:1;min-width:0}.layout-menu .ant-menu-submenu-arrow{position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;flex-shrink:0}.layout-menu .ant-menu-submenu .ant-menu-item{margin:8px 16px 8px 32px!important;padding-left:16px!important;padding-right:16px!important;border-radius:8px;width:calc(100% - 48px)!important}.layout-menu .ant-menu-item:hover,.layout-menu .ant-menu-submenu-title:hover{transform:translate(4px);background:#ffffff1a!important}.layout-menu .ant-menu-item-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;transform:translate(4px)}.layout-menu .ant-menu-submenu-selected>.ant-menu-submenu-title{background:linear-gradient(135deg,#667eea,#764ba2)!important;transform:translate(4px)}.layout-menu .ant-menu-submenu .ant-menu-item-selected{background:linear-gradient(135deg,#40a9ff,#69c0ff)!important;transform:translate(4px);margin:8px 16px 8px 32px!important;padding-left:16px!important;padding-right:16px!important;border-radius:8px;width:calc(100% - 48px)!important}.site-layout{margin-left:240px;transition:margin-left .2s}.site-layout.collapsed{margin-left:80px}.layout-header{background:#fff;padding:0 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:99}.trigger{font-size:18px;padding:0 12px;cursor:pointer;transition:color .3s}.header-right{display:flex;align-items:center;gap:16px}.header-icon{font-size:18px}.user-info{display:flex;align-items:center;cursor:pointer;padding:4px 12px;border-radius:8px;transition:background .3s}.user-info:hover{background:#f5f5f5}.layout-content{margin:24px;min-height:calc(100vh - 112px);overflow-y:auto;height:calc(100vh - 112px)}.content-wrapper{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:calc(100vh - 160px)}.ant-layout-sider-collapsed .logo img{width:32px;height:32px}.ant-layout-sider-collapsed .logo h2{display:none}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header h1{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-container{padding:0}.stat-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s;cursor:pointer;border:none}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.chart-card,.table-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;border:none}.table-card .ant-table{border-radius:8px}.table-card .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.settings{padding:0}.settings-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;border:none}.settings-actions{margin-top:24px;text-align:right}.account-settings{padding:24px}.settings-menu-card{margin-bottom:24px}.settings-content-card{min-height:500px}.settings-base,.settings-security{max-width:600px}@media (max-width: 768px){.account-settings{padding:16px}}.account-center{padding:24px}.account-center-content{display:flex;flex-direction:column;gap:24px}.account-center-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.account-center-header{display:flex;gap:32px;padding:24px 0}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px}.user-avatar{border:4px solid #f0f0f0;box-shadow:0 4px 12px #0000001a}.avatar-actions{display:flex;gap:8px}.user-info-section{flex:1;display:flex;flex-direction:column;justify-content:center}.user-info-section h2{margin:0 0 16px;font-size:24px;font-weight:600;color:#262626}.user-description{margin:16px 0 0;color:#595959;line-height:1.6;font-size:14px}@media (max-width: 768px){.account-center-header{flex-direction:column;align-items:center;text-align:center}.user-info-section{align-items:center}}.welcome-page{padding:24px;min-height:100%;overflow-y:auto}.welcome-content{display:flex;flex-direction:column;gap:24px}.welcome-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.mqtt-addresses{display:flex;flex-direction:column;gap:12px}.address-item{width:100%}.address-card{background:#fafafa;border:1px solid #e8e8e8;transition:all .3s}.address-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff33}.info-section{margin-bottom:16px}.info-section h4{margin-bottom:16px;color:#262626}.info-section .ant-typography{color:#595959;line-height:1.8}@media (max-width: 768px){.welcome-page{padding:16px}.address-card .ant-space{flex-direction:column;align-items:flex-start!important}}.teams-page{padding:24px}.team-card{height:100%;transition:all .3s}.team-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.create-team-card{border:2px dashed #d9d9d9;cursor:pointer;text-align:center;min-height:200px;display:flex;align-items:center;justify-content:center}.create-team-card:hover{border-color:#1890ff;background-color:#f0f8ff}.create-team-content{display:flex;flex-direction:column;align-items:center;gap:16px}.create-team-content p{margin:0;font-size:16px;color:#1890ff;font-weight:500}.team-avatar{width:48px;height:48px;border-radius:8px;object-fit:cover}@media (max-width: 768px){.teams-page{padding:16px}}.team-detail{padding:24px}.team-detail-card{margin-bottom:24px}.team-detail-tabs-card{min-height:500px}@media (max-width: 768px){.team-detail{padding:16px}}.trigger-rule-config{padding:16px 0}.condition-item{margin-bottom:8px;padding:8px;border:1px solid #d9d9d9;border-radius:4px;background-color:#fafafa}.condition-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:8px}.condition-row::-webkit-scrollbar{height:8px}.condition-row::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.condition-row::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.condition-row::-webkit-scrollbar-thumb:hover{background:#555}.condition-label{margin:0 4px;color:#666;font-size:14px}.condition-next{margin-top:8px;margin-left:12px;padding-left:12px;border-left:2px solid #1890ff}.condition-group-container{margin-top:0}.condition-group-header{margin-bottom:8px;margin-left:0;padding-left:0}.alarms-page{padding:24px}.headers-container{width:100%}.header-row{display:flex;align-items:center;margin-bottom:8px}.header-row:last-of-type{margin-bottom:0}.alarms-page .ant-table{font-size:14px}.alarms-page .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;padding:12px 16px}.alarms-page .ant-table-tbody>tr>td{padding:12px 16px}.alarms-page .ant-table-tbody .ant-btn-link{font-size:14px;height:auto;line-height:1.5;margin:0}.alarms-page .ant-table-tbody .ant-btn-link:hover{opacity:.8}.alarms-page .ant-table-tbody .ant-btn-link[class*=ant-btn-dangerous]{color:#ff4d4f}.alarms-page .ant-table-tbody .ant-btn-link[class*=ant-btn-dangerous]:hover{color:#ff7875}.alarms-page .ant-table-cell{white-space:nowrap}.alarms-page .ant-table-cell.ant-table-cell-fix-right{background-color:#fff}.alarms-page .ant-card{margin-bottom:16px}.alarms-page .ant-form-vertical .ant-form-item{margin-bottom:0}.alarms-page .ant-form-vertical .ant-form-item-label{padding-bottom:4px}.alarms-page .ant-form-vertical .ant-form-item-label>label{font-size:13px;color:#000000d9;font-weight:500}.alarms-page .ant-form-vertical .ant-form-item:last-child{margin-top:8px;margin-bottom:0}@media (max-width: 768px){.alarms-page{padding:16px}.alarms-page .ant-table{font-size:12px}.alarms-page .ant-table-thead>tr>th,.alarms-page .ant-table-tbody>tr>td{padding:8px 12px}}.mqtt-client-container{padding:0}.connection-card,.subscribe-card,.publish-card,.messages-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;border:none}.connection-card label,.subscribe-card label,.publish-card label{display:block;margin-bottom:4px;font-weight:500;color:#000000d9}.messages-card .ant-table{border-radius:8px}.messages-card .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.publish-card .ant-checkbox-wrapper{display:inline-flex;align-items:center;white-space:nowrap}.publish-card .ant-select{flex-shrink:0}.not-found-container{min-height:calc(100vh - 112px);display:flex;align-items:center;justify-content:center;position:relative;padding:40px 20px;background:linear-gradient(135deg,#667eea0d,#764ba20d);overflow:hidden}.not-found-decoration{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:0}.decoration-circle{position:absolute;border-radius:50%;opacity:.1;animation:float 6s ease-in-out infinite}.circle-1{width:200px;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);top:10%;left:10%;animation-delay:0s}.circle-2{width:150px;height:150px;background:linear-gradient(135deg,#40a9ff,#69c0ff);top:60%;right:15%;animation-delay:2s}.circle-3{width:100px;height:100px;background:linear-gradient(135deg,#52c41a,#73d13d);bottom:20%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}.not-found-container>div:first-child{position:relative;z-index:1}@media (max-width: 768px){.not-found-container{padding:20px 10px}.decoration-circle{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}#root{width:100%;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}