*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--color-primary);color:#fff}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.m-0{margin:0!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-3{margin-top:12px!important}.mt-4{margin-top:16px!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-3{margin-bottom:12px!important}.mb-4{margin-bottom:16px!important}.ml-2{margin-left:8px!important}.mr-2{margin-right:8px!important}.p-0{padding:0!important}.p-2{padding:8px!important}.p-3{padding:12px!important}.p-4{padding:16px!important}.page-container{padding:20px}@media(max-width:767px){.page-container{padding:12px}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-header .page-title{font-size:20px;font-weight:600;color:var(--text-primary)}@media(max-width:767px){.page-header .page-title{font-size:18px}}.page-header .page-actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-sm);padding:20px}@media(max-width:767px){.card{padding:16px;border-radius:6px}}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-lighter)}.card-header .card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-lighter)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all var(--transition-base)}.slide-fade-enter-from{transform:translate(20px);opacity:0}.slide-fade-leave-to{transform:translate(-20px);opacity:0}@media(max-width:767px){.hide-on-mobile{display:none!important}}@media(min-width:992px){.hide-on-desktop{display:none!important}}@media(max-width:767px){.search-filter-mobile .el-form{display:flex;flex-direction:column;gap:12px}.search-filter-mobile .el-form-item{margin-bottom:0!important;margin-right:0!important}.search-filter-mobile .el-form-item .el-form-item__label{padding-bottom:4px}.search-filter-mobile .el-form-item .el-input,.search-filter-mobile .el-form-item .el-select{width:100%!important}.search-filter-mobile .el-form-item--inline{display:block}.search-filter-mobile .search-actions{display:flex;gap:8px}.search-filter-mobile .search-actions .el-button{flex:1}}@media(max-width:767px){.pagination-mobile .el-pagination{flex-wrap:wrap;justify-content:center;gap:8px}.pagination-mobile .el-pagination .el-pagination__sizes,.pagination-mobile .el-pagination .el-pagination__jump{display:none}}.mobile-card-list{display:none}@media(max-width:767px){.mobile-card-list{display:block}}.mobile-card-list .mobile-card-item{background:var(--bg-primary);border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.mobile-card-list .mobile-card-item:last-child{margin-bottom:0}.mobile-card-list .mobile-card-item .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.mobile-card-list .mobile-card-item .card-header .card-title{font-weight:600;color:var(--text-primary);font-size:15px;flex:1;margin-right:12px}.mobile-card-list .mobile-card-item .card-header .card-tags{display:flex;gap:4px;flex-wrap:wrap}.mobile-card-list .mobile-card-item .card-body .card-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-lighter);font-size:13px}.mobile-card-list .mobile-card-item .card-body .card-row:last-child{border-bottom:none}.mobile-card-list .mobile-card-item .card-body .card-row .row-label{color:var(--text-tertiary);flex-shrink:0;margin-right:12px}.mobile-card-list .mobile-card-item .card-body .card-row .row-value{color:var(--text-primary);text-align:right;word-break:break-all}.mobile-card-list .mobile-card-item .card-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-lighter)}@media(max-width:767px){.desktop-table{display:none}}@media(max-width:767px){.btn-group-mobile{display:flex;flex-direction:column;gap:8px}.btn-group-mobile .el-button{width:100%;margin-left:0!important}}@media(max-width:767px){.form-mobile .el-form-item__label{float:none;display:block;text-align:left;padding-bottom:8px}.form-mobile .el-form-item__content{margin-left:0!important}.form-mobile .el-input-number{width:100%}.form-mobile .el-radio-group{display:flex;flex-wrap:wrap;gap:8px}.form-mobile .el-radio-button{flex:1;min-width:calc(50% - 4px)}.form-mobile .el-radio-button .el-radio-button__inner{width:100%;text-align:center}}@media(max-width:767px){.collapsible-search .search-toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer}.collapsible-search .search-toggle .toggle-text{font-size:14px;color:var(--text-secondary)}.collapsible-search .search-toggle .toggle-icon{transition:transform .2s}.collapsible-search .search-toggle .toggle-icon.expanded{transform:rotate(180deg)}.collapsible-search .search-content{padding:0 16px 16px}}.empty-state-mobile{padding:40px 20px;text-align:center}.empty-state-mobile .empty-icon{font-size:48px;color:var(--text-placeholder);margin-bottom:16px}.empty-state-mobile .empty-text{color:var(--text-tertiary);font-size:14px}:root{--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #ebeef5;--bg-sidebar: #1f2937;--bg-sidebar-active: #374151;--text-primary: #303133;--text-secondary: #606266;--text-tertiary: #909399;--text-placeholder: #a8abb2;--text-sidebar: #e5e7eb;--text-sidebar-active: #ffffff;--border-color: #dcdfe6;--border-light: #e4e7ed;--border-lighter: #ebeef5;--color-primary: #409eff;--color-primary-light: #53a8ff;--color-primary-dark: #337ecc;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399;--status-active: #67c23a;--status-expired: #909399;--status-revoked: #f56c6c;--status-suspended: #e6a23c;--status-pending: #409eff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--header-height: 60px;--transition-fast: .15s ease;--transition-base: .3s ease;--balance-card-bg: linear-gradient(135deg, #2563eb, #3b82f6);--z-sidebar: 100;--z-header: 99;--z-overlay: 200;--z-modal: 300}[data-theme=dark]{--bg-primary: #141414;--bg-secondary: #1d1d1d;--bg-tertiary: #262626;--bg-sidebar: #0d0d0d;--bg-sidebar-active: #1f1f1f;--text-primary: #e5eaf3;--text-secondary: #a3a6ad;--text-tertiary: #8d9095;--text-placeholder: #6c6e72;--text-sidebar: #a3a6ad;--text-sidebar-active: #ffffff;--border-color: #4c4d4f;--border-light: #414243;--border-lighter: #363637;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-base: 0 2px 4px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6);--balance-card-bg: linear-gradient(135deg, #1e3a5f, #234876)}:root{--el-bg-color: var(--bg-primary);--el-bg-color-page: var(--bg-secondary);--el-bg-color-overlay: var(--bg-primary);--el-text-color-primary: var(--text-primary);--el-text-color-regular: var(--text-secondary);--el-text-color-secondary: var(--text-tertiary);--el-text-color-placeholder: var(--text-placeholder);--el-border-color: var(--border-color);--el-border-color-light: var(--border-light);--el-border-color-lighter: var(--border-lighter);--el-fill-color-blank: var(--bg-primary);--el-fill-color-light: var(--bg-secondary);--el-fill-color-lighter: var(--bg-tertiary)}[data-theme=dark]{--el-color-primary-dark-2: #337ecc;--el-fill-color: #262727;--el-fill-color-light: #1d1d1d;--el-fill-color-lighter: #262727;--el-mask-color: rgba(0, 0, 0, .8);--el-table-bg-color: var(--bg-primary);--el-table-tr-bg-color: var(--bg-primary);--el-table-header-bg-color: var(--bg-secondary);--el-table-header-text-color: var(--text-primary);--el-table-row-hover-bg-color: var(--bg-tertiary);--el-table-text-color: var(--text-primary);--el-table-border-color: var(--border-color);--el-table-current-row-bg-color: var(--bg-tertiary);--el-card-bg-color: var(--bg-primary);--el-dialog-bg-color: var(--bg-primary);--el-input-bg-color: var(--bg-secondary);--el-input-text-color: var(--text-primary);--el-input-border-color: var(--border-color);--el-input-placeholder-color: var(--text-placeholder);--el-select-input-focus-border-color: var(--color-primary);--el-pagination-bg-color: var(--bg-primary);--el-pagination-text-color: var(--text-primary);--el-pagination-button-bg-color: var(--bg-secondary);--el-pagination-button-disabled-bg-color: var(--bg-tertiary);--el-pagination-hover-color: var(--color-primary);--el-empty-fill-color-0: var(--bg-tertiary);--el-empty-fill-color-1: var(--bg-secondary);--el-empty-fill-color-2: var(--border-color);--el-empty-fill-color-3: var(--text-tertiary);--el-empty-fill-color-4: var(--bg-primary);--el-empty-fill-color-5: var(--border-light);--el-empty-fill-color-6: var(--text-placeholder);--el-empty-fill-color-7: var(--bg-secondary);--el-empty-fill-color-8: var(--bg-tertiary);--el-empty-fill-color-9: var(--border-lighter)}html.dark{color-scheme:dark;--el-color-primary:#409eff;--el-color-primary-light-3:rgb(51,117,185);--el-color-primary-light-5:rgb(42,89,138);--el-color-primary-light-7:rgb(33,61,91);--el-color-primary-light-8:rgb(29,48,67);--el-color-primary-light-9:rgb(24,34,43);--el-color-primary-dark-2:rgb(102,177,255);--el-color-success:#67c23a;--el-color-success-light-3:rgb(78,142,47);--el-color-success-light-5:rgb(62,107,39);--el-color-success-light-7:rgb(45,72,31);--el-color-success-light-8:rgb(37,55,28);--el-color-success-light-9:rgb(28,37,24);--el-color-success-dark-2:rgb(133,206,97);--el-color-warning:#e6a23c;--el-color-warning-light-3:rgb(167,119,48);--el-color-warning-light-5:rgb(125,91,40);--el-color-warning-light-7:rgb(83,63,32);--el-color-warning-light-8:rgb(62,48,28);--el-color-warning-light-9:rgb(41,34,24);--el-color-warning-dark-2:rgb(235,181,99);--el-color-danger:#f56c6c;--el-color-danger-light-3:rgb(178,82,82);--el-color-danger-light-5:rgb(133,64,64);--el-color-danger-light-7:rgb(88,46,46);--el-color-danger-light-8:rgb(65,38,38);--el-color-danger-light-9:rgb(42,29,29);--el-color-danger-dark-2:rgb(247,137,137);--el-color-error:#f56c6c;--el-color-error-light-3:rgb(178,82,82);--el-color-error-light-5:rgb(133,64,64);--el-color-error-light-7:rgb(88,46,46);--el-color-error-light-8:rgb(65,38,38);--el-color-error-light-9:rgb(42,29,29);--el-color-error-dark-2:rgb(247,137,137);--el-color-info:#909399;--el-color-info-light-3:rgb(107,109,113);--el-color-info-light-5:rgb(82,84,87);--el-color-info-light-7:rgb(57,58,60);--el-color-info-light-8:rgb(45,45,47);--el-color-info-light-9:rgb(32,33,33);--el-color-info-dark-2:rgb(166,169,173);--el-box-shadow:0px 12px 32px 4px rgba(0,0,0,.36),0px 8px 20px rgba(0,0,0,.72);--el-box-shadow-light:0px 0px 12px rgba(0,0,0,.72);--el-box-shadow-lighter:0px 0px 6px rgba(0,0,0,.72);--el-box-shadow-dark:0px 16px 48px 16px rgba(0,0,0,.72),0px 12px 32px #000000,0px 8px 16px -8px #000000;--el-bg-color-page:#0a0a0a;--el-bg-color:#141414;--el-bg-color-overlay:#1d1e1f;--el-text-color-primary:#E5EAF3;--el-text-color-regular:#CFD3DC;--el-text-color-secondary:#A3A6AD;--el-text-color-placeholder:#8D9095;--el-text-color-disabled:#6C6E72;--el-border-color-darker:#636466;--el-border-color-dark:#58585B;--el-border-color:#4C4D4F;--el-border-color-light:#414243;--el-border-color-lighter:#363637;--el-border-color-extra-light:#2B2B2C;--el-fill-color-darker:#424243;--el-fill-color-dark:#39393A;--el-fill-color:#303030;--el-fill-color-light:#262727;--el-fill-color-lighter:#1D1D1D;--el-fill-color-extra-light:#191919;--el-fill-color-blank:#141414;--el-mask-color:rgba(0,0,0,.8);--el-mask-color-extra-light:rgba(0,0,0,.3)}html.dark .el-button{--el-button-disabled-text-color:rgba(255,255,255,.5)}html.dark .el-card{--el-card-bg-color:var(--el-bg-color-overlay)}html.dark .el-empty{--el-empty-fill-color-0:var(--el-color-black);--el-empty-fill-color-1:#4b4b52;--el-empty-fill-color-2:#36383d;--el-empty-fill-color-3:#1e1e20;--el-empty-fill-color-4:#262629;--el-empty-fill-color-5:#202124;--el-empty-fill-color-6:#212224;--el-empty-fill-color-7:#1b1c1f;--el-empty-fill-color-8:#1c1d1f;--el-empty-fill-color-9:#18181a}