*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--el-bg-color-page, #08090a);color:var(--el-text-color-primary, #f7f8f8);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.el-cascader-node .el-radio,.el-cascader-node .el-radio__input,.el-cascader-node .el-radio__original,.el-cascader-node .el-radio__inner,.el-cascader-node__radio,.el-cascader-panel .el-radio{display:none!important}:root{--el-color-primary: #3B82F6;--el-color-primary-light-3: #60A5FA;--el-color-primary-light-5: #93C5FD;--el-color-primary-light-7: #BFDBFE;--el-color-primary-light-9: #DBEAFE;--el-color-primary-dark-2: #2563EB;--el-color-success: #10B981;--el-color-success-light-5: #34D399;--el-color-success-light-9: #D1FAE5;--el-color-warning: #F59E0B;--el-color-warning-light-5: #FBBF24;--el-color-warning-light-9: #FEF3C7;--el-color-danger: #EF4444;--el-color-danger-light-5: #F87171;--el-color-danger-light-9: #FEE2E2;--el-color-info: #6B7280;--el-color-info-light-9: #F3F4F6;--el-bg-color: #FFFFFF;--el-bg-color-overlay: #FFFFFF;--el-bg-color-page: #F8FAFC;--el-text-color-primary: #1E293B;--el-text-color-regular: #475569;--el-text-color-secondary: #64748B;--el-text-color-placeholder: #94A3B8;--el-border-color: #E2E8F0;--el-border-color-light: #F1F5F9;--el-border-color-lighter: #F8FAFC;--el-border-color-dark: #CBD5E1;--el-border-radius-base: 8px;--el-border-radius-small: 6px;--el-border-radius-round: 16px;--el-border-radius-circle: 100%;--el-box-shadow-light: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--el-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--el-box-shadow-dark: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--el-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--el-font-size-extra-large: 20px;--el-font-size-large: 16px;--el-font-size-medium: 14px;--el-font-size-base: 14px;--el-font-size-small: 13px;--el-font-size-extra-small: 12px;--el-font-weight-primary: 500}.el-menu{background:#fff;border-right:1px solid var(--el-border-color-light)}.el-menu-item,.el-sub-menu__title{height:44px;line-height:44px;margin:4px 12px;border-radius:8px;transition:all .2s ease;color:var(--el-text-color-regular)}.el-menu-item:hover,.el-sub-menu__title:hover{background:#f1f5f9;color:var(--el-text-color-primary)}.el-menu-item.is-active{background:#3b82f61a;color:var(--el-color-primary);position:relative;font-weight:500}.el-menu-item.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--el-color-primary);border-radius:0 3px 3px 0}.el-menu-item .el-icon,.el-sub-menu__title .el-icon{font-size:18px;margin-right:12px;color:var(--el-text-color-secondary)}.el-menu-item.is-active .el-icon{color:var(--el-color-primary)}.el-table{--el-table-bg-color: #FFFFFF;--el-table-tr-bg-color: #FFFFFF;--el-table-header-bg-color: #F8FAFC;--el-table-row-hover-bg-color: #F8FAFC;--el-table-border-color: var(--el-border-color-light);font-size:14px}.el-table__header-wrapper th{font-weight:600;color:var(--el-text-color-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc!important}.el-table__row td{padding:16px 12px;border-bottom:1px solid var(--el-border-color-light)}.el-table__row:hover td:first-child{position:relative}.el-table__row:hover td:first-child:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--el-color-primary);border-radius:0 3px 3px 0}.el-table--striped .el-table__row--striped td{background:#fafbfc}.el-table__empty-block{padding:48px 0}.el-table__empty-text{color:var(--el-text-color-secondary)}.el-input__wrapper{padding:8px 16px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--el-border-color) inset;transition:all .2s ease}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-border-color-dark) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 2px #3b82f633 inset,0 0 0 1px var(--el-color-primary) inset}.el-input--default{--el-input-height: 40px}.el-input--large{--el-input-height: 48px}.el-select-dropdown{border-radius:12px;border:1px solid var(--el-border-color);box-shadow:var(--el-box-shadow-dark);overflow:hidden}.el-select-dropdown__item{padding:10px 16px;border-radius:0}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background:#3b82f614}.el-select-dropdown__item.selected{color:var(--el-color-primary);font-weight:500}.el-form-item__label{color:var(--el-text-color-primary);font-weight:500}.el-form-item{margin-bottom:24px}.el-button{border-radius:8px;font-weight:500;transition:all .2s ease}.el-button--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 1px 3px #3b82f64d}.el-button--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f659;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.el-button--primary:active{transform:translateY(0)}.el-button--default{background:#fff;border:1px solid var(--el-border-color);color:var(--el-text-color-regular)}.el-button--default:hover{border-color:var(--el-color-primary);color:var(--el-color-primary);background:#3b82f60d}.el-button--danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none}.el-button--danger:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.el-button--success{background:linear-gradient(135deg,#10b981,#059669);border:none}.el-button--success:hover{background:linear-gradient(135deg,#34d399,#10b981)}.el-button--warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none}.el-button+.el-button{margin-left:12px}.el-button--large{padding:14px 28px;font-size:15px}.el-button--small{padding:6px 14px;font-size:13px}.el-card{background:#fff;border:1px solid var(--el-border-color-light);border-radius:12px;box-shadow:var(--el-box-shadow-light);transition:all .3s ease}.el-card:hover{box-shadow:var(--el-box-shadow)}.el-card__header{padding:20px 24px;border-bottom:1px solid var(--el-border-color-light);font-weight:600;color:var(--el-text-color-primary)}.el-card__body{padding:24px}.el-dialog{border-radius:16px;background:#fff;box-shadow:var(--el-box-shadow-dark)}.el-dialog__header{padding:20px 24px;border-bottom:1px solid var(--el-border-color-light)}.el-dialog__title{font-size:18px;font-weight:600;color:var(--el-text-color-primary)}.el-dialog__body{padding:24px}.el-dialog__footer{padding:16px 24px;border-top:1px solid var(--el-border-color-light)}.el-drawer{background:#fff}.el-drawer__header{padding:20px 24px;margin-bottom:0;border-bottom:1px solid var(--el-border-color-light);font-weight:600}.el-tag{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;border:none}.el-tag--primary{background:#3b82f61a;color:#2563eb}.el-tag--success{background:#10b9811a;color:#059669}.el-tag--warning{background:#f59e0b1a;color:#d97706}.el-tag--danger{background:#ef44441a;color:#dc2626}.el-tag--info{background:#6b72801a;color:#4b5563}.el-badge__content{font-size:11px;font-weight:600;padding:2px 6px}.el-tabs__nav-wrap:after{background-color:var(--el-border-color-light)}.el-tabs__item{color:var(--el-text-color-secondary);font-weight:500;padding:0 24px;height:48px;line-height:48px;transition:color .2s}.el-tabs__item:hover{color:var(--el-text-color-primary)}.el-tabs__item.is-active{color:var(--el-color-primary);font-weight:600}.el-tabs__active-bar{height:3px;border-radius:3px 3px 0 0;background:var(--el-color-primary)}.el-pagination{--el-pagination-bg-color: #FFFFFF;--el-pagination-hover-color: var(--el-color-primary)}.el-pagination button,.el-pager li{border-radius:8px;font-weight:500}.el-pager li.is-active{background:var(--el-color-primary);color:#fff}.el-message{border-radius:8px;border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow)}.el-notification{border-radius:12px;border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-dark)}.el-dropdown-menu{border-radius:12px;border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-dark);padding:6px}.el-dropdown-menu__item{border-radius:6px;padding:10px 16px}.el-dropdown-menu__item:hover{background:#3b82f614;color:var(--el-color-primary)}.el-tooltip__popper{border-radius:8px;font-size:13px}.el-progress-bar__outer{background:#e2e8f0;border-radius:100px}.el-progress-bar__inner{border-radius:100px}.el-switch{--el-switch-off-color: #CBD5E1}.el-switch__core{border-radius:100px}.el-checkbox__inner{border-radius:4px;border-color:var(--el-border-color-dark)}.el-checkbox__input.is-checked .el-checkbox__inner{background:var(--el-color-primary);border-color:var(--el-color-primary)}.el-radio__inner{border-color:var(--el-border-color-dark)}.el-radio__input.is-checked .el-radio__inner{background:var(--el-color-primary);border-color:var(--el-color-primary)}.el-date-editor .el-input__wrapper{border-radius:8px}.el-picker-panel{border-radius:12px;border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-dark)}.el-date-table td.current:not(.disabled) span{background:var(--el-color-primary)}.stat-card{padding:20px 24px;border-radius:12px;background:#fff;border:1px solid var(--el-border-color-light);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--el-box-shadow)}.stat-card .icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px}.stat-card .icon-wrapper.primary{background:linear-gradient(135deg,#3b82f626,#3b82f614);color:#3b82f6}.stat-card .icon-wrapper.success{background:linear-gradient(135deg,#10b98126,#10b98114);color:#10b981}.stat-card .icon-wrapper.warning{background:linear-gradient(135deg,#f59e0b26,#f59e0b14);color:#f59e0b}.stat-card .icon-wrapper.danger{background:linear-gradient(135deg,#ef444426,#ef444414);color:#ef4444}.stat-card .stat-value{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--el-text-color-primary);margin:8px 0 4px}.stat-card .stat-label{font-size:13px;color:var(--el-text-color-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px}.empty-state .icon-wrapper{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:20px;margin-bottom:20px}.empty-state .icon-wrapper .el-icon{font-size:36px;color:var(--el-text-color-placeholder)}.empty-state .title{font-size:16px;font-weight:500;color:var(--el-text-color-secondary);margin-bottom:8px}.empty-state .description{font-size:14px;color:var(--el-text-color-placeholder)}.font-tabular{font-variant-numeric:tabular-nums}.text-gradient-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--el-box-shadow)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.border-indicator{position:relative}.border-indicator:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--el-color-primary);border-radius:0 3px 3px 0}.header-balance{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:20px;font-variant-numeric:tabular-nums}.header-balance .recharge-btn{margin-left:8px;padding:4px 12px;font-size:12px;border-radius:12px}.header-user{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .2s}.header-user:hover{background:#f1f5f9}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}body{background:var(--el-bg-color-page)}.app-container{padding:24px}.page-header{margin-bottom:24px}.page-header .title{font-size:24px;font-weight:600;color:var(--el-text-color-primary)}.page-header .subtitle{font-size:14px;color:var(--el-text-color-secondary);margin-top:4px}.device-ip-page{display:flex;flex-direction:column;height:calc(100vh - 120px);padding:20px}.device-ip-page .page-header{flex-shrink:0;margin-bottom:16px}.device-ip-page .page-content{flex:1;display:flex;flex-direction:column;min-height:0;background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000000d}.device-ip-page .el-table__header-wrapper th.el-table__cell{padding:12px 16px!important;font-weight:600!important;font-size:13px!important;color:#64748b!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;height:44px}.device-ip-page .el-table__body-wrapper td.el-table__cell{padding:12px 16px!important;font-size:13px;font-weight:400;color:#334155;border-bottom:1px solid #f1f5f9!important;height:52px}.device-ip-page .el-table__cell .cell{width:auto!important;display:inline-block!important;text-align:center!important;margin:0 auto!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.device-ip-page .wrap-cell .cell{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.5!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center}.device-ip-page .page-content .el-table{flex:1;min-height:0}.device-ip-page .config-column .cell{max-width:220px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#64748b}.device-ip-page .el-table__body tr:hover>td.el-table__cell{background:#f5f5f7!important}.device-ip-page .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#fafafc!important}.device-ip-page .el-table--striped .el-table__body tr.el-table__row--striped:hover td.el-table__cell{background:#f5f5f7!important}.device-ip-page .el-table__fixed-right{box-shadow:-4px 0 8px #0000000f}.device-ip-page .el-pagination{padding:12px 0;justify-content:flex-end}.device-ip-page .el-pagination .el-pager li{min-width:32px;height:32px;line-height:32px;border-radius:6px;font-size:13px}.device-ip-page .el-pagination .el-pager li.is-active{background:#3b82f6;color:#fff}.device-ip-page .el-tabs--card>.el-tabs__header{border-bottom:none;margin-bottom:16px}.device-ip-page .el-tabs--card>.el-tabs__header .el-tabs__nav{border:none;border-radius:8px;background:#f1f5f9;padding:4px}.device-ip-page .el-tabs--card>.el-tabs__header .el-tabs__item{border:none;border-radius:6px;padding:8px 20px;height:auto;line-height:1.5}.device-ip-page .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{background:#fff;box-shadow:0 1px 3px #00000014;color:#3b82f6;font-weight:500}.device-ip-page .table-actions .el-button--text{padding:4px 8px;font-size:12px;color:#3b82f6}.device-ip-page .table-actions .el-button--text:hover{color:#2563eb;background:#3b82f614;border-radius:4px}.device-ip-page .el-table .el-switch{--el-switch-on-color: #3B82F6;height:20px}.device-ip-page .el-table .el-switch__core{min-width:36px;height:20px;border-radius:10px}@media screen and (max-width: 1440px){.device-ip-page .el-table__body-wrapper td.el-table__cell{padding:10px 14px}.device-ip-page .config-column .cell{max-width:180px}}.device-ip-page .page-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.device-ip-page .el-table{flex:1}.device-ip-page .days-left{font-size:13px;color:#f59e0b;font-weight:500}.device-ip-page .table-actions{display:flex;align-items:center;gap:4px}.device-ip-page .table-actions .el-button--text{padding:4px 10px;font-size:12px;border-radius:4px;transition:all .2s}.device-ip-page .table-actions .el-button--text.primary{color:#3b82f6}.device-ip-page .table-actions .el-button--text.warning{color:#f59e0b}.device-ip-page .status-cell{display:inline-flex;align-items:center;gap:6px;justify-content:center}.device-ip-page .status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.device-ip-page .status-dot.success{background:#10b981}.device-ip-page .status-dot.danger{background:#ef4444}.device-ip-page .status-dot.warning{background:#f59e0b}