@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--primary-glow)}50%{box-shadow:0 0 20px var(--primary-glow), 0 0 30px var(--primary-glow)}}@media (width<=767px){:root{--space-4:12px;--space-6:16px;--radius-lg:10px}body{font-size:13px}}@keyframes geek-spin{to{transform:rotate(360deg)}}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}@media (width<=768px){.geek-card-header{padding:12px 16px}.geek-card-body,.stat-card{padding:16px}.stat-card-value{font-size:24px}.geek-table th,.geek-table td{padding:10px 12px;font-size:13px}.main-card{margin:var(--page-padding-mobile,12px)}.main-card .title{padding:12px 16px;font-size:16px}.main-card .operation-container{padding:12px 16px}.operation-toolbar .toolbar-right{width:100%;margin-left:0}.search-group{flex-wrap:wrap}.search-group .el-input{width:100%!important}}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dialogScaleIn{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes neon-glow{0%,to{text-shadow:0 0 5px var(--neon-blue,#00d4ff), 0 0 10px var(--neon-blue,#00d4ff), 0 0 20px var(--neon-blue,#00d4ff), 0 0 40px var(--neon-blue,#00d4ff);box-shadow:0 0 5px var(--neon-blue,#00d4ff), 0 0 10px var(--neon-blue,#00d4ff)}50%{text-shadow:0 0 10px var(--neon-blue,#00d4ff), 0 0 20px var(--neon-blue,#00d4ff), 0 0 30px var(--neon-blue,#00d4ff), 0 0 50px var(--neon-blue,#00d4ff);box-shadow:0 0 10px var(--neon-blue,#00d4ff), 0 0 20px var(--neon-blue,#00d4ff)}}@keyframes neon-border-glow{0%,to{border-color:var(--neon-blue,#00d4ff);box-shadow:0 0 5px var(--neon-blue,#00d4ff), inset 0 0 5px #00d4ff1a}50%{border-color:var(--neon-purple,#bf5af2);box-shadow:0 0 10px var(--neon-purple,#bf5af2), inset 0 0 10px #bf5af233}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes pulse-border{0%,to{box-shadow:0 0 #00d4ff66}50%{box-shadow:0 0 0 10px #00d4ff00}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes scanline-horizontal{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes data-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes breathing{0%,to{opacity:.5}50%{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.neon-glow{animation:2s ease-in-out infinite neon-glow}.neon-border{animation:3s ease-in-out infinite neon-border-glow}.pulse-effect{animation:2s ease-in-out infinite pulse-glow}.breathing-effect{animation:3s ease-in-out infinite breathing}.float-effect{animation:3s ease-in-out infinite float}.scanline-overlay{position:relative;overflow:hidden}.scanline-overlay:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-blue,#00d4ff), transparent);pointer-events:none;z-index:10;height:2px;animation:3s linear infinite scanline-horizontal;position:absolute;top:0;left:0;right:0}.neon-card{background:var(--bg-base,#1b2336);border:1px solid var(--border-light,#334155);border-radius:12px;position:relative;overflow:hidden}.neon-card:before{content:"";background:linear-gradient(45deg, var(--neon-blue,#00d4ff), var(--neon-purple,#bf5af2), var(--neon-pink,#ff6b9d), var(--neon-blue,#00d4ff));z-index:-1;opacity:0;background-size:400% 400%;border-radius:12px;transition:opacity .3s;animation:8s infinite data-flow;position:absolute;inset:-2px}.neon-card:hover:before{opacity:.6;filter:blur(8px)}.neon-card:after{content:"";background:var(--bg-base,#1b2336);z-index:-1;border-radius:11px;position:absolute;inset:1px}.data-border{background:linear-gradient(90deg, var(--neon-blue,#00d4ff) 0%, var(--neon-purple,#bf5af2) 50%, var(--neon-blue,#00d4ff) 100%);background-size:200% 100%;animation:3s linear infinite data-flow}.holographic{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#00d4ff1a 0%,#bf5af21a 50%,#ff6b9d1a 100%);border:1px solid #00d4ff4d}[data-theme=dark] .neon-card{box-shadow:0 4px 20px #0000004d}[data-theme=dark] .neon-card:hover{box-shadow:0 8px 30px #0006,0 0 20px #00d4ff4d}@media (prefers-reduced-motion:reduce){.neon-glow,.neon-border,.pulse-effect,.breathing-effect,.float-effect,.scanline-overlay:before{animation:none}}[data-theme=dark]{--el-bg-color:#1e293b;--el-bg-color-page:#0f172a;--el-bg-color-overlay:#1e293b;--el-text-color-primary:#f8fafc;--el-text-color-regular:#cbd5e1;--el-text-color-secondary:#94a3b8;--el-text-color-placeholder:#64748b;--el-border-color:#334155;--el-border-color-light:#334155;--el-border-color-lighter:#1e293b;--el-fill-color:#3341554d;--el-fill-color-light:#33415533;--el-fill-color-lighter:#3341551a;--el-fill-color-blank:#1b233699;--el-mask-color:#0f172acc}.main-card{margin:20px;position:relative;overflow:hidden;background:var(--bg-base)!important;border:1px solid var(--border-light)!important;border-radius:12px!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}[data-theme=dark] .main-card:hover{box-shadow:0 8px 30px #0006,0 0 20px #3b82f633;border-color:var(--primary)!important}[data-theme=dark] .main-card:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-blue,#00d4ff), transparent);opacity:0;pointer-events:none;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}[data-theme=dark] .main-card:hover:before{opacity:1;animation:3s linear infinite scanline-horizontal}.main-card .title{border-bottom:1px solid var(--border-light);color:var(--text-primary);background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-base) 100%);align-items:center;gap:10px;padding:18px 24px;font-size:18px;font-weight:600;display:flex}[data-theme=dark] .main-card .title{background:linear-gradient(135deg,#1e293bcc 0%,#1b233680 100%)}.main-card .title .el-icon{color:var(--primary);font-size:20px}.main-card .operation-container{border-bottom:1px solid var(--border-light);background:var(--bg-surface);flex-wrap:wrap;align-items:center;gap:12px;padding:18px 24px;display:flex}[data-theme=dark] .main-card .operation-container{background:#1e293b4d}.main-card .el-table{color:var(--text-primary);font-size:14px;background:var(--bg-base)!important}[data-theme=dark] .main-card .el-table{background:#1b233699!important}.main-card .el-table__inner-wrapper:before{display:none}.main-card .el-table th.el-table__cell{border-bottom:2px solid var(--border-light);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;background:var(--bg-elevated)!important;color:var(--text-primary)!important}[data-theme=dark] .main-card .el-table th.el-table__cell{border-bottom:2px solid var(--neon-blue,#00d4ff);color:#f8fafc!important;background:linear-gradient(135deg,#1e293be6 0%,#334155b3 100%)!important}.main-card .el-table td.el-table__cell{color:var(--text-primary);border-bottom:1px solid var(--border-lighter);transition:all .2s;background:0 0!important}[data-theme=dark] .main-card .el-table td.el-table__cell{color:#cbd5e1;border-bottom:1px solid #4755694d}[data-theme=dark] .main-card .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#1e293b66!important}[data-theme=dark] .main-card .el-table__body tr:hover>td.el-table__cell{box-shadow:inset 0 0 30px #00d4ff0d;background:#00d4ff1f!important}.main-card .el-table__body tr.current-row>td.el-table__cell{background:var(--primary-light)!important}[data-theme=dark] .main-card .el-table__body tr.current-row>td.el-table__cell{border-left:3px solid var(--neon-blue,#00d4ff);background:#00d4ff2e!important}.main-card .el-table__empty-text{color:var(--text-secondary)}[data-theme=dark] .main-card .el-table__empty-text{color:#94a3b8}.pagination-container{border-top:1px solid var(--border-light);background:var(--bg-surface);justify-content:center;padding:18px 24px;display:flex}[data-theme=dark] .pagination-container{background:#1e293b4d}.main-card .el-pagination{--el-pagination-bg-color:var(--bg-elevated);--el-pagination-button-bg-color:var(--bg-elevated);--el-pagination-hover-color:var(--primary)}[data-theme=dark] .main-card .el-pagination.is-background .el-pager li:not(.is-disabled).is-active{box-shadow:0 0 10px #00d4ff80;background:var(--neon-blue,#00d4ff)!important}.main-card .el-button--primary{background:linear-gradient(135deg, var(--primary) 0%, #8b5cf6 100%);border:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #3b82f666}.main-card .el-button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}[data-theme=dark] .main-card .el-button--primary{background:linear-gradient(135deg, var(--neon-blue,#00d4ff) 0%, var(--neon-purple,#bf5af2) 100%);box-shadow:0 4px 12px #00d4ff66}[data-theme=dark] .main-card .el-button--primary:hover{box-shadow:0 6px 20px #00d4ff99}.main-card .el-input__wrapper{background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:none;transition:all .3s}[data-theme=dark] .main-card .el-input__wrapper{background:#1e293b80;border-color:#47556980}.main-card .el-input__wrapper:hover{border-color:var(--primary)}[data-theme=dark] .main-card .el-input__wrapper:hover{border-color:#00d4ff80}.main-card .el-input__wrapper.is-focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .main-card .el-input__wrapper.is-focus{border-color:var(--neon-blue,#00d4ff);box-shadow:0 0 0 3px #00d4ff26,0 0 15px #00d4ff40}.main-card .el-input__inner{color:var(--text-primary)}[data-theme=dark] .main-card .el-input__inner{color:#f8fafc}.main-card .el-input__inner::placeholder{color:var(--text-secondary)}[data-theme=dark] .main-card .el-input__inner::placeholder{color:#64748b}.main-card .el-select .el-input__wrapper{background:var(--bg-surface);border:1px solid var(--border-light)}[data-theme=dark] .main-card .el-select .el-input__wrapper{background:#1e293b80;border-color:#47556980}.main-card .el-select .el-input__wrapper:hover{border-color:var(--primary)}[data-theme=dark] .main-card .el-select .el-input__wrapper:hover{border-color:#00d4ff80}.el-select-dropdown{background:var(--bg-base);border:1px solid var(--border-light)}[data-theme=dark] .el-select-dropdown{background:#1e293b;border-color:#00d4ff4d;box-shadow:0 4px 20px #00000080}.el-select-dropdown__item{color:var(--text-primary)}[data-theme=dark] .el-select-dropdown__item{color:#cbd5e1}.el-select-dropdown__item.hover,.el-select-dropdown__item:hover{background:var(--primary-light)}[data-theme=dark] .el-select-dropdown__item.hover,[data-theme=dark] .el-select-dropdown__item:hover{color:#00d4ff;background:#00d4ff26}.el-select-dropdown__item.selected{color:var(--primary);font-weight:600}[data-theme=dark] .el-select-dropdown__item.selected{color:#00d4ff;background:#00d4ff1a}.main-card .el-form-item__label{color:var(--text-primary);font-weight:500}[data-theme=dark] .main-card .el-form-item__label{color:#e2e8f0;font-weight:600}.main-card .el-tabs__item{color:var(--text-secondary);font-weight:500;transition:all .3s}[data-theme=dark] .main-card .el-tabs__item{color:#94a3b8}.main-card .el-tabs__item:hover{color:var(--primary)}[data-theme=dark] .main-card .el-tabs__item:hover{color:#00d4ff}.main-card .el-tabs__item.is-active{color:var(--primary);font-weight:600}[data-theme=dark] .main-card .el-tabs__item.is-active{color:#00d4ff}.main-card .el-tabs__active-bar{background:var(--primary)}[data-theme=dark] .main-card .el-tabs__active-bar{background:linear-gradient(90deg,#00d4ff,#bf5af2);box-shadow:0 0 10px #00d4ff80}.main-card .el-tabs__nav-wrap:after{background:var(--border-light)}[data-theme=dark] .main-card .el-tabs__nav-wrap:after{background:#4755694d}.main-card .el-tag{border-radius:6px;font-weight:500;transition:all .2s}.main-card .el-tag--primary{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary)}[data-theme=dark] .main-card .el-tag--primary{color:var(--neon-blue,#00d4ff);background:#00d4ff26;border:1px solid #00d4ff4d;box-shadow:0 0 10px #00d4ff33}.main-card .el-switch.is-checked .el-switch__core{background:linear-gradient(135deg, var(--success) 0%, #059669 100%);border-color:var(--success)}[data-theme=dark] .main-card .el-switch.is-checked .el-switch__core{background:linear-gradient(135deg, var(--neon-green,#0f8) 0%, #22c55e 100%);box-shadow:0 0 10px #00ff8880}.main-card .el-empty{padding:40px 20px}.main-card .el-empty__description{color:var(--text-secondary)}.main-card .el-loading-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172acc}[data-theme=light] .main-card .el-loading-mask{background:#fffc}.main-card .el-loading-spinner .circular{stroke:var(--primary)}[data-theme=dark] .main-card .el-loading-spinner .circular{stroke:var(--neon-blue,#00d4ff)}.main-card .el-date-editor .el-input__wrapper{background:var(--bg-surface);border:1px solid var(--border-light)}[data-theme=dark] .main-card .el-date-editor .el-input__wrapper{background:#1e293b80;border-color:#47556980}.el-picker-panel{background:var(--bg-base);border:1px solid var(--border-light)}[data-theme=dark] .el-picker-panel{background:#1e293b;border-color:#00d4ff4d;box-shadow:0 4px 20px #00000080}.el-date-picker__header-label{color:var(--text-primary)}[data-theme=dark] .el-date-picker__header-label{color:#e2e8f0}.el-picker-panel__icon-btn{color:var(--text-secondary)}[data-theme=dark] .el-picker-panel__icon-btn{color:#94a3b8}.el-date-table th{color:var(--text-primary)}[data-theme=dark] .el-date-table th{color:#cbd5e1;border-bottom:1px solid #4755694d}.el-date-table td.available .el-date-table-cell__text{color:var(--text-primary)}[data-theme=dark] .el-date-table td.available .el-date-table-cell__text{color:#cbd5e1}.el-date-table td.today .el-date-table-cell__text{color:var(--primary);font-weight:600}[data-theme=dark] .el-date-table td.today .el-date-table-cell__text{color:#00d4ff}.el-date-table td.current .el-date-table-cell__text{background:var(--primary);color:#fff}[data-theme=dark] .el-date-table td.current .el-date-table-cell__text{background:linear-gradient(135deg,#00d4ff,#bf5af2);box-shadow:0 0 10px #00d4ff66}.el-date-table td:hover .el-date-table-cell__text{color:var(--primary)}[data-theme=dark] .el-date-table td:hover .el-date-table-cell__text{color:#00d4ff}.main-card .el-textarea__inner{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-primary)}[data-theme=dark] .main-card .el-textarea__inner{color:#f8fafc;background:#1e293b80;border-color:#47556980}.main-card .el-textarea__inner:hover{border-color:var(--primary)}[data-theme=dark] .main-card .el-textarea__inner:hover{border-color:#00d4ff80}.main-card .el-textarea__inner:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .main-card .el-textarea__inner:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff26,0 0 15px #00d4ff40}.main-card .el-radio__label{color:var(--text-primary)}[data-theme=dark] .main-card .el-radio__label{color:#e2e8f0}.main-card .el-checkbox__label{color:var(--text-primary)}[data-theme=dark] .main-card .el-checkbox__label{color:#e2e8f0}.main-card .el-radio__input.is-checked .el-radio__inner{border-color:var(--primary);background:var(--primary)}[data-theme=dark] .main-card .el-radio__input.is-checked .el-radio__inner{background:#00d4ff;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff80}.main-card .el-checkbox__input.is-checked .el-checkbox__inner{border-color:var(--primary);background:var(--primary)}[data-theme=dark] .main-card .el-checkbox__input.is-checked .el-checkbox__inner{background:#00d4ff;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff80}.el-dialog{border:1px solid var(--border-light);background:var(--bg-base);border-radius:12px!important}[data-theme=dark] .el-dialog{border-color:var(--neon-blue,#00d4ff);box-shadow:0 8px 30px #0006,0 0 20px #00d4ff33}.el-dialog__header{background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-base) 100%);border-bottom:1px solid var(--border-light)}[data-theme=dark] .el-dialog__header{border-bottom:1px solid var(--neon-blue,#00d4ff);background:linear-gradient(135deg,#1e293bcc 0%,#1b233680 100%)}@media (width<=768px){.main-card{margin:12px}.main-card .title{padding:14px 18px;font-size:16px}.main-card .operation-container,.pagination-container{padding:14px 18px}}.el-tooltip__popper{background:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-light)!important}[data-theme=dark] .el-tooltip__popper{color:#f8fafc!important;background:#1e293b!important;border-color:#00d4ff4d!important;box-shadow:0 4px 12px #00000080!important}.el-popover.el-popper{background:var(--bg-base)!important;border:1px solid var(--border-light)!important}[data-theme=dark] .el-popover.el-popper{background:#1e293b!important;border-color:#00d4ff4d!important;box-shadow:0 4px 20px #00000080!important}.el-dropdown-menu{background:var(--bg-base)!important;border:1px solid var(--border-light)!important}[data-theme=dark] .el-dropdown-menu{background:#1e293b!important;border-color:#00d4ff4d!important;box-shadow:0 4px 20px #00000080!important}.el-dropdown-menu__item{color:var(--text-primary)!important}[data-theme=dark] .el-dropdown-menu__item{color:#cbd5e1!important}.el-dropdown-menu__item:hover{background:var(--primary-light)!important;color:var(--primary)!important}[data-theme=dark] .el-dropdown-menu__item:hover{color:#00d4ff!important;background:#00d4ff26!important}.el-message{background:var(--bg-base)!important;border:1px solid var(--border-light)!important}[data-theme=dark] .el-message{background:#1e293b!important;border-color:#00d4ff4d!important}.el-message-box{background:var(--bg-base)!important;border:1px solid var(--border-light)!important}[data-theme=dark] .el-message-box{background:#1e293b!important;border-color:#00d4ff4d!important;box-shadow:0 8px 30px #00000080!important}.el-message-box__title{color:var(--text-primary)!important}[data-theme=dark] .el-message-box__title{color:#f8fafc!important}.el-message-box__content{color:var(--text-secondary)!important}[data-theme=dark] .el-message-box__content{color:#cbd5e1!important}.skip-link{z-index:10000;background:var(--primary,#3b82f6);color:#fff;border-radius:0 0 8px 8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:16px}.skip-link:focus{outline:2px solid var(--primary);outline-offset:2px;top:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .3s var(--ease-out,cubic-bezier(.16, 1, .3, 1))}.fade-enter-from,.fade-leave-to{opacity:0}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;font-family:var(--font-sans,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:var(--bg-deep,#0f172a);color:var(--text-primary,#f8fafc);touch-action:manipulation}a,button,[role=button],.el-button,.el-menu-item,.el-sub-menu__title,.el-dropdown,.el-tabs__item,.el-tag,.el-input__wrapper,.el-select,.el-date-editor,.el-switch,.el-checkbox,.el-radio{touch-action:manipulation}:root{--bg-deep:#fff;--bg-base:#f8fafc;--bg-elevated:#fff;--bg-surface:#f1f5f9;--bg-hover:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--primary:#3b82f6;--primary-hover:#2563eb;--primary-active:#1d4ed8;--primary-light:#3b82f614;--primary-glow:#3b82f626;--success:#10b981;--success-light:#10b98114;--success-glow:#10b98126;--warning:#f59e0b;--warning-light:#f59e0b14;--warning-glow:#f59e0b26;--danger:#ef4444;--danger-light:#ef444414;--danger-glow:#ef444426;--info:#6366f1;--info-light:#6366f114;--color-primary:var(--primary);--color-primary-light:var(--primary-light);--color-primary-50:#3b82f60d;--color-primary-100:#3b82f61a;--color-secondary:var(--text-secondary);--color-success:var(--success);--color-warning:var(--warning);--color-error:var(--danger);--color-text:var(--text-primary);--color-text-muted:var(--text-muted);--color-border:var(--border-default);--color-bg-card:var(--bg-base);--color-bg-hover:var(--bg-hover);--color-bg-surface:var(--bg-surface);--neon-blue:#0ea5e9;--neon-green:#10b981;--neon-purple:#a855f7;--neon-orange:#f97316;--neon-pink:#ec4899;--border-default:#e2e8f0;--border-light:#f1f5f9;--border-lighter:#f8fafc;--border-focus:#3b82f6;--border-glow:#3b82f64d;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000026;--shadow-glow:0 0 15px #3b82f626;--shadow-glow-lg:0 0 30px #3b82f633;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-secondary:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--gradient-bg:linear-gradient(180deg, #fff 0%, #f8fafc 100%);--gradient-card:linear-gradient(145deg, #fff 0%, #f8fafc 100%);--gradient-header:linear-gradient(135deg, #fff 0%, #f8fafc 100%);--gradient-neon:linear-gradient(90deg, #0ea5e9 0%, #a855f7 50%, #ec4899 100%);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--page-padding:20px;--page-padding-mobile:12px;--card-gap:16px;--section-gap:20px;--search-input-width:220px;--search-button-gap:12px;--table-header-height:48px;--table-row-height:56px;--table-cell-padding-x:16px;--table-cell-padding-y:14px;--toolbar-padding:16px 20px;--form-label-width:100px;--form-input-height:36px;--form-input-width:400px;--form-item-gap:20px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:56px;--avatar-xl:80px}[data-theme=dark]{--bg-deep:#0f172a;--bg-base:#1b2336;--bg-elevated:#272f42;--bg-surface:#334155;--bg-hover:#3d4a5c;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-active:#2563eb;--primary-light:#3b82f61a;--primary-glow:#3b82f64d;--success:#22c55e;--success-light:#22c55e1a;--success-glow:#22c55e4d;--warning:#f59e0b;--warning-light:#f59e0b1a;--warning-glow:#f59e0b4d;--danger:#ef4444;--danger-light:#ef44441a;--danger-glow:#ef44444d;--info:#6366f1;--info-light:#6366f11a;--color-primary:var(--primary);--color-primary-light:var(--primary-light);--color-primary-50:#3b82f614;--color-primary-100:#3b82f626;--color-secondary:var(--text-secondary);--color-success:var(--success);--color-warning:var(--warning);--color-error:var(--danger);--color-text:var(--text-primary);--color-text-muted:var(--text-muted);--color-border:var(--border-default);--color-bg-card:var(--bg-base);--color-bg-hover:var(--bg-hover);--color-bg-surface:var(--bg-surface);--neon-blue:#00d4ff;--neon-green:#0f8;--neon-purple:#bf5af2;--neon-orange:#ff9f0a;--neon-pink:#ff2d92;--border-default:#475569;--border-light:#334155;--border-lighter:#1e293b;--border-focus:#3b82f6;--border-glow:#3b82f680;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 20px #3b82f64d;--shadow-glow-lg:0 0 40px #3b82f666;--gradient-primary:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-secondary:linear-gradient(135deg, #1b2336 0%, #272f42 100%);--gradient-bg:linear-gradient(180deg, #0f172a 0%, #1b2336 100%);--gradient-card:linear-gradient(145deg, #1b2336 0%, #272f42 100%);--gradient-header:linear-gradient(135deg, #1e293b 0%, #334155 100%);--gradient-neon:linear-gradient(90deg, #00d4ff 0%, #bf5af2 50%, #ff2d92 100%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-deep);min-height:100vh;font-size:14px;line-height:1.6;transition:background-color .3s,color .3s}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}a{color:var(--primary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--primary-hover)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.disabled,[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}code,pre{font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md)}code{color:var(--neon-green);padding:2px 6px;font-size:.875em}pre{padding:var(--space-4);overflow-x:auto}pre code{background:0 0;border:none;padding:0}.glow-text{text-shadow:0 0 10px var(--primary-glow)}.glow-border{box-shadow:0 0 10px var(--primary-glow), inset 0 0 10px #3b82f61a}.glow-card{transition:all var(--duration-normal) var(--ease-out)}.glow-card:hover{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow), 0 8px 30px #0006}@media (width<=767px){:root{--space-4:12px;--space-6:16px;--radius-lg:10px}body{font-size:13px}}.geek-card{background:var(--bg-base,#1b2336);border:1px solid var(--border-light,#334155);transition:all .25s var(--ease-out,cubic-bezier(.16, 1, .3, 1));border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000004d}.geek-card:hover{border-color:#3b82f680;box-shadow:0 8px 30px #0006,0 0 20px #3b82f633}.geek-card-header{border-bottom:1px solid var(--border-light,#334155);background:linear-gradient(135deg,#1e293b80 0%,#3341554d 100%);padding:16px 20px}.geek-card-header h3{color:var(--text-primary,#f8fafc);margin:0;font-size:16px;font-weight:600}.geek-card-body{padding:20px}.stat-card{background:linear-gradient(145deg, var(--bg-base,#1b2336) 0%, var(--bg-elevated,#272f42) 100%);border:1px solid var(--border-light,#334155);transition:all .25s var(--ease-out,cubic-bezier(.16, 1, .3, 1));border-radius:12px;padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-primary,linear-gradient(90deg, #3b82f6, #8b5cf6));opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:#3b82f680;transform:translateY(-4px);box-shadow:0 12px 40px #0006,0 0 30px #3b82f633}.stat-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:24px;display:flex}.stat-card-icon.blue{color:var(--neon-blue,#00d4ff);background:#3b82f626;box-shadow:0 0 20px #3b82f64d}.stat-card-icon.green{color:var(--neon-green,#0f8);background:#22c55e26;box-shadow:0 0 20px #22c55e4d}.stat-card-icon.purple{color:var(--neon-purple,#bf5af2);background:#a855f726;box-shadow:0 0 20px #a855f74d}.stat-card-icon.orange{color:var(--neon-orange,#ff9f0a);background:#f59e0b26;box-shadow:0 0 20px #f59e0b4d}.stat-card-value{color:var(--text-primary,#f8fafc);font-size:28px;font-weight:700;font-family:var(--font-mono,"JetBrains Mono", monospace);margin-bottom:4px}.stat-card-label{color:var(--text-secondary,#94a3b8);font-size:14px}.geek-table{background:var(--bg-base,#1b2336);border:1px solid var(--border-light,#334155);border-radius:12px;overflow:hidden}.geek-table thead{background:linear-gradient(135deg,#1e293bcc 0%,#33415580 100%)}.geek-table th{text-align:left;color:var(--text-secondary,#94a3b8);border-bottom:1px solid var(--border-light,#334155);text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:13px;font-weight:600}.geek-table td{border-bottom:1px solid var(--border-lighter,#1e293b);color:var(--text-primary,#f8fafc);padding:14px 16px;transition:background .2s}.geek-table tbody tr:hover{background:#3b82f60d}.geek-table tbody tr:last-child td{border-bottom:none}.geek-table tbody tr.active{border-left:3px solid var(--neon-blue,#00d4ff);background:#3b82f61a;box-shadow:inset 0 0 20px #3b82f61a}.geek-search{position:relative}.geek-search input{background:var(--bg-surface,#334155);border:1px solid var(--border-default,#475569);width:100%;height:40px;color:var(--text-primary,#f8fafc);border-radius:8px;padding:0 16px 0 44px;font-size:14px;transition:all .25s}.geek-search input::placeholder{color:var(--text-muted,#64748b)}.geek-search input:hover{border-color:var(--primary,#3b82f6)}.geek-search input:focus{border-color:var(--primary,#3b82f6);outline:none;box-shadow:0 0 0 3px #3b82f633,0 0 15px #3b82f633}.geek-search-icon{color:var(--text-muted,#64748b);transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.geek-search input:focus+.geek-search-icon{color:var(--primary,#3b82f6)}.geek-btn{cursor:pointer;height:36px;transition:all .25s var(--ease-out,cubic-bezier(.16, 1, .3, 1));border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.geek-btn-primary{background:var(--gradient-primary,linear-gradient(135deg, #3b82f6, #8b5cf6));color:#fff;box-shadow:0 4px 14px #3b82f666}.geek-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.geek-btn-primary:active{transform:translateY(0)}.geek-btn-secondary{background:var(--bg-elevated,#272f42);border:1px solid var(--border-default,#475569);color:var(--text-primary,#f8fafc)}.geek-btn-secondary:hover{background:var(--bg-surface,#334155);border-color:var(--primary,#3b82f6);color:var(--primary,#3b82f6);box-shadow:0 0 10px #3b82f64d}.geek-btn-danger{background:var(--danger,#ef4444);color:#fff;box-shadow:0 4px 14px #ef444466}.geek-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.geek-tag{border-radius:6px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.geek-tag-success{color:var(--neon-green,#0f8);background:#22c55e26;border:1px solid #22c55e4d}.geek-tag-warning{color:var(--neon-orange,#ff9f0a);background:#f59e0b26;border:1px solid #f59e0b4d}.geek-tag-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.geek-tag-info{color:var(--neon-blue,#00d4ff);background:#3b82f626;border:1px solid #3b82f64d}.geek-progress{background:var(--bg-elevated,#272f42);border-radius:4px;height:8px;overflow:hidden}.geek-progress-bar{background:var(--gradient-primary,linear-gradient(90deg, #3b82f6, #8b5cf6));border-radius:4px;height:100%;transition:width .3s;box-shadow:0 0 10px #3b82f680}.geek-empty{color:var(--text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.geek-empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.geek-empty-text{font-size:14px}.geek-loading{justify-content:center;align-items:center;padding:40px;display:flex}.geek-loading-spinner{border:3px solid var(--border-light,#334155);border-top-color:var(--primary,#3b82f6);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite geek-spin}.geek-skeleton{background:linear-gradient(90deg, var(--bg-elevated,#272f42) 25%, var(--bg-surface,#334155) 37%, var(--bg-elevated,#272f42) 63%);background-size:400% 100%;border-radius:6px;animation:1.4s infinite skeleton-loading}.geek-tooltip{position:relative}.geek-tooltip:after{content:attr(data-tooltip);background:var(--bg-elevated,#272f42);border:1px solid var(--border-default,#475569);color:var(--text-primary,#f8fafc);white-space:nowrap;opacity:0;visibility:hidden;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 4px 12px #0006}.geek-tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(-4px)}.geek-divider{background:linear-gradient(90deg, transparent 0%, var(--border-light,#334155) 20%, var(--border-light,#334155) 80%, transparent 100%);height:1px;margin:16px 0}.geek-badge{background:var(--danger,#ef4444);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 0 10px #ef444466}.geek-badge.primary{background:var(--primary,#3b82f6);box-shadow:0 0 10px #3b82f666}.geek-badge.success{background:var(--success,#22c55e);box-shadow:0 0 10px #22c55e66}.main-card{margin:20px;background:var(--bg-base)!important;border:1px solid var(--border-light)!important;transition:all .25s var(--ease-out,cubic-bezier(.16, 1, .3, 1))!important;border-radius:12px!important}[data-theme=dark] .main-card{box-shadow:0 4px 20px #0000004d}.main-card .title{border-bottom:1px solid var(--border-light);color:var(--text-primary);align-items:center;gap:8px;padding:16px 20px;font-size:18px;font-weight:600;display:flex}.main-card .operation-container{border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.main-card .el-table{color:var(--text-primary);background:0 0!important}.main-card .el-table th.el-table__cell{border-bottom:1px solid var(--border-light);font-weight:600;background:var(--bg-elevated)!important;color:var(--text-primary)!important}.main-card .el-table td.el-table__cell{color:var(--text-primary);border-bottom:1px solid var(--border-lighter);background:0 0!important}.main-card .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--bg-surface)!important}.main-card .el-table__body tr:hover>td.el-table__cell{background:var(--primary-light)!important}[data-theme=dark] .main-card .el-table__body tr:hover>td.el-table__cell{background:#3b82f61a!important}.main-card .pagination-container{border-top:1px solid var(--border-light);justify-content:center;padding:16px 20px;display:flex}@media (width<=768px){.geek-card-header{padding:12px 16px}.geek-card-body,.stat-card{padding:16px}.stat-card-value{font-size:24px}.geek-table th,.geek-table td{padding:10px 12px;font-size:13px}.main-card{margin:var(--page-padding-mobile,12px)}.main-card .title{padding:12px 16px;font-size:16px}.main-card .operation-container{padding:12px 16px}.operation-toolbar .toolbar-right{width:100%;margin-left:0}.search-group{flex-wrap:wrap}.search-group .el-input{width:100%!important}}.operation-toolbar{padding:var(--toolbar-padding,16px 20px);gap:var(--space-3,12px);border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;display:flex}.operation-toolbar .toolbar-right{align-items:center;gap:var(--space-3,12px);margin-left:auto;display:flex}.search-group{align-items:center;gap:var(--search-button-gap,12px);display:flex}.search-group .el-input{width:var(--search-input-width,220px)}.unified-table{--el-table-border-color:var(--border-lighter);--el-table-header-bg-color:var(--bg-elevated);--el-table-header-text-color:var(--text-primary);--el-table-row-hover-bg-color:var(--primary-light);--el-table-text-color:var(--text-primary);--el-table-current-row-bg-color:var(--primary-light)}.unified-table .el-table__header th{font-weight:600;background:var(--bg-elevated)!important;color:var(--text-primary)!important}.page-header{border-bottom:1px solid var(--border-light);color:var(--text-primary);align-items:center;gap:var(--space-2,8px);padding:16px 20px;font-size:18px;font-weight:600;display:flex}.page-header .el-icon{color:var(--primary)}.elegant-dialog{overflow:hidden;border-radius:var(--radius-xl,16px)!important;border:1px solid var(--border-default)!important;box-shadow:var(--shadow-xl)!important}[data-theme=dark] .elegant-dialog{border-color:#3b82f626!important;box-shadow:0 16px 48px #00000080,0 0 24px #3b82f614!important}.elegant-dialog .el-dialog__header{border-bottom:1px solid var(--border-light);margin-right:0;padding:20px 24px 16px}.elegant-dialog .el-dialog__title{color:var(--text-primary);font-size:16px;font-weight:600}.elegant-dialog .el-dialog__headerbtn .el-dialog__close{color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out);font-size:16px}.elegant-dialog .el-dialog__headerbtn .el-dialog__close:hover{color:var(--danger)}.elegant-dialog .el-dialog__body{color:var(--text-primary);padding:24px}.elegant-dialog .el-dialog__footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:var(--space-3,12px);padding:16px 24px 20px;display:flex}.elegant-dialog .el-dialog__footer .el-button+.el-button{margin-left:0}.elegant-dialog .el-form-item__label{color:var(--text-secondary);font-weight:500}.elegant-dialog .el-input__wrapper{background:var(--bg-surface)}.el-overlay-dialog{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-theme=dark] .el-overlay{background-color:#0009!important}.el-popconfirm__action{gap:var(--space-2,8px);margin-top:var(--space-3,12px);display:flex}.el-popconfirm__action .el-button+.el-button{margin-left:0}.dialog-confirm-content{align-items:center;gap:var(--space-4,16px);padding:var(--space-4,16px) 0;flex-direction:column;display:flex}.dialog-confirm-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.dialog-confirm-icon.warning{background:var(--warning-light);color:var(--warning);box-shadow:0 0 20px var(--warning-glow)}.dialog-confirm-icon.danger{background:var(--danger-light);color:var(--danger);box-shadow:0 0 20px var(--danger-glow)}.dialog-confirm-text{color:var(--text-primary);text-align:center;font-size:15px;line-height:1.5}.form-input-wide{width:var(--form-input-width,400px);max-width:100%}.form-group{margin-bottom:var(--form-item-gap,20px)}.stagger-enter>*{opacity:0;animation:cardEnter .5s var(--ease-out,cubic-bezier(.16, 1, .3, 1)) forwards}.stagger-enter>:first-child{animation-delay:0s}.stagger-enter>:nth-child(2){animation-delay:60ms}.stagger-enter>:nth-child(3){animation-delay:.12s}.stagger-enter>:nth-child(4){animation-delay:.18s}.stagger-enter>:nth-child(5){animation-delay:.24s}.stagger-enter>:nth-child(6){animation-delay:.3s}.elegant-dialog{animation:dialogScaleIn .3s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)) forwards}.skeleton-shimmer{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-hover) 37%, var(--bg-surface) 63%);border-radius:var(--radius-sm,4px);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.status-transition{transition:all var(--duration-normal,.25s) var(--ease-out,cubic-bezier(.16, 1, .3, 1))}
