*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app{height:100%}:root{color-scheme:light;--bg-0: #f8f8fa;--bg-1: #ffffff;--bg-2: #ffffff;--bg-3: #f3f4f7;--bg-4: #ecedf2;--bg-inset: #f2f3f6;--text-1: #0f172a;--text-2: #64748b;--text-3: #94a3b8;--text-4: #cbd5e1;--line-1: rgba(15,23,42,.04);--line-2: rgba(15,23,42,.07);--line-3: rgba(15,23,42,.12);--accent: #4f46e5;--accent-soft: rgba(79,70,229,.06);--accent-glow: rgba(79,70,229,.16);--accent-text: #4338ca;--accent-hover: #4338ca;--accent-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #6366f1 100%);--ok: #10b981;--ok-bg: rgba(16,185,129,.08);--warn: #f59e0b;--warn-bg: rgba(245,158,11,.08);--err: #ef4444;--err-bg: rgba(239,68,68,.06);--off: #94a3b8;--off-bg: rgba(148,163,184,.08);--chart-1: #6366f1;--chart-2: #8b5cf6;--chart-3: #ec4899;--chart-4: #14b8a6;--chart-5: #f59e0b;--chart-6: #3b82f6;--chart-7: #ef4444;--chart-8: #10b981;--shadow-1: 0 1px 3px rgba(15,23,42,.03);--shadow-2: 0 4px 20px rgba(15,23,42,.05);--shadow-3: 0 20px 60px rgba(15,23,42,.08);--shadow-card: 0 0 0 1px rgba(15,23,42,.04), 0 1px 2px rgba(15,23,42,.03), 0 2px 8px rgba(15,23,42,.02);--shadow-card-hover: 0 0 0 1px rgba(15,23,42,.06), 0 4px 12px rgba(15,23,42,.04), 0 16px 40px rgba(15,23,42,.06);--r-1: 8px;--r-2: 10px;--r-3: 12px;--r-4: 16px;--r-5: 20px;--r-6: 28px;--t-fast: .12s;--t-base: .2s;--t-slow: .32s;--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--topbar-h: 52px;--sidebar-w: 248px;--sidebar-collapsed: 64px;--content-radius: 16px;--topbar-bg: rgba(248,248,250,.72);--sb-bg: #ffffff;--sb-text: #64748b;--sb-text-active: #0f172a;--sb-hover: rgba(15,23,42,.03);--sb-active: rgba(79,70,229,.07);--sb-border: rgba(15,23,42,.05);--sb-label: #94a3b8;--el-color-primary: var(--accent);--el-bg-color: #ffffff;--el-bg-color-page: var(--bg-0);--el-bg-color-overlay: #ffffff;--el-text-color-primary: var(--text-1);--el-text-color-regular: var(--text-2);--el-text-color-secondary: var(--text-3);--el-text-color-placeholder: var(--text-4);--el-border-color: var(--line-2);--el-border-color-light: var(--line-1);--el-border-color-lighter: var(--line-1);--el-fill-color: var(--bg-3);--el-fill-color-light: var(--bg-3);--el-fill-color-lighter: var(--bg-3);--el-fill-color-blank: #ffffff;--el-mask-color: rgba(0,0,0,.45);--el-border-radius-base: var(--r-3);background-color:var(--bg-0);color:var(--text-1)}.el-button{--el-button-border-color: var(--line-2);border-radius:var(--r-3)!important;font-weight:500;font-size:13px;height:36px;padding:0 18px;transition:all var(--t-fast) var(--ease)!important;letter-spacing:.01em}.el-button.el-button--primary{background:var(--accent)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 1px 3px #4f46e52e!important}.el-button.el-button--primary:hover{background:var(--accent-hover)!important;box-shadow:0 4px 16px #4f46e538!important}.el-button.el-button--primary:active{transform:scale(.97);box-shadow:0 1px 3px #4f46e52e!important}.el-button.el-button--danger{background:var(--err)!important;border-color:var(--err)!important;color:#fff!important;box-shadow:0 1px 3px #ef44442e!important}.el-button.el-button--danger:hover{filter:brightness(1.06);box-shadow:0 4px 16px #ef444433!important}.el-button.el-button--success{background:var(--ok)!important;border-color:var(--ok)!important;color:#fff!important;box-shadow:0 1px 3px #10b9812e!important}.el-button.el-button--success:hover{filter:brightness(1.06);box-shadow:0 4px 16px #10b98138!important}.el-button.el-button--warning{background:var(--warn)!important;border-color:var(--warn)!important;color:#fff!important;box-shadow:0 1px 3px #f59e0b2e!important}.el-button.el-button--warning:hover{filter:brightness(1.06);box-shadow:0 4px 16px #f59e0b38!important}.el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--success):not(.el-button--warning):not(.el-button--info){background:var(--bg-1)!important;border:1px solid var(--line-2)!important;color:var(--text-2)!important}.el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--success):not(.el-button--warning):not(.el-button--info):hover{color:var(--text-1)!important;border-color:var(--line-3)!important;background:var(--bg-3)!important}.el-button.el-button--text,.el-button.is-text,.el-button.is-link{background:transparent!important;border:none!important;box-shadow:none!important;padding:0 8px;height:auto;color:var(--text-2)!important}.el-button.el-button--text:hover,.el-button.is-text:hover,.el-button.is-link:hover{color:var(--accent)!important;background:var(--accent-soft)!important;border-radius:var(--r-2)!important}.el-button.el-button--small{height:30px;padding:0 14px;font-size:12px;border-radius:var(--r-2)!important}.el-input__wrapper{border-radius:var(--r-3)!important;background:var(--bg-1)!important;box-shadow:none!important;border:1px solid var(--line-2)!important;transition:all var(--t-base) var(--ease)!important;height:36px;padding:0 14px!important}.el-input__wrapper:hover{border-color:var(--line-3)!important}.el-input__wrapper.is-focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.el-input__inner{color:var(--text-1)!important;font-size:13.5px!important}.el-textarea__inner{border-radius:var(--r-3)!important;background:var(--bg-1)!important;box-shadow:none!important;border:1px solid var(--line-2)!important;transition:all var(--t-base) var(--ease)!important;padding:10px 12px!important;font-size:13.5px}.el-textarea__inner:hover{border-color:var(--line-3)!important}.el-textarea__inner:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.el-input--small .el-input__wrapper{height:30px;border-radius:var(--r-2)!important}.el-input--large .el-input__wrapper{height:42px}.el-input__prefix .el-icon,.el-input__suffix .el-icon{color:var(--text-3);transition:color var(--t-fast)}.el-input.is-focus .el-input__prefix .el-icon,.el-input.is-focus .el-input__suffix .el-icon{color:var(--accent)}.el-select .el-select__wrapper{border-radius:var(--r-3)!important;background:var(--bg-1)!important;box-shadow:none!important;border:1px solid var(--line-2)!important;transition:all var(--t-base) var(--ease)!important;min-height:36px;padding:0 14px!important}.el-select .el-select__wrapper:hover{border-color:var(--line-3)!important}.el-select .el-select__wrapper.is-focused,.el-select .el-select__wrapper.is-hovering:not(.is-filterable){border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.el-select .el-input__wrapper{border-radius:var(--r-3)!important}.el-select-dropdown,.el-popper.is-pure,.el-dropdown-menu,.el-picker-panel{background:var(--bg-1)!important;border:1px solid var(--line-1)!important;border-radius:var(--r-5)!important;box-shadow:0 8px 32px #0f172a14,0 0 0 1px #0f172a08!important;overflow:hidden;animation:dropdown-in var(--t-base) var(--ease);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.el-select-dropdown__item{height:36px;line-height:36px;padding:0 14px;font-size:13px;border-radius:var(--r-2);margin:2px 5px;transition:all var(--t-fast) var(--ease)}.el-select-dropdown__item:hover,.el-select-dropdown__item.hover{background:var(--bg-3)!important;color:var(--text-1)!important}.el-select-dropdown__item.is-selected{color:var(--accent)!important;font-weight:600;background:var(--accent-soft)!important}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.el-popper.is-pure .el-popper__arrow:before{border-color:var(--line-2)!important;background:var(--bg-1)!important}.el-dropdown-menu__item{color:var(--text-2);font-size:13px;padding:8px 14px;border-radius:var(--r-2);margin:2px 4px;transition:all var(--t-fast) var(--ease)}.el-dropdown-menu__item:hover{background:var(--bg-3)!important;color:var(--text-1)!important}.el-date-editor .el-input__wrapper{border-radius:var(--r-3)!important;height:34px}.el-card{background:var(--bg-1)!important;border:1px solid var(--line-1)!important;border-radius:18px!important;box-shadow:var(--shadow-card)!important;transition:box-shadow var(--t-base) var(--ease),border-color var(--t-base)!important}.el-card:hover{box-shadow:var(--shadow-card-hover)!important;border-color:var(--line-2)!important}.el-card .el-card__header{padding:18px 22px;border-bottom:1px solid var(--line-1)}.el-card .el-card__body{padding:22px}.el-table{background:transparent!important;--el-table-bg-color: transparent;--el-table-tr-bg-color: transparent;--el-table-header-bg-color: transparent;--el-table-row-hover-bg-color: var(--bg-3);--el-table-border-color: transparent;--el-table-current-row-bg-color: var(--accent-soft);font-size:13px}.el-table:before,.el-table:after{display:none!important}.el-table .el-table__border-left-patch{display:none!important}.el-table .el-table__header-wrapper th{font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3)!important;background:transparent!important;border-bottom:1px solid var(--line-1)!important;padding:10px 0!important}.el-table .el-table__header-wrapper th .cell{padding:0 18px}.el-table .el-table__row{transition:background var(--t-fast) var(--ease)}.el-table .el-table__row td{padding:14px 0!important;border-bottom:1px solid var(--line-1)!important;color:var(--text-1)}.el-table .el-table__row td .cell{padding:0 18px;line-height:1.5}.el-table .el-table__row:last-child td{border-bottom-color:transparent!important}.el-table .el-table__row:hover td{background:var(--bg-3)!important}.el-table .cell .el-button+.el-button{margin-left:4px}.el-table .cell .el-button.is-link{padding:4px 8px;border-radius:var(--r-2);font-weight:500}.el-table .cell .el-button.is-link:hover{background:var(--accent-soft)}.el-table .el-table__expanded-cell{background:var(--bg-3)!important;padding:14px 20px!important}.el-table .el-table-fixed-column--right:before,.el-table .el-table-fixed-column--left:before{box-shadow:none!important}.el-overlay{-webkit-backdrop-filter:blur(10px) saturate(1.4);backdrop-filter:blur(10px) saturate(1.4)}.el-dialog{background:var(--bg-1)!important;border:1px solid var(--line-1)!important;border-radius:var(--r-6)!important;box-shadow:0 24px 80px #0f172a1a,0 0 0 1px #0f172a08!important;overflow:hidden}.el-dialog .el-dialog__header{padding:24px 28px 18px;border-bottom:1px solid var(--line-1);margin-right:0}.el-dialog .el-dialog__body{padding:26px 28px;max-height:65vh;overflow-y:auto}.el-dialog .el-dialog__footer{padding:18px 28px 22px;border-top:1px solid var(--line-1)}.el-dialog .el-dialog__title{color:var(--text-1);font-size:17px;font-weight:650;letter-spacing:-.025em}.el-dialog .el-dialog__headerbtn{width:32px;height:32px;border-radius:var(--r-2);transition:all var(--t-fast) var(--ease)}.el-dialog .el-dialog__headerbtn:hover{background:var(--bg-3)}.el-dialog .el-dialog__headerbtn .el-dialog__close{color:var(--text-3);font-size:14px;transition:color var(--t-fast),transform var(--t-fast) var(--ease)}.el-dialog .el-dialog__headerbtn .el-dialog__close:hover{color:var(--text-1);transform:rotate(90deg)}.el-tag{border-radius:99px!important;font-size:11px!important;font-weight:600;padding:0 12px;height:24px;line-height:24px;border:none!important;letter-spacing:.01em}.el-tag.el-tag--success{background:var(--ok-bg)!important;color:var(--ok)!important}.el-tag.el-tag--warning{background:var(--warn-bg)!important;color:var(--warn)!important}.el-tag.el-tag--danger{background:var(--err-bg)!important;color:var(--err)!important}.el-tag.el-tag--info{background:var(--bg-3)!important;color:var(--text-2)!important}.el-tag.el-tag--primary,.el-tag:not([class*=el-tag--]){background:var(--accent-soft)!important;color:var(--accent-text)!important}.el-pagination{--el-pagination-button-bg-color: transparent}.el-pagination .el-pager li{border-radius:var(--r-2)!important;font-size:13px;font-weight:500;min-width:32px;height:32px;line-height:32px;background:transparent!important;border:none!important;color:var(--text-3)!important;transition:all var(--t-fast) var(--ease)!important}.el-pagination .el-pager li.is-active{background:var(--accent)!important;color:#fff!important;box-shadow:0 1px 4px #4f46e533!important}.el-pagination .el-pager li:hover:not(.is-active){color:var(--accent)!important;background:var(--accent-soft)!important}.el-pagination .btn-prev,.el-pagination .btn-next{border-radius:var(--r-2)!important;background:transparent!important;border:none!important;height:32px;min-width:32px;transition:all var(--t-fast) var(--ease)!important}.el-pagination .btn-prev:hover,.el-pagination .btn-next:hover{color:var(--accent)!important;background:var(--accent-soft)!important}.el-pagination .el-pagination__total,.el-pagination .el-pagination__jump{color:var(--text-3);font-size:13px}.el-message-box{background:var(--bg-1)!important;border:1px solid var(--line-1)!important;border-radius:var(--r-5)!important;box-shadow:0 24px 80px #0f172a24!important;padding:26px!important}.el-message{border-radius:99px!important;border:none!important;box-shadow:0 6px 24px #0f172a14!important;padding:10px 20px!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.el-notification{border-radius:var(--r-5)!important;border:1px solid var(--line-1)!important;box-shadow:0 16px 48px #0f172a1f!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.el-form-item{margin-bottom:20px}.el-form-item .el-form-item__label{color:var(--text-2)!important;font-size:13px!important;font-weight:500;padding-bottom:6px!important}.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label-wrap>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{color:var(--err)!important}.el-form-item .el-form-item__error{font-size:12px;padding-top:4px}.el-input-number .el-input-number__decrease,.el-input-number .el-input-number__increase{background:var(--bg-3)!important;border-color:var(--line-1)!important;color:var(--text-3)!important;transition:all var(--t-fast) var(--ease)}.el-input-number .el-input-number__decrease:hover,.el-input-number .el-input-number__increase:hover{color:var(--accent)!important;background:var(--accent-soft)!important}.el-divider{border-color:var(--line-1)!important}.el-divider .el-divider__text{background:var(--bg-1)!important;color:var(--text-3)!important;font-size:12px;font-weight:500;padding:0 12px}.el-descriptions{--el-descriptions-item-bordered-label-background: var(--bg-3)}.el-descriptions .el-descriptions__label{color:var(--text-2);font-size:13px;font-weight:500}.el-descriptions .el-descriptions__content{color:var(--text-1);font-size:13px}.el-descriptions.is-bordered .el-descriptions__cell{border-color:var(--line-1)!important}.el-tabs .el-tabs__header{margin-bottom:20px;border-bottom:none!important}.el-tabs .el-tabs__nav-wrap:after{display:none!important}.el-tabs .el-tabs__nav{background:var(--bg-3);border-radius:10px;padding:3px;gap:2px;border:none!important}.el-tabs .el-tabs__active-bar{display:none!important}.el-tabs .el-tabs__item{color:var(--text-3)!important;font-size:13px;font-weight:500;padding:0 16px!important;height:32px;line-height:32px;border:none!important;border-radius:8px;transition:all var(--t-fast) var(--ease);margin:0!important}.el-tabs .el-tabs__item:hover{color:var(--text-1)!important}.el-tabs .el-tabs__item.is-active{color:var(--text-1)!important;font-weight:600;background:var(--bg-1)!important;box-shadow:0 1px 3px #0000000f}.el-radio-group{background:var(--bg-3);border-radius:10px;padding:3px;display:inline-flex;gap:2px}.el-radio-group .el-radio-button .el-radio-button__inner{border-radius:8px!important;border:none!important;background:transparent!important;color:var(--text-3)!important;font-size:12.5px;font-weight:500;height:28px;line-height:28px;padding:0 14px;transition:all var(--t-fast) var(--ease);box-shadow:none!important}.el-radio-group .el-radio-button .el-radio-button__inner:hover{color:var(--text-1)!important}.el-radio-group .el-radio-button.is-active .el-radio-button__inner{background:var(--bg-1)!important;color:var(--text-1)!important;font-weight:600;box-shadow:0 1px 3px #0000000f!important}.el-switch .el-switch__core{border-radius:99px!important;border:none!important;background:var(--bg-4)!important;transition:all var(--t-base) var(--ease)}.el-switch.is-checked .el-switch__core{background:var(--accent)!important}.el-checkbox .el-checkbox__inner{background:var(--bg-3)!important;border:1.5px solid var(--line-3)!important;border-radius:var(--r-1)!important;width:16px;height:16px;transition:all var(--t-fast) var(--ease)}.el-checkbox .el-checkbox__inner:hover{border-color:var(--accent)!important}.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner{background:var(--accent)!important;border-color:var(--accent)!important}.el-radio .el-radio__inner{border:1.5px solid var(--line-3)!important;width:16px;height:16px;transition:all var(--t-fast) var(--ease)}.el-radio .el-radio__inner:hover{border-color:var(--accent)!important}.el-radio.is-checked .el-radio__inner{border-color:var(--accent)!important;background:var(--accent)!important}.el-alert{border-radius:var(--r-3)!important;padding:12px 16px!important;border:1px solid var(--line-1)!important}.el-alert.el-alert--info{background:var(--accent-soft)!important}.el-alert.el-alert--info .el-alert__title{color:var(--accent-text)!important;font-weight:500}.el-alert.el-alert--warning{background:var(--warn-bg)!important}.el-alert.el-alert--warning .el-alert__title{color:var(--warn)!important;font-weight:500}.el-alert.el-alert--success{background:var(--ok-bg)!important}.el-alert.el-alert--success .el-alert__title{color:var(--ok)!important;font-weight:500}.el-alert.el-alert--error{background:var(--err-bg)!important}.el-alert.el-alert--error .el-alert__title{color:var(--err)!important;font-weight:500}.el-tooltip__trigger{cursor:default}.el-popper.is-dark{background:#1f2937!important;border:none!important;border-radius:var(--r-2)!important;box-shadow:0 4px 12px #00000026!important;font-size:12px;padding:6px 10px;color:#f9fafb!important}.el-loading-mask{background:#ffffffa6!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit}.el-loading-spinner .path{stroke:var(--accent)!important;stroke-width:3}.el-loading-spinner .el-loading-text{color:var(--text-2)!important;font-size:13px;margin-top:8px}.el-empty{padding:56px 24px}.el-empty .el-empty__description p{color:var(--text-3);font-size:13px}.el-empty .el-empty__image svg{opacity:.35}.el-drawer{background:var(--bg-1)!important;border:none!important;box-shadow:-4px 0 24px #00000014!important}.el-drawer .el-drawer__header{padding:20px 24px;border-bottom:1px solid var(--line-1);margin-bottom:0}.el-drawer .el-drawer__body{padding:24px}.el-progress-bar__outer{background:var(--bg-3)!important;border-radius:99px!important}.el-progress-bar__inner{background:var(--accent)!important;border-radius:99px!important}.fade-slide-enter-active{transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease)}.fade-slide-leave-active{transition:opacity var(--t-fast) ease-in}.fade-slide-enter-from{opacity:0;transform:translateY(6px)}.fade-slide-leave-to{opacity:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--line-3)}::-webkit-scrollbar-corner{background:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-2)}::selection{background:var(--accent-soft);color:var(--accent-text)}.page-container{min-height:100%;padding:24px 28px}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.page-header .page-header-left{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:0}.page-header .page-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-header h2{font-size:17px;font-weight:650;color:var(--text-1);letter-spacing:-.02em;margin:0}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding:12px 14px;background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-4)}.filter-bar .el-input__wrapper{height:32px!important}.filter-bar .el-select .el-select__wrapper{min-height:32px!important}.filter-bar .el-date-editor .el-input__wrapper,.filter-bar .el-button{height:32px!important}.filter-bar .filter-label{font-size:12px;color:var(--text-3);font-weight:500;margin-right:2px}.pagination-wrap{margin-top:18px;display:flex;justify-content:flex-end}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header h3{margin:0;font-size:15px;font-weight:650;color:var(--text-1);letter-spacing:-.02em}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}.kpi-card{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-4);padding:18px 20px;box-shadow:var(--shadow-card);transition:box-shadow var(--t-base) var(--ease),border-color var(--t-base);position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--line-2)}.kpi-card .kpi-label{font-size:12px;color:var(--text-3);font-weight:500;letter-spacing:.02em;margin-bottom:8px;display:flex;align-items:center;gap:6px}.kpi-card .kpi-value{font-size:26px;font-weight:700;color:var(--text-1);letter-spacing:-.03em;line-height:1.2;font-variant-numeric:tabular-nums}.kpi-card .kpi-value.kpi-success{color:var(--ok)}.kpi-card .kpi-value.kpi-warning{color:var(--warn)}.kpi-card .kpi-value.kpi-danger{color:var(--err)}.kpi-card .kpi-value.kpi-info{color:var(--accent)}.kpi-card .kpi-trend{margin-top:6px;font-size:11px;color:var(--text-3)}.kpi-card .kpi-icon{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px}.panel{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-4);padding:18px 20px;box-shadow:var(--shadow-card);margin-bottom:16px}.panel:hover{box-shadow:var(--shadow-card-hover);border-color:var(--line-2)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-header h3{margin:0;font-size:14px;font-weight:650;color:var(--text-1);letter-spacing:-.02em}.panel-body{color:var(--text-1);font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0;background:currentColor}.badge.badge-online{background:var(--ok-bg);color:var(--ok)}.badge.badge-offline{background:var(--off-bg);color:var(--off)}.badge.badge-danger{background:var(--err-bg);color:var(--err)}.badge.badge-warning{background:var(--warn-bg);color:var(--warn)}.badge.badge-info{background:var(--accent-soft);color:var(--accent-text)}.badge.badge-online:before{animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #10b98159}50%{box-shadow:0 0 0 4px #10b98100}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;gap:10px;color:var(--text-3);font-size:13px}.empty-state .empty-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-3);display:flex;align-items:center;justify-content:center}.empty-state .empty-icon .el-icon{font-size:22px;color:var(--text-4)}.flex-1{flex:1}.w-full{width:100%}.flex-end{display:flex;justify-content:flex-end}.text-muted{color:var(--text-3)}.text-accent{color:var(--accent)}.text-success{color:var(--ok)}.text-warning{color:var(--warn)}.text-danger{color:var(--err)}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}pre.code-block{background:var(--bg-3);border:1px solid var(--line-1);border-radius:var(--r-3);padding:14px 16px;font-size:12px;line-height:1.65;color:var(--text-1);font-family:JetBrains Mono,Fira Code,Menlo,Consolas,monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0}code.code-inline{background:var(--bg-3);border-radius:var(--r-1);padding:2px 6px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--text-1)}@media(max-width:900px){.el-dialog{max-width:92vw!important}}@media(max-width:768px){.page-container{padding:16px}.page-header{flex-direction:row;gap:8px;margin-bottom:14px}.page-header-actions{width:100%;flex-wrap:wrap}.filter-bar{flex-direction:column;align-items:stretch;gap:8px}.filter-bar .el-input,.filter-bar .el-select,.filter-bar .el-date-editor{width:100%!important}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.el-dialog{width:95vw!important;margin:16px auto!important}.el-dialog .el-dialog__header{padding:18px 20px 14px}.el-dialog .el-dialog__body{padding:20px}.el-dialog .el-dialog__footer{padding:14px 20px 18px}.el-button{height:38px;padding:0 16px;font-size:14px}.el-button.el-button--small{height:32px;padding:0 14px;font-size:13px}.el-input__wrapper{height:38px;padding:0 14px!important}.el-select .el-select__wrapper{min-height:38px}.el-table .el-table__row td{padding:12px 0!important}.pagination-wrap{justify-content:center}}@media(max-width:480px){.page-container{padding:12px}.kpi-grid{grid-template-columns:1fr}}@media(hover:none){.el-button:hover,.el-card:hover{transform:none!important}}