#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}#app,body,html{margin:0;padding:0}.el-dialog{--el-dialog-margin-top:8vh}.el-dialog .el-dialog__body{max-height:calc(100vh - 250px);overflow-y:auto}.header-description,.page-description{margin:0;font-size:14px;color:#9c9d9e;line-height:1.4}.sidebar[data-v-1f5a29df]{height:100%;display:flex;flex-direction:column}.logo[data-v-1f5a29df]{height:60px;display:flex;align-items:center;justify-content:center;background-color:#2b2f3a}.logo h2[data-v-1f5a29df]{color:#fff;margin:0;font-size:18px;font-weight:600}.sidebar-menu[data-v-1f5a29df]{flex:1;border:none}.sidebar-menu .el-menu-item[data-v-1f5a29df]{height:50px;line-height:50px}.sidebar-menu .el-menu-item[data-v-1f5a29df]:hover{background-color:#263445!important}.sidebar-menu .el-menu-item.is-active[data-v-1f5a29df]{background-color:#409eff!important;color:#fff!important}.sidebar-menu .el-menu-item.is-active .el-icon[data-v-1f5a29df]{color:#fff!important}.header[data-v-369195e4]{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:#fff}.header-left h3[data-v-369195e4]{margin:0;color:#303133;font-size:18px;font-weight:500}.header-right .user-info[data-v-369195e4]{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .3s;outline:none}.header-right .user-info[data-v-369195e4]:hover{background-color:#f5f7fa}.header-right .user-info[data-v-369195e4]:focus{outline:none}.header-right .user-info span[data-v-369195e4]{margin:0 8px;color:#606266}.app-wrapper[data-v-3d55bec3]{display:flex;height:100vh;width:100%}.sidebar-container[data-v-3d55bec3]{width:250px;background-color:#304156;box-shadow:2px 0 6px rgba(0,21,41,.35);z-index:1001}.main-container[data-v-3d55bec3]{flex:1;display:flex;flex-direction:column;overflow:hidden}.header-container[data-v-3d55bec3]{height:60px;background-color:#fff;box-shadow:0 1px 4px rgba(0,21,41,.08);z-index:1000}.content-container[data-v-3d55bec3]{flex:1;padding:20px;background-color:#f0f2f5;overflow-y:auto}*{margin:0;padding:0}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}:root{--primary-color:#409eff;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-base:#dcdfe6;--border-light:#e4e7ed;--border-lighter:#ebeef5;--border-extra-light:#f2f6fc;--background-base:#f5f7fa;--background-light:#fafafa;--z-index-base:1;--z-index-menu:1000;--z-index-dialog:2000;--z-index-message:3000;--z-index-tooltip:4000}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);padding:20px;margin-bottom:20px}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.online{background-color:var(--success-color)}.status-indicator.offline{background-color:var(--danger-color)}.status-indicator.warning{background-color:var(--warning-color)}.el-table .status-tag.online{background-color:#f0f9ff;color:var(--success-color);border-color:var(--success-color)}.el-table .status-tag.offline{background-color:#fef2f2;color:var(--danger-color);border-color:var(--danger-color)}.el-dialog,.el-drawer,.el-message-box{z-index:var(--z-index-dialog)!important}.el-message,.el-notification{z-index:var(--z-index-message)!important}.el-cascader-panel,.el-date-picker,.el-dropdown-menu,.el-select-dropdown,.el-time-picker,.el-tooltip__popper{z-index:var(--z-index-tooltip)!important}.el-overlay{z-index:calc(var(--z-index-dialog) - 1)!important}.el-menu,.layout-menu{z-index:var(--z-index-menu)!important}.el-loading-mask{z-index:calc(var(--z-index-dialog) + 1)!important}.data-updated{background-color:rgba(52,152,219,.2)!important;transition:background-color 3s ease-out;border-radius:4px;padding:2px 4px;position:relative}.data-updated:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(52,152,219,.3),rgba(52,152,219,.1));border-radius:6px;z-index:-1;opacity:1;transition:opacity 3s ease-out}.data-updated-status{background-color:rgba(241,196,15,.25)!important;transition:background-color 3s ease-out;border-radius:4px;padding:2px 4px;position:relative}.data-updated-status:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(241,196,15,.4),rgba(241,196,15,.1));border-radius:6px;z-index:-1;opacity:1;transition:opacity 3s ease-out}.data-updated-alert{background-color:rgba(231,76,60,.25)!important;transition:background-color 3s ease-out;border-radius:4px;padding:2px 4px;position:relative}.data-updated-alert:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(231,76,60,.4),rgba(231,76,60,.1));border-radius:6px;z-index:-1;opacity:1;transition:opacity 3s ease-out}.data-updated-recovery{background-color:rgba(46,204,113,.25)!important;transition:background-color 3s ease-out;border-radius:4px;padding:2px 4px;position:relative}.data-updated-recovery:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(46,204,113,.4),rgba(46,204,113,.1));border-radius:6px;z-index:-1;opacity:1;transition:opacity 3s ease-out}@keyframes pulse-highlight{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(52,152,219,.4)}50%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(52,152,219,.2)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(52,152,219,0)}}@keyframes pulse-status{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(241,196,15,.4)}50%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(241,196,15,.2)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(241,196,15,0)}}@keyframes pulse-alert{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(231,76,60,.4)}50%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(231,76,60,.2)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(231,76,60,0)}}@keyframes pulse-recovery{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(46,204,113,.4)}50%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(46,204,113,.2)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(46,204,113,0)}}.data-updated.pulse{animation:pulse-highlight .6s ease-in-out}.data-updated-status.pulse{animation:pulse-status .6s ease-in-out}.data-updated-alert.pulse{animation:pulse-alert .6s ease-in-out}.data-updated-recovery.pulse{animation:pulse-recovery .6s ease-in-out}.data-updated-alert.fade-out,.data-updated-recovery.fade-out,.data-updated-status.fade-out,.data-updated.fade-out{background-color:transparent!important}.data-updated-alert.fade-out:before,.data-updated-recovery.fade-out:before,.data-updated-status.fade-out:before,.data-updated.fade-out:before{opacity:0}.card.data-updated,.table-row.data-updated{border:2px solid rgba(52,152,219,.3);transition:border-color 3s ease-out,background-color 3s ease-out}.card.data-updated-status,.table-row.data-updated-status{border:2px solid rgba(241,196,15,.4);transition:border-color 3s ease-out,background-color 3s ease-out}.card.data-updated-alert,.table-row.data-updated-alert{border:2px solid rgba(231,76,60,.4);transition:border-color 3s ease-out,background-color 3s ease-out}.card.data-updated-recovery,.table-row.data-updated-recovery{border:2px solid rgba(46,204,113,.4);transition:border-color 3s ease-out,background-color 3s ease-out}.metric-value.data-updated,.stat-number.data-updated{font-weight:700;text-shadow:0 0 4px rgba(52,152,219,.5);transition:font-weight 3s ease-out,text-shadow 3s ease-out}.metric-value.data-updated-status,.stat-number.data-updated-status{font-weight:700;text-shadow:0 0 4px rgba(241,196,15,.5);transition:font-weight 3s ease-out,text-shadow 3s ease-out}.metric-value.data-updated-alert,.stat-number.data-updated-alert{font-weight:700;text-shadow:0 0 4px rgba(231,76,60,.5);transition:font-weight 3s ease-out,text-shadow 3s ease-out}.chart-container.data-updated{box-shadow:0 0 15px rgba(52,152,219,.3);transition:box-shadow 3s ease-out}.chart-container.data-updated-status{box-shadow:0 0 15px rgba(241,196,15,.3);transition:box-shadow 3s ease-out}.websocket-status{position:fixed;top:20px;right:20px;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:700;z-index:9999;transition:all .3s ease}.websocket-status.connected{background-color:rgba(46,204,113,.9);color:#fff}.websocket-status.connecting{background-color:rgba(241,196,15,.9);color:#fff}.websocket-status.disconnected{background-color:rgba(231,76,60,.9);color:#fff}.websocket-status.error{background-color:rgba(192,57,43,.9);color:#fff}@media (max-width:768px){.data-updated,.data-updated-alert,.data-updated-recovery,.data-updated-status{padding:1px 2px;border-radius:2px}.websocket-status{top:10px;right:10px;padding:6px 10px;font-size:11px}}@media (prefers-color-scheme:dark){.data-updated{background-color:rgba(52,152,219,.15)!important}.data-updated-status{background-color:rgba(241,196,15,.15)!important}.data-updated-alert{background-color:rgba(231,76,60,.15)!important}.data-updated-recovery{background-color:rgba(46,204,113,.15)!important}}:root{--mobile-primary:#409eff;--mobile-success:#67c23a;--mobile-warning:#e6a23c;--mobile-danger:#f56c6c;--mobile-info:#909399;--mobile-bg-primary:#fff;--mobile-bg-secondary:#f5f7fa;--mobile-bg-tertiary:#f8f9fa;--mobile-text-primary:#303133;--mobile-text-regular:#606266;--mobile-text-secondary:#909399;--mobile-text-placeholder:#c0c4cc;--mobile-border-light:#ebeef5;--mobile-border-base:#dcdfe6;--mobile-border-dark:#c0c4cc;--mobile-shadow-light:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);--mobile-shadow-base:0 2px 12px 0 rgba(0,0,0,.1);--mobile-shadow-dark:0 4px 20px rgba(0,0,0,.15);--mobile-radius-small:4px;--mobile-radius-base:8px;--mobile-radius-large:12px;--mobile-radius-round:50%;--mobile-spacing-xs:4px;--mobile-spacing-sm:8px;--mobile-spacing-md:12px;--mobile-spacing-lg:16px;--mobile-spacing-xl:20px;--mobile-spacing-xxl:24px;--mobile-font-xs:11px;--mobile-font-sm:12px;--mobile-font-base:14px;--mobile-font-lg:16px;--mobile-font-xl:18px;--mobile-font-xxl:20px;--mobile-font-title:24px;--mobile-touch-target:44px;--mobile-safe-area-top:env(safe-area-inset-top);--mobile-safe-area-bottom:env(safe-area-inset-bottom);--mobile-safe-area-left:env(safe-area-inset-left);--mobile-safe-area-right:env(safe-area-inset-right)}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font-size:14px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--mobile-bg-secondary);color:var(--mobile-text-primary);overflow-x:hidden}.mobile-container{max-width:100vw;margin:0 auto;padding:0 var(--mobile-spacing-lg)}.mobile-card{padding:var(--mobile-spacing-xl);margin-bottom:var(--mobile-spacing-lg)}.mobile-button.primary{background:var(--mobile-primary);color:#fff}.mobile-button.success{background:var(--mobile-success);color:#fff}.mobile-button.warning{background:var(--mobile-warning);color:#fff}.mobile-button.danger{background:var(--mobile-danger);color:#fff}.mobile-input{width:100%;min-height:var(--mobile-touch-target);padding:var(--mobile-spacing-md) var(--mobile-spacing-lg);border:1px solid var(--mobile-border-base);border-radius:var(--mobile-radius-base);font-size:var(--mobile-font-base);background:var(--mobile-bg-primary)}.mobile-input:focus{outline:none;border-color:var(--mobile-primary);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.mobile-status{display:inline-flex;align-items:center;gap:var(--mobile-spacing-sm);padding:var(--mobile-spacing-xs) var(--mobile-spacing-md);border-radius:var(--mobile-radius-large);font-size:var(--mobile-font-sm);font-weight:500}.mobile-status .status-dot{width:8px;height:8px;border-radius:var(--mobile-radius-round)}.mobile-status.online{background:rgba(103,194,58,.1);color:var(--mobile-success)}.mobile-status.online .status-dot{background:var(--mobile-success)}.mobile-status.offline{background:hsla(220,4%,58%,.1);color:var(--mobile-info)}.mobile-status.offline .status-dot{background:var(--mobile-info)}.mobile-status.warning{background:rgba(230,162,60,.1);color:var(--mobile-warning)}.mobile-status.warning .status-dot{background:var(--mobile-warning)}.mobile-status.danger{background:hsla(0,87%,69%,.1);color:var(--mobile-danger)}.mobile-status.danger .status-dot{background:var(--mobile-danger)}.mobile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--mobile-spacing-xxl);color:var(--mobile-text-secondary)}.mobile-loading .loading-icon{font-size:48px;margin-bottom:var(--mobile-spacing-lg);animation:mobile-spin 1s linear infinite}.mobile-loading .loading-text{font-size:var(--mobile-font-base)}@keyframes mobile-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--mobile-spacing-xxl);color:var(--mobile-text-secondary)}.mobile-empty .empty-icon{font-size:48px;margin-bottom:var(--mobile-spacing-lg);opacity:.5}.mobile-empty .empty-text{font-size:var(--mobile-font-base);margin-bottom:var(--mobile-spacing-lg)}.mobile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--mobile-spacing-xxl);color:var(--mobile-danger)}.mobile-error .error-icon{font-size:48px;margin-bottom:var(--mobile-spacing-lg)}.mobile-error .error-text{font-size:var(--mobile-font-base);margin-bottom:var(--mobile-spacing-lg);text-align:center}@media(max-width:375px){:root{--mobile-spacing-lg:12px;--mobile-spacing-xl:16px;--mobile-spacing-xxl:20px}.mobile-card{padding:var(--mobile-spacing-lg);margin-bottom:var(--mobile-spacing-md)}}@media(max-width:320px){:root{--mobile-font-base:13px;--mobile-font-lg:15px;--mobile-font-xl:17px;--mobile-spacing-lg:10px;--mobile-spacing-xl:14px}}@media(orientation:landscape)and (max-height:500px){.mobile-card{padding:var(--mobile-spacing-md);margin-bottom:var(--mobile-spacing-sm)}.mobile-empty,.mobile-error,.mobile-loading{padding:var(--mobile-spacing-lg)}.mobile-empty .empty-icon,.mobile-empty .error-icon,.mobile-empty .loading-icon,.mobile-error .empty-icon,.mobile-error .error-icon,.mobile-error .loading-icon,.mobile-loading .empty-icon,.mobile-loading .error-icon,.mobile-loading .loading-icon{font-size:32px;margin-bottom:var(--mobile-spacing-md)}}@media(min-resolution:192dpi){.mobile-card{box-shadow:0 1px 6px rgba(0,0,0,.1)}}@media(prefers-color-scheme:dark){:root{--mobile-bg-primary:#1f1f1f;--mobile-bg-secondary:#121212;--mobile-bg-tertiary:#2a2a2a;--mobile-text-primary:#fff;--mobile-text-regular:#e0e0e0;--mobile-text-secondary:#b0b0b0;--mobile-text-placeholder:grey;--mobile-border-light:#404040;--mobile-border-base:#606060;--mobile-border-dark:grey;--mobile-shadow-base:0 2px 12px 0 rgba(0,0,0,.3)}}.mobile-layout{display:flex;flex-direction:column;height:100vh;background:var(--mobile-bg-secondary);overflow:hidden}.mobile-layout .mobile-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-layout .mobile-main.with-safe-area{padding-bottom:var(--mobile-safe-area-bottom)}.mobile-header{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--mobile-spacing-lg);background:var(--mobile-bg-primary);border-bottom:1px solid var(--mobile-border-light);position:sticky;top:0;z-index:100;padding-top:var(--mobile-safe-area-top);height:calc(56px + var(--mobile-safe-area-top))}.mobile-header .header-left,.mobile-header .header-right{width:60px;display:flex;align-items:center}.mobile-header .header-left{justify-content:flex-start}.mobile-header .header-right{justify-content:flex-end}.mobile-header .header-center{flex:1;display:flex;align-items:center;justify-content:center}.mobile-header .header-title{margin:0;font-size:var(--mobile-font-xl);font-weight:600;color:var(--mobile-text-primary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-header .header-button{width:var(--mobile-touch-target);height:var(--mobile-touch-target);border-radius:var(--mobile-radius-round);display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;transition:all .3s ease}.mobile-header .header-button .el-icon{font-size:20px;color:var(--mobile-text-regular)}.mobile-header .header-button:active{background:var(--mobile-bg-tertiary);transform:scale(.95)}.mobile-header .header-button:active .el-icon{color:var(--mobile-primary)}.mobile-statistics{background:var(--mobile-bg-primary);border-radius:var(--mobile-radius-large);padding:var(--mobile-spacing-lg);margin:var(--mobile-spacing-lg);box-shadow:var(--mobile-shadow-base)}.mobile-statistics .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--mobile-spacing-lg)}.mobile-statistics .stat-item{text-align:center}.mobile-statistics .stat-item .stat-value{font-size:var(--mobile-font-title);font-weight:600;color:var(--mobile-text-primary);margin-bottom:var(--mobile-spacing-xs)}.mobile-statistics .stat-item .stat-label{font-size:var(--mobile-font-sm);color:var(--mobile-text-secondary)}.mobile-statistics .stat-item.online .stat-value{color:var(--mobile-success)}.mobile-statistics .stat-item.offline .stat-value{color:var(--mobile-text-secondary)}.mobile-statistics .update-time{text-align:center;font-size:var(--mobile-font-sm);color:var(--mobile-text-placeholder);margin-top:var(--mobile-spacing-md);padding-top:var(--mobile-spacing-md);border-top:1px solid var(--mobile-border-light)}.mobile-card{background:var(--mobile-bg-primary);border-radius:var(--mobile-radius-large);box-shadow:var(--mobile-shadow-base);transition:all .3s ease;position:relative;overflow:hidden}.mobile-card:active{transform:scale(.98);box-shadow:var(--mobile-shadow-light)}.mobile-card.disabled{opacity:.6;background:var(--mobile-bg-tertiary)}.mobile-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px 0 0 2px;background:var(--status-color,var(--mobile-success))}.mobile-card.status-excellent:before{--status-color:var(--mobile-success)}.mobile-card.status-good:before{--status-color:#95d475}.mobile-card.status-fair:before{--status-color:var(--mobile-warning)}.mobile-card.status-poor:before{--status-color:#f78989}.mobile-card.status-critical:before{--status-color:var(--mobile-danger)}.mobile-list .list-item{display:flex;align-items:center;padding:var(--mobile-spacing-md);border-bottom:1px solid var(--mobile-border-light);transition:all .3s ease}.mobile-list .list-item:last-child{border-bottom:none}.mobile-list .list-item .item-icon,.mobile-list .list-item:active{background:var(--mobile-bg-tertiary)}.mobile-list .list-item .item-icon{width:40px;height:40px;border-radius:var(--mobile-radius-base);display:flex;align-items:center;justify-content:center;margin-right:var(--mobile-spacing-md)}.mobile-list .list-item .item-icon .el-icon{font-size:20px;color:var(--mobile-text-regular)}.mobile-list .list-item .item-content{flex:1;min-width:0}.mobile-list .list-item .item-content .item-title{font-size:var(--mobile-font-base);font-weight:500;color:var(--mobile-text-primary);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-list .list-item .item-content .item-subtitle{font-size:var(--mobile-font-sm);color:var(--mobile-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-list .list-item .item-action{color:var(--mobile-text-placeholder)}.mobile-list .list-item .item-action .el-icon{font-size:16px}.mobile-form .form-item{margin-bottom:var(--mobile-spacing-lg)}.mobile-form .form-item .form-label{display:block;font-size:var(--mobile-font-base);font-weight:500;color:var(--mobile-text-primary);margin-bottom:var(--mobile-spacing-sm)}.mobile-form .form-item .form-input{width:100%;min-height:var(--mobile-touch-target);padding:var(--mobile-spacing-md) var(--mobile-spacing-lg);border:1px solid var(--mobile-border-base);border-radius:var(--mobile-radius-base);font-size:var(--mobile-font-base);background:var(--mobile-bg-primary);transition:all .3s ease}.mobile-form .form-item .form-input:focus{outline:none;border-color:var(--mobile-primary);box-shadow:0 0 0 2px rgba(64,158,255,.2)}.mobile-form .form-item .form-input::-moz-placeholder{color:var(--mobile-text-placeholder)}.mobile-form .form-item .form-input::placeholder{color:var(--mobile-text-placeholder)}.mobile-form .form-item .form-error{font-size:var(--mobile-font-sm);color:var(--mobile-danger);margin-top:var(--mobile-spacing-xs)}.mobile-button{min-height:var(--mobile-touch-target);padding:var(--mobile-spacing-md) var(--mobile-spacing-xl);border-radius:var(--mobile-radius-base);font-size:var(--mobile-font-base);font-weight:500;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--mobile-spacing-sm)}.mobile-button:active{transform:scale(.98)}.mobile-button.button-primary{background:var(--mobile-primary);color:#fff}.mobile-button.button-primary:active{background:#3a8ee6}.mobile-button.button-success{background:var(--mobile-success);color:#fff}.mobile-button.button-success:active{background:#5daf34}.mobile-button.button-warning{background:var(--mobile-warning);color:#fff}.mobile-button.button-warning:active{background:#cf9236}.mobile-button.button-danger{background:var(--mobile-danger);color:#fff}.mobile-button.button-danger:active{background:#dd6161}.mobile-button.button-text{background:transparent;color:var(--mobile-primary)}.mobile-button.button-text:active{background:rgba(64,158,255,.1)}.mobile-button.button-large{width:100%;height:48px;font-size:var(--mobile-font-lg)}.mobile-button.button-small{min-height:32px;padding:var(--mobile-spacing-sm) var(--mobile-spacing-md);font-size:var(--mobile-font-sm)}.mobile-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.mobile-badge{display:inline-flex;align-items:center;padding:var(--mobile-spacing-xs) var(--mobile-spacing-md);border-radius:var(--mobile-radius-large);font-size:var(--mobile-font-sm);font-weight:500;white-space:nowrap}.mobile-badge.badge-primary{background:rgba(64,158,255,.1);color:var(--mobile-primary)}.mobile-badge.badge-success{background:rgba(103,194,58,.1);color:var(--mobile-success)}.mobile-badge.badge-warning{background:rgba(230,162,60,.1);color:var(--mobile-warning)}.mobile-badge.badge-danger{background:hsla(0,87%,69%,.1);color:var(--mobile-danger)}.mobile-badge.badge-info{background:hsla(220,4%,58%,.1);color:var(--mobile-info)}.mobile-pull-refresh{position:relative}.mobile-pull-refresh .refresh-indicator{position:absolute;top:-40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--mobile-spacing-sm);padding:var(--mobile-spacing-sm) var(--mobile-spacing-lg);background:hsla(0,0%,100%,.9);border-radius:var(--mobile-radius-large);font-size:var(--mobile-font-base);color:var(--mobile-text-regular);box-shadow:var(--mobile-shadow-light);backdrop-filter:blur(10px)}@media(max-width:375px){.mobile-statistics .stats-grid{gap:var(--mobile-spacing-md)}.mobile-statistics .stat-item .stat-value{font-size:20px}.mobile-statistics .stat-item .stat-label{font-size:11px}.mobile-header .header-title{font-size:var(--mobile-font-lg)}}@media(max-width:320px){.mobile-statistics{padding:var(--mobile-spacing-md);margin:var(--mobile-spacing-md)}.mobile-statistics .stats-grid{gap:var(--mobile-spacing-sm)}.mobile-card{border-radius:var(--mobile-radius-base)}}