*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-sm);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::selection{background:var(--primary-lighter);color:var(--text-primary)}::-moz-selection{background:var(--primary-lighter);color:var(--text-primary)}.login-container[data-v-c902252c]{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--gradient-dark);position:relative;overflow:hidden}.login-container[data-v-c902252c]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(64,158,255,.15) 0,transparent 50%);animation:rotate-c902252c 30s linear infinite}.login-container[data-v-c902252c]:after{content:"";position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(64,158,255,.2) 0,transparent 70%);border-radius:50%;animation:pulse-c902252c 4s ease-in-out infinite}.login-card[data-v-c902252c]{width:420px;padding:48px 40px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(64,158,255,.3);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);position:relative;z-index:1;animation:slideInUp-c902252c .6s var(--ease-elegant)}.login-card[data-v-c902252c]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.title[data-v-c902252c]{text-align:center;margin-bottom:40px;color:var(--text-primary);font-size:28px;font-weight:700;position:relative;padding-bottom:16px}.title[data-v-c902252c]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--gradient-accent);border-radius:2px;box-shadow:var(--shadow-accent)}.login-card[data-v-c902252c] .el-form-item{margin-bottom:24px}.login-card[data-v-c902252c] .el-input__inner{height:48px;line-height:48px;border-radius:var(--radius-lg);border:2px solid var(--border-color);padding-left:45px;font-size:15px;transition:all .3s var(--ease-elegant);background:var(--bg-tertiary);color:var(--text-primary)}.login-card[data-v-c902252c] .el-input__inner:focus{border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 4px rgba(64,158,255,.15);transform:translateY(-2px)}.login-card[data-v-c902252c] .el-input__inner:hover{border-color:var(--secondary-color);background:#fff}.login-card[data-v-c902252c] .el-input__prefix{left:16px;font-size:18px;color:var(--text-tertiary);transition:color .3s var(--ease-elegant)}.login-card[data-v-c902252c] .el-input.is-active .el-input__prefix{color:var(--accent-color)}.login-card[data-v-c902252c] .el-button--primary{height:48px;background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;letter-spacing:.5px;box-shadow:var(--shadow-accent);transition:all .3s var(--ease-elegant);color:var(--text-primary)}.login-card[data-v-c902252c] .el-button--primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(64,158,255,.4)}.login-card[data-v-c902252c] .el-button--primary:active{transform:translateY(0)}.login-card[data-v-c902252c] .el-button--primary.is-loading{background:linear-gradient(135deg,var(--accent-light) 0,var(--accent-color) 100%)}.tips[data-v-c902252c]{text-align:center;color:var(--text-secondary);font-size:13px;margin-top:24px;padding:12px;background:var(--bg-accent);border-radius:var(--radius-md);border:1px solid rgba(64,158,255,.2)}@keyframes slideInUp-c902252c{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate-c902252c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-c902252c{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.ai-assistant[data-v-0a47d53e]{z-index:9999}.ai-float-ball[data-v-0a47d53e]{position:fixed;width:60px;height:60px;background:linear-gradient(135deg,#409eff,#36d1dc);border-radius:50%;box-shadow:0 4px 15px rgba(64,158,255,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:10000}.ai-float-ball[data-v-0a47d53e]:hover{transform:scale(1.1)}.ai-float-ball i[data-v-0a47d53e]{color:#fff;font-size:32px}.ai-chat-window[data-v-0a47d53e]{position:fixed;right:30px;bottom:30px;width:380px;height:550px;background:#fff;border-radius:12px;box-shadow:0 5px 25px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden;z-index:10001}.chat-header[data-v-0a47d53e]{height:50px;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;align-items:center;padding:0 10px}.model-select-wrapper[data-v-0a47d53e]{margin:0 5px}.tab-item[data-v-0a47d53e]{flex:1;text-align:center;cursor:pointer;font-size:14px;color:#666;padding:10px 0;transition:all .2s}.tab-item.active[data-v-0a47d53e]{color:#409eff;font-weight:700;border-bottom:2px solid #409eff}.tab-item[data-v-0a47d53e]:hover{background:#f0f2f5}.close-btn[data-v-0a47d53e]{padding:10px;cursor:pointer;color:#999}.close-btn[data-v-0a47d53e]:hover{color:#666}.chat-content-wrapper[data-v-0a47d53e]{flex:1;display:flex;flex-direction:column;height:100%}.db-env-selector[data-v-0a47d53e]{background:#f8f9fa;padding:10px 15px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.db-env-label[data-v-0a47d53e]{display:flex;align-items:center;gap:5px;font-size:13px;color:#666;font-weight:500}.db-env-label i[data-v-0a47d53e]{color:#409eff}.db-env-info[data-v-0a47d53e]{margin-left:auto;display:flex;align-items:center;gap:8px}.db-name[data-v-0a47d53e]{font-size:12px;color:#999;font-family:monospace}.db-env-warning[data-v-0a47d53e]{background:#e7f7e7;border-left:3px solid #67c23a;padding:8px 15px;font-size:12px;color:#67c23a;display:flex;align-items:center;gap:8px}.db-env-warning.production[data-v-0a47d53e]{background:#fef0f0;border-left-color:#f56c6c;color:#f56c6c}.db-env-warning i[data-v-0a47d53e]{font-size:14px}.chat-messages[data-v-0a47d53e]{flex:1;padding:15px;overflow-y:auto;background:#f9f9f9}.message-item[data-v-0a47d53e]{display:flex;margin-bottom:15px}.message-item.user[data-v-0a47d53e]{flex-direction:row-reverse}.avatar[data-v-0a47d53e]{width:36px;height:36px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;margin:0 10px;flex-shrink:0}.message-item.assistant .avatar[data-v-0a47d53e]{background:#e1f3d8;color:#67c23a}.message-item.user .avatar[data-v-0a47d53e]{background:#d9ecff;color:#409eff}.content[data-v-0a47d53e]{max-width:70%;background:#fff;padding:10px 15px;border-radius:8px;font-size:14px;line-height:1.5;box-shadow:0 1px 3px rgba(0,0,0,.05)}.message-item.user .content[data-v-0a47d53e]{background:#409eff;color:#fff}.suggest-tags[data-v-0a47d53e]{padding:8px 15px;background:#fff;border-top:1px solid #f0f2f5;display:flex;flex-wrap:wrap;gap:8px}.suggest-tags .tag-item[data-v-0a47d53e]{cursor:pointer;transition:all .3s;background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.suggest-tags .tag-item[data-v-0a47d53e]:hover{background-color:#67c23a;color:#fff;transform:translateY(-2px)}.chat-input[data-v-0a47d53e]{padding:10px;background:#fff;border-top:1px solid #eee;display:flex;gap:10px;align-items:flex-start}.knowledge-content-wrapper[data-v-0a47d53e]{flex:1;display:flex;flex-direction:column;background:#fff;padding:10px}.k-list[data-v-0a47d53e]{flex:1;overflow-y:auto;margin-bottom:10px}.k-item[data-v-0a47d53e]{background:#f8f9fa;border:1px solid #eee;border-radius:4px;padding:10px;margin-bottom:8px}.k-content[data-v-0a47d53e]{font-size:14px;color:#333;margin-bottom:5px;white-space:pre-wrap}.k-meta[data-v-0a47d53e]{display:flex;justify-content:space-between;font-size:12px;color:#999}.del-btn[data-v-0a47d53e]{color:#f56c6c;cursor:pointer}.del-btn[data-v-0a47d53e]:hover{color:#d93939}.empty-tip[data-v-0a47d53e]{text-align:center;color:#999;margin-top:50px;font-size:13px}.k-input-area[data-v-0a47d53e]{margin-top:auto}.message-item.assistant .content[data-v-0a47d53e] h1,.message-item.assistant .content[data-v-0a47d53e] h2,.message-item.assistant .content[data-v-0a47d53e] h3,.message-item.assistant .content[data-v-0a47d53e] h4,.message-item.assistant .content[data-v-0a47d53e] h5,.message-item.assistant .content[data-v-0a47d53e] h6{margin:16px 0 8px 0;font-weight:600;line-height:1.4}.message-item.assistant .content[data-v-0a47d53e] h1{font-size:24px}.message-item.assistant .content[data-v-0a47d53e] h2{font-size:20px}.message-item.assistant .content[data-v-0a47d53e] h3{font-size:18px}.message-item.assistant .content[data-v-0a47d53e] h4{font-size:16px}.message-item.assistant .content[data-v-0a47d53e] p{margin:8px 0;line-height:1.6}.message-item.assistant .content[data-v-0a47d53e] code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:13px;color:#e83e8c}.message-item.assistant .content[data-v-0a47d53e] pre{background:#f5f7fa;padding:12px;border-radius:4px;overflow-x:auto;margin:12px 0;border:1px solid #e4e7ed}.message-item.assistant .content[data-v-0a47d53e] pre code{background:transparent;padding:0;color:#333;font-size:13px;line-height:1.5}.message-item.assistant .content[data-v-0a47d53e] ol,.message-item.assistant .content[data-v-0a47d53e] ul{margin:8px 0;padding-left:24px}.message-item.assistant .content[data-v-0a47d53e] li{margin:4px 0;line-height:1.6}.message-item.assistant .content[data-v-0a47d53e] blockquote{border-left:4px solid #409eff;padding-left:12px;margin:12px 0;color:#666;font-style:italic}.message-item.assistant .content[data-v-0a47d53e] table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.message-item.assistant .content[data-v-0a47d53e] table td,.message-item.assistant .content[data-v-0a47d53e] table th{border:1px solid #ddd;padding:8px;text-align:left}.message-item.assistant .content[data-v-0a47d53e] table th{background-color:#f5f7fa;font-weight:600}.message-item.assistant .content[data-v-0a47d53e] table tr:nth-child(2n){background-color:#fafafa}.message-item.assistant .content[data-v-0a47d53e] a{color:#409eff;text-decoration:none}.message-item.assistant .content[data-v-0a47d53e] a:hover{text-decoration:underline}.message-item.assistant .content[data-v-0a47d53e] hr{border:none;border-top:1px solid #e4e7ed;margin:16px 0}.message-item.assistant .content[data-v-0a47d53e] strong{font-weight:600;color:#303133}.message-item.assistant .content[data-v-0a47d53e] em{font-style:italic;color:#606266}.layout-container[data-v-b4458c54]{height:100vh;display:flex;background:var(--bg-primary)}.aside[data-v-b4458c54]{background:linear-gradient(180deg,#fff,#f8fafc);color:#0f172a;display:flex;flex-direction:column;transition:width .3s var(--ease-elegant);box-shadow:4px 0 24px rgba(0,0,0,.08);z-index:10;position:relative;overflow:hidden;border-right:1px solid var(--border-color)}.aside[data-v-b4458c54]:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(59,130,246,.2),rgba(59,130,246,.05) 50%,transparent)}.logo-container[data-v-b4458c54]{height:72px;display:flex;align-items:center;padding:0 20px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(59,130,246,.02));border-bottom:1px solid var(--border-color);position:relative;overflow:hidden}.logo-container[data-v-b4458c54]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 60%);animation:pulse-b4458c54 4s ease-in-out infinite}.logo-icon-wrap[data-v-b4458c54]{width:44px;height:44px;background:var(--gradient-accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-right:14px;box-shadow:var(--shadow-accent);position:relative;z-index:1}.logo-icon-wrap i[data-v-b4458c54]{font-size:22px;color:#fff}.logo-text-wrap[data-v-b4458c54]{position:relative;z-index:1}.logo-text[data-v-b4458c54]{font-size:16px;font-weight:var(--font-bold);margin:0;letter-spacing:.5px;color:var(--text-primary);line-height:1.3}.logo-subtitle[data-v-b4458c54]{font-size:11px;color:var(--text-tertiary);letter-spacing:1px;text-transform:uppercase}.side-menu[data-v-b4458c54]{border-right:none;flex:1;background:transparent!important;padding:12px 0;overflow-y:auto}.side-menu[data-v-b4458c54]::-webkit-scrollbar{width:4px}.side-menu[data-v-b4458c54]::-webkit-scrollbar-track{background:transparent}.side-menu[data-v-b4458c54]::-webkit-scrollbar-thumb{background:rgba(59,130,246,.18);border-radius:2px;-webkit-transition:background .3s;transition:background .3s}.side-menu[data-v-b4458c54]:hover::-webkit-scrollbar-thumb{background:rgba(59,130,246,.35)}.scroll-mask-top[data-v-b4458c54]{top:72px;height:30px;background:linear-gradient(180deg,#fff,transparent)}.scroll-mask-bottom[data-v-b4458c54],.scroll-mask-top[data-v-b4458c54]{position:absolute;left:0;right:0;z-index:5;opacity:0;pointer-events:none;transition:opacity .3s ease}.scroll-mask-bottom[data-v-b4458c54]{bottom:53px;height:40px;background:linear-gradient(0deg,#fff,transparent)}.scroll-mask-bottom.is-show[data-v-b4458c54],.scroll-mask-top.is-show[data-v-b4458c54]{opacity:1}.scroll-indicator[data-v-b4458c54]{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);width:30px;height:30px;background:rgba(59,130,246,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent-color);z-index:11;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s ease;animation:bounce-b4458c54 2s infinite;box-shadow:0 2px 8px rgba(0,0,0,.1)}.scroll-indicator[data-v-b4458c54]:hover{background:rgba(59,130,246,.2)}.scroll-indicator.is-show[data-v-b4458c54]{opacity:1;pointer-events:auto}@keyframes bounce-b4458c54{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-5px)}60%{transform:translateX(-50%) translateY(-3px)}}.side-menu[data-v-b4458c54] .el-menu-item{margin:4px 12px;border-radius:var(--radius-lg);transition:all .3s var(--ease-elegant);position:relative;overflow:hidden;height:48px;line-height:48px;color:var(--text-secondary);background:transparent}.side-menu[data-v-b4458c54] .el-menu-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,rgba(59,130,246,.15),transparent);transition:width .3s var(--ease-elegant)}.side-menu[data-v-b4458c54] .el-menu-item:hover{background-color:rgba(59,130,246,.08)!important;color:var(--accent-color);transform:translateX(4px)}.side-menu[data-v-b4458c54] .el-menu-item:hover:before{width:100%}.side-menu[data-v-b4458c54] .el-menu-item.is-active{background:linear-gradient(90deg,rgba(59,130,246,.12),rgba(59,130,246,.06))!important;color:var(--accent-color)!important;font-weight:var(--font-semibold);box-shadow:0 2px 12px rgba(59,130,246,.15)}.side-menu[data-v-b4458c54] .el-menu-item.is-active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:28px;background:var(--gradient-accent);border-radius:0 4px 4px 0;box-shadow:0 0 12px rgba(59,130,246,.4)}.side-menu[data-v-b4458c54] .el-menu-item i{margin-right:14px;font-size:18px;transition:transform .3s var(--ease-elegant);color:var(--text-tertiary);width:20px;text-align:center}.side-menu[data-v-b4458c54] .el-menu-item.is-active i{color:var(--accent-color)}.side-menu[data-v-b4458c54] .el-menu-item:hover i{transform:scale(1.1);color:var(--accent-color)}.sidebar-footer[data-v-b4458c54]{padding:16px 20px;border-top:1px solid var(--border-color)}.version-info[data-v-b4458c54]{font-size:12px;color:var(--text-tertiary);text-align:center}.main-container[data-v-b4458c54]{background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;position:relative;flex:1}.header[data-v-b4458c54]{height:64px;background:hsla(0,0%,100%,.92);backdrop-filter:blur(var(--blur-xl)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(180%);box-shadow:0 1px 0 var(--border-light);justify-content:space-between;padding:0 28px;z-index:9;position:relative}.breadcrumb[data-v-b4458c54],.header-left[data-v-b4458c54],.header[data-v-b4458c54]{display:flex;align-items:center}.current-page[data-v-b4458c54]{font-size:16px;font-weight:var(--font-semibold);color:var(--text-primary)}.header-right[data-v-b4458c54]{display:flex;align-items:center;gap:20px}.header-actions[data-v-b4458c54]{display:flex;align-items:center;gap:8px}.action-item[data-v-b4458c54]{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .3s var(--ease-elegant);background:transparent}.action-item[data-v-b4458c54]:hover{background:var(--bg-accent);color:var(--accent-color);transform:translateY(-2px)}.action-item i[data-v-b4458c54]{font-size:18px}.avatar-wrapper[data-v-b4458c54]{display:flex;align-items:center;cursor:pointer;color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-xl);transition:all .3s var(--ease-elegant);position:relative;background:var(--bg-tertiary)}.avatar-wrapper[data-v-b4458c54]:hover{background:var(--bg-accent)}.user-avatar[data-v-b4458c54]{background:var(--gradient-accent);margin-right:10px;box-shadow:var(--shadow-accent)}.username[data-v-b4458c54]{font-weight:var(--font-semibold);margin-right:8px;color:var(--text-primary);font-size:14px}.avatar-wrapper i.el-icon-caret-bottom[data-v-b4458c54]{transition:transform .3s var(--ease-elegant);color:var(--text-tertiary);font-size:12px}.avatar-wrapper:hover i.el-icon-caret-bottom[data-v-b4458c54]{transform:translateY(2px);color:var(--accent-color)}.main-content[data-v-b4458c54]{padding:0;overflow-y:auto;position:relative;flex:1;background:var(--bg-primary)}.fade-transform-enter-active[data-v-b4458c54],.fade-transform-leave-active[data-v-b4458c54]{transition:all .35s var(--ease-elegant)}.fade-transform-enter[data-v-b4458c54]{opacity:0;transform:translateX(-16px)}.fade-transform-leave-to[data-v-b4458c54]{opacity:0;transform:translateX(16px)}.el-dropdown-menu[data-v-b4458c54]{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl)!important;border:1px solid var(--border-light)!important;padding:8px!important;background:#fff!important;min-width:160px}.el-dropdown-menu__item[data-v-b4458c54]{border-radius:var(--radius-lg)!important;margin:2px 0!important;transition:all .2s var(--ease-elegant)!important;color:var(--text-secondary)!important;padding:10px 16px!important;display:flex;align-items:center;gap:10px}.el-dropdown-menu__item[data-v-b4458c54]:hover{background:var(--bg-accent)!important;color:var(--accent-color)!important}.el-dropdown-menu__item i[data-v-b4458c54]{font-size:16px}@keyframes pulse-b4458c54{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.8}}@media (max-width:1024px){.aside[data-v-b4458c54]{width:220px!important}.logo-text[data-v-b4458c54]{font-size:14px}.logo-subtitle[data-v-b4458c54]{display:none}}.user-list-container[data-v-73231371]{padding:24px;background:linear-gradient(135deg,#f5f7fa,#e4e7eb);min-height:100vh}.page-header[data-v-73231371]{margin-bottom:24px}.page-title[data-v-73231371]{font-size:24px;color:#2c3e50;margin:0 0 8px 0;font-weight:600}.page-subtitle[data-v-73231371]{color:#909399;font-size:14px;margin:0}.content-card[data-v-73231371]{border-radius:12px;border:none;box-shadow:0 8px 24px rgba(0,0,0,.05)}.filter-section[data-v-73231371]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;background:#fff;padding:4px}.search-input[data-v-73231371]{width:320px;transition:all .3s}.search-input[data-v-73231371]:hover{transform:translateY(-1px)}.refresh-btn[data-v-73231371]{margin-left:12px}.stylish-table[data-v-73231371]{border-radius:8px;overflow:hidden}.username[data-v-73231371]{color:#303133;font-weight:500;margin-left:8px}.user-info[data-v-73231371]{display:flex;align-items:center}.id-tag[data-v-73231371]{color:#909399;font-family:monospace}.time-text[data-v-73231371]{color:#606266;font-size:13px}.text-gray[data-v-73231371]{color:#909399}.pagination-container[data-v-73231371]{margin-top:30px;display:flex;justify-content:flex-end}.token-dialog .el-dialog[data-v-73231371]{border-radius:16px}.dialog-content[data-v-73231371]{text-align:center;padding:10px 0}.success-icon[data-v-73231371]{font-size:48px;color:#67c23a;margin-bottom:16px}.dialog-tips[data-v-73231371]{font-size:16px;color:#303133;margin-bottom:24px}.env-selector[data-v-73231371]{margin-bottom:15px}.link-box[data-v-73231371]{display:flex;gap:10px;align-items:center;background:#f5f7fa;padding:16px;border-radius:8px}.link-input[data-v-73231371] .el-input__inner{border:none;background:transparent;color:#606266}.user-list-container[data-v-08352650]{padding:24px;background:linear-gradient(135deg,#f5f7fa,#e4e7eb);min-height:100vh}.page-header[data-v-08352650]{margin-bottom:24px}.page-title[data-v-08352650]{font-size:24px;color:#2c3e50;margin:0 0 8px 0;font-weight:600}.page-subtitle[data-v-08352650]{color:#909399;font-size:14px;margin:0}.content-card[data-v-08352650]{border-radius:12px;border:none;box-shadow:0 8px 24px rgba(0,0,0,.05)}.filter-section[data-v-08352650]{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;background:#fff;padding:4px}.search-input[data-v-08352650]{width:320px;transition:all .3s}.search-input[data-v-08352650]:hover{transform:translateY(-1px)}.refresh-btn[data-v-08352650]{margin-left:12px}.stylish-table[data-v-08352650]{border-radius:8px;overflow:hidden}.username[data-v-08352650]{color:#303133;font-weight:500;margin-left:8px}.user-info[data-v-08352650]{display:flex;align-items:center}.id-tag[data-v-08352650]{color:#909399;font-family:monospace}.time-text[data-v-08352650]{color:#606266;font-size:13px}.text-gray[data-v-08352650]{color:#909399}.action-btn[data-v-08352650]{transition:all .2s}.action-btn[data-v-08352650]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(64,158,255,.3)}.pagination-container[data-v-08352650]{margin-top:30px;display:flex;justify-content:flex-end}.token-dialog .el-dialog[data-v-08352650]{border-radius:16px}.dialog-content[data-v-08352650]{text-align:center;padding:10px 0}.success-icon[data-v-08352650]{font-size:48px;color:#67c23a;margin-bottom:16px}.dialog-tips[data-v-08352650]{font-size:16px;color:#303133;margin-bottom:24px}.env-selector[data-v-08352650]{margin-bottom:15px}.link-box[data-v-08352650]{display:flex;gap:10px;align-items:center;background:#f5f7fa;padding:16px;border-radius:8px}.link-input[data-v-08352650] .el-input__inner{border:none;background:transparent;color:#606266}.fade-transform-enter-active[data-v-08352650],.fade-transform-leave-active[data-v-08352650]{transition:all .4s}.fade-transform-enter[data-v-08352650]{opacity:0;transform:translateX(-20px)}.fade-transform-leave-to[data-v-08352650]{opacity:0;transform:translateX(20px)}.master-tag[data-v-08352650]{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff;padding:2px 6px;border-radius:4px;font-size:12px;margin-right:5px}.sub-tag[data-v-08352650]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f;padding:2px 6px;border-radius:4px;font-size:12px;margin-right:5px}.dashboard-container[data-v-a0aaac56]{padding:32px;background:var(--bg-primary);min-height:100vh}.welcome-section[data-v-a0aaac56]{margin-bottom:32px}.welcome-content[data-v-a0aaac56]{display:flex;justify-content:space-between;align-items:center}.welcome-text h1[data-v-a0aaac56]{font-size:28px;color:var(--text-primary);margin:0 0 8px 0;font-weight:var(--font-bold)}.welcome-text h1 .username[data-v-a0aaac56]{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-text p[data-v-a0aaac56]{color:var(--text-secondary);margin:0;font-size:15px}.date-display[data-v-a0aaac56]{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 24px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-primary);font-weight:var(--font-semibold);border:1px solid var(--border-light)}.date-icon[data-v-a0aaac56]{width:36px;height:36px;background:var(--bg-accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--accent-color)}.stats-grid[data-v-a0aaac56]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card[data-v-a0aaac56]{display:flex;align-items:flex-start;padding:24px;gap:20px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all .3s var(--ease-elegant);border:1px solid var(--border-light);position:relative;overflow:hidden}.stat-card[data-v-a0aaac56]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-accent);opacity:0;transition:opacity .3s}.stat-card[data-v-a0aaac56]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card[data-v-a0aaac56]:hover:before{opacity:1}.stat-icon[data-v-a0aaac56]{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.stat-icon.blue[data-v-a0aaac56]{background:var(--gradient-accent);box-shadow:var(--shadow-accent)}.stat-icon.green[data-v-a0aaac56]{background:var(--gradient-success);box-shadow:var(--shadow-success)}.stat-icon.warning[data-v-a0aaac56]{background:var(--gradient-warning);box-shadow:var(--shadow-warning)}.stat-icon.cyan[data-v-a0aaac56]{background:var(--gradient-info)}.stat-info[data-v-a0aaac56]{flex:1;min-width:0}.stat-label[data-v-a0aaac56]{font-size:13px;color:var(--text-tertiary);font-weight:var(--font-medium);display:block;margin-bottom:4px}.stat-value[data-v-a0aaac56]{margin:0;font-size:32px;color:var(--text-primary);font-weight:var(--font-bold);line-height:1.2}.stat-value.text-danger[data-v-a0aaac56]{color:var(--danger-color)}.stat-trend[data-v-a0aaac56]{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:var(--font-medium);margin-top:8px;padding:4px 8px;border-radius:var(--radius-sm)}.stat-trend.up[data-v-a0aaac56]{color:var(--success-color);background:var(--bg-success)}.stat-trend.down[data-v-a0aaac56]{color:var(--danger-color);background:var(--bg-danger)}.api-health-summary[data-v-a0aaac56]{display:flex;align-items:center;gap:16px;margin-top:8px}.health-item[data-v-a0aaac56]{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:var(--font-semibold);color:var(--text-secondary)}.dot[data-v-a0aaac56]{width:10px;height:10px;border-radius:50%}.dot.success[data-v-a0aaac56]{background:var(--success-color);box-shadow:0 0 8px var(--success-color)}.dot.warning[data-v-a0aaac56]{background:var(--warning-color);box-shadow:0 0 8px var(--warning-color)}.dot.danger[data-v-a0aaac56]{background:var(--danger-color);box-shadow:0 0 8px var(--danger-color)}.content-grid[data-v-a0aaac56]{display:grid;grid-template-columns:1fr 380px;gap:24px}.action-panel[data-v-a0aaac56],.logs-panel[data-v-a0aaac56]{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden}.panel-header[data-v-a0aaac56]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.panel-title[data-v-a0aaac56]{font-size:16px;font-weight:var(--font-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.panel-title i[data-v-a0aaac56]{color:var(--accent-color)}.quick-actions-grid[data-v-a0aaac56]{padding:16px;display:flex;flex-direction:column;gap:12px}.action-item[data-v-a0aaac56]{display:flex;align-items:center;padding:16px 20px;background:var(--bg-tertiary);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s var(--ease-elegant);border:1px solid transparent}.action-item[data-v-a0aaac56]:hover{background:var(--bg-accent);border-color:var(--border-accent);transform:translateX(4px)}.action-icon[data-v-a0aaac56]{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:22px;margin-right:16px;flex-shrink:0}.action-icon.ai[data-v-a0aaac56]{background:linear-gradient(135deg,#ecf5ff,#d9e9ff);color:var(--accent-color)}.action-icon.check[data-v-a0aaac56]{background:linear-gradient(135deg,#ecfdf5,#d0fae6);color:var(--success-color)}.action-icon.env[data-v-a0aaac56]{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:var(--warning-color)}.action-icon.logs[data-v-a0aaac56]{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:var(--danger-color)}.is-loading i[data-v-a0aaac56]{animation:rotate-a0aaac56 1s linear infinite}.action-content[data-v-a0aaac56]{flex:1;min-width:0}.action-label[data-v-a0aaac56]{font-weight:var(--font-semibold);color:var(--text-primary);display:block;margin-bottom:4px}.action-desc[data-v-a0aaac56]{font-size:13px;color:var(--text-tertiary);margin:0}.action-arrow[data-v-a0aaac56]{color:var(--text-muted);transition:transform .3s}.action-item:hover .action-arrow[data-v-a0aaac56]{transform:translateX(4px);color:var(--accent-color)}.recent-logs-list[data-v-a0aaac56]{padding:16px;max-height:400px;overflow-y:auto}.log-item[data-v-a0aaac56]{position:relative;padding-left:24px;padding-bottom:20px;border-left:2px solid var(--border-light);margin-left:8px}.log-item[data-v-a0aaac56]:last-child{padding-bottom:0;border-left-color:transparent}.log-dot[data-v-a0aaac56]{position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:var(--shadow-sm)}.log-dot.blue[data-v-a0aaac56]{background:var(--accent-color)}.log-dot.green[data-v-a0aaac56]{background:var(--success-color)}.log-dot.purple[data-v-a0aaac56]{background:#a855f7}.log-dot.cyan[data-v-a0aaac56]{background:var(--info-color)}.log-dot.orange[data-v-a0aaac56]{background:var(--warning-color)}.log-header[data-v-a0aaac56]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.log-user[data-v-a0aaac56]{font-weight:var(--font-semibold);font-size:14px;color:var(--text-primary)}.log-time[data-v-a0aaac56]{font-size:12px;color:var(--text-muted)}.log-action[data-v-a0aaac56]{font-size:12px;color:var(--accent-color);background:var(--bg-accent);display:inline-block;padding:3px 10px;border-radius:var(--radius-sm);margin-bottom:6px;font-weight:var(--font-medium)}.log-detail[data-v-a0aaac56]{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes rotate-a0aaac56{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1400px){.content-grid[data-v-a0aaac56]{grid-template-columns:1fr}.logs-panel[data-v-a0aaac56]{order:-1}}@media (max-width:1200px){.stats-grid[data-v-a0aaac56]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container[data-v-a0aaac56]{padding:20px}.welcome-content[data-v-a0aaac56]{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid[data-v-a0aaac56]{grid-template-columns:1fr}.welcome-text h1[data-v-a0aaac56]{font-size:22px}}:root{--primary-color:#1a1f36;--primary-light:#2d3555;--primary-lighter:#4a5568;--primary-dark:#0f1219;--primary-darker:#060709;--accent-color:#3b82f6;--accent-light:#60a5fa;--accent-lighter:#93c5fd;--accent-dark:#2563eb;--accent-darker:#1d4ed8;--secondary-color:#64748b;--secondary-light:#94a3b8;--secondary-dark:#475569;--success-color:#10b981;--success-light:#34d399;--success-lighter:#6ee7b7;--success-dark:#059669;--warning-color:#f59e0b;--warning-light:#fbbf24;--warning-lighter:#fcd34d;--warning-dark:#d97706;--danger-color:#ef4444;--danger-light:#f87171;--danger-lighter:#fca5a5;--danger-dark:#dc2626;--info-color:#06b6d4;--info-light:#22d3ee;--info-lighter:#67e8f9;--info-dark:#0891b2;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--gray-950:#020617;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-dark:#0f172a;--bg-darker:#020617;--bg-accent:#eff6ff;--bg-success:#ecfdf5;--bg-warning:#fffbeb;--bg-danger:#fef2f2;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-muted:#cbd5e1;--text-inverse:#fff;--text-accent:#3b82f6;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--border-accent:#bfdbfe;--gradient-primary:linear-gradient(135deg,#1a1f36,#2d3555 50%,#4a5568);--gradient-accent:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8);--gradient-accent-soft:linear-gradient(135deg,#60a5fa,#3b82f6);--gradient-dark:linear-gradient(180deg,#0f172a,#020617);--gradient-elegant:linear-gradient(135deg,#1a1f36,#3b82f6);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-info:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-mesh:linear-gradient(135deg,#667eea,#764ba2);--gradient-sunset:linear-gradient(135deg,#fa709a,#fee140);--gradient-ocean:linear-gradient(135deg,#2193b0,#6dd5ed);--gradient-aurora:linear-gradient(135deg,#00c6fb,#005bea);--gradient-overlay:linear-gradient(180deg,rgba(15,23,42,.95),rgba(2,6,23,.98));--shadow-xs:0 1px 2px 0 rgba(15,23,42,.04);--shadow-sm:0 2px 4px 0 rgba(15,23,42,.06);--shadow-md:0 4px 6px -1px rgba(15,23,42,.08),0 2px 4px -1px rgba(15,23,42,.04);--shadow-lg:0 10px 15px -3px rgba(15,23,42,.08),0 4px 6px -2px rgba(15,23,42,.04);--shadow-xl:0 20px 25px -5px rgba(15,23,42,.08),0 10px 10px -5px rgba(15,23,42,.04);--shadow-2xl:0 25px 50px -12px rgba(15,23,42,.2);--shadow-inner:inset 0 2px 4px 0 rgba(15,23,42,.04);--shadow-accent:0 10px 25px -5px rgba(59,130,246,.25);--shadow-accent-lg:0 20px 40px -10px rgba(59,130,246,.3);--shadow-success:0 10px 25px -5px rgba(16,185,129,.25);--shadow-warning:0 10px 25px -5px rgba(245,158,11,.25);--shadow-danger:0 10px 25px -5px rgba(239,68,68,.25);--shadow-primary:0 10px 25px -5px rgba(26,31,54,.25);--glow-accent:0 0 20px rgba(59,130,246,.4);--glow-success:0 0 20px rgba(16,185,129,.4);--glow-warning:0 0 20px rgba(245,158,11,.4);--glow-danger:0 0 20px rgba(239,68,68,.4);--radius-xs:3px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--transition-instant:50ms;--transition-fast:150ms;--transition-base:250ms;--transition-slow:350ms;--transition-slower:500ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-elegant:cubic-bezier(0.645,0.045,0.355,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--font-sans:"Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas","Monaco","Courier New",monospace;--font-display:"Inter","PingFang SC",sans-serif;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--text-4xl:30px;--text-5xl:36px;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--blur-sm:4px;--blur-base:8px;--blur-lg:12px;--blur-xl:16px;--blur-2xl:24px;--blur-3xl:40px}.glass{background:hsla(0,0%,100%,.92);backdrop-filter:blur(var(--blur-lg)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%);border:1px solid hsla(0,0%,100%,.4);box-shadow:var(--shadow-lg)}.glass-dark{background:rgba(15,23,42,.92);backdrop-filter:blur(var(--blur-xl)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(180%);border:1px solid hsla(0,0%,100%,.08);box-shadow:var(--shadow-2xl)}.glass-accent{background:rgba(239,246,255,.92);border:1px solid rgba(59,130,246,.15);box-shadow:var(--shadow-accent)}.glass-accent,.glass-success{backdrop-filter:blur(var(--blur-lg)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}.glass-success{background:rgba(236,253,245,.92);border:1px solid rgba(16,185,129,.15);box-shadow:var(--shadow-success)}.glass-warning{background:rgba(255,251,235,.92);border:1px solid rgba(245,158,11,.15);box-shadow:var(--shadow-warning)}.glass-danger,.glass-warning{backdrop-filter:blur(var(--blur-lg)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(180%)}.glass-danger{background:hsla(0,86%,97%,.92);border:1px solid rgba(239,68,68,.15);box-shadow:var(--shadow-danger)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-elegant{background:var(--gradient-elegant)}.bg-gradient-success{background:var(--gradient-success)}.bg-gradient-warning{background:var(--gradient-warning)}.bg-gradient-danger{background:var(--gradient-danger)}.bg-gradient-info{background:var(--gradient-info)}.bg-gradient-mesh{background:var(--gradient-mesh)}.bg-gradient-sunset{background:var(--gradient-sunset)}.bg-gradient-ocean{background:var(--gradient-ocean)}.bg-gradient-aurora{background:var(--gradient-aurora)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-accent{background-color:var(--bg-accent)}.bg-success{background-color:var(--bg-success)}.bg-warning{background-color:var(--bg-warning)}.bg-danger{background-color:var(--bg-danger)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-color)}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text}.text-gradient-accent,.text-gradient-elegant{-webkit-text-fill-color:transparent;font-weight:var(--font-bold)}.text-gradient-elegant{background:var(--gradient-elegant);-webkit-background-clip:text;background-clip:text}.text-gradient-mesh{background:var(--gradient-mesh);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--font-bold)}.border{border:1px solid var(--border-color)}.border-light{border:1px solid var(--border-light)}.border-accent{border:1px solid var(--border-accent)}.border-2{border-width:2px}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-accent{box-shadow:var(--shadow-accent)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-warning{box-shadow:var(--shadow-warning)}.shadow-danger{box-shadow:var(--shadow-danger)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{-webkit-line-clamp:2;line-clamp:2}.text-truncate-2,.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3;line-clamp:3}@media (max-width:640px){.hide-mobile{display:none!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:641px) and (max-width:1024px){.hide-tablet{display:none!important}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1025px){.hide-desktop{display:none!important}}@media (prefers-color-scheme:dark){:root.auto-dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#334155;--border-light:#1e293b}}.modern-card{background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-6);transition:all var(--transition-base) var(--ease-elegant);border:1px solid var(--border-light);position:relative;overflow:hidden}.modern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);opacity:0;transition:opacity var(--transition-base)}.modern-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--border-accent)}.modern-card:hover:before{opacity:1}.modern-card-glass{background:hsla(0,0%,100%,.85);backdrop-filter:blur(var(--blur-xl)) saturate(200%);-webkit-backdrop-filter:blur(var(--blur-xl)) saturate(200%);border:1px solid hsla(0,0%,100%,.5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px hsla(0,0%,100%,.3) inset;padding:var(--spacing-6)}.modern-card-accent{background:var(--bg-accent);border:1px solid var(--border-accent);border-left:4px solid var(--accent-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.modern-card-gradient{border:none;border-radius:var(--radius-xl);padding:var(--spacing-6)}.btn-gradient,.modern-card-gradient{background:var(--gradient-accent);box-shadow:var(--shadow-accent);color:#fff}.btn-gradient{border:none;padding:14px 32px;border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base) var(--ease-elegant);position:relative;overflow:hidden;letter-spacing:.3px}.btn-gradient:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.25);transform:translate(-50%,-50%);transition:width .6s var(--ease-out),height .6s var(--ease-out)}.btn-gradient:hover:before{width:400px;height:400px}.btn-gradient:hover{transform:translateY(-3px);box-shadow:var(--shadow-accent-lg)}.btn-gradient:active{transform:translateY(-1px)}.btn-elegant{padding:12px 28px;border-radius:var(--radius-lg);font-weight:var(--font-medium);transition:all var(--transition-base) var(--ease-elegant);border:2px solid var(--primary-color);background:transparent;color:var(--primary-color);cursor:pointer;position:relative;overflow:hidden}.btn-elegant:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-color);transition:left .4s var(--ease-elegant);z-index:-1}.btn-elegant:hover:before{left:0}.btn-elegant:hover{color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-primary)}.btn-ghost{padding:12px 28px;border-radius:var(--radius-lg);font-weight:var(--font-medium);transition:all var(--transition-base) var(--ease-elegant);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer}.btn-ghost:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--bg-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.elegant-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.elegant-table thead{background:var(--gradient-primary);color:#fff}.elegant-table thead th{padding:18px 24px;font-weight:var(--font-semibold);text-align:left;font-size:var(--text-sm);letter-spacing:.5px;text-transform:uppercase;border-bottom:2px solid var(--accent-color);position:relative}.elegant-table thead th:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-light);transition:width .4s var(--ease-elegant)}.elegant-table thead th:hover:after{width:100%}.elegant-table tbody tr{transition:all var(--transition-base) var(--ease-elegant);border-bottom:1px solid var(--border-light)}.elegant-table tbody tr:nth-child(2n){background:var(--bg-tertiary)}.elegant-table tbody tr:hover{background:var(--bg-accent);transform:scale(1.005);box-shadow:var(--shadow-sm)}.elegant-table tbody td{padding:16px 24px;color:var(--text-primary);font-size:var(--text-base);border-left:3px solid transparent;transition:all var(--transition-fast)}.elegant-table tbody tr:hover td:first-child{border-left-color:var(--accent-color)}.table-action-btn{padding:8px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--border-color);background:#fff;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast) var(--ease-elegant);margin:0 4px}.table-action-btn:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--bg-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.table-action-btn.primary{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.table-action-btn.primary:hover{background:var(--accent-dark);box-shadow:var(--shadow-accent)}.table-action-btn.danger{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.table-action-btn.danger:hover{background:var(--danger-dark);box-shadow:var(--shadow-danger)}.input-elegant{width:100%;padding:14px 18px;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all var(--transition-base) var(--ease-elegant);background:#fff;color:var(--text-primary)}.input-elegant:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 4px rgba(59,130,246,.15);background:#fff}.input-elegant:hover:not(:focus){border-color:var(--gray-400)}.input-elegant::-moz-placeholder{color:var(--text-muted)}.input-elegant::placeholder{color:var(--text-muted)}.tag-elegant{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all var(--transition-fast) var(--ease-elegant);border:1px solid transparent;letter-spacing:.3px}.tag-primary{background:linear-gradient(135deg,rgba(26,31,54,.12),rgba(26,31,54,.06));color:var(--primary-color);border-color:rgba(26,31,54,.2)}.tag-accent{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.08));color:var(--accent-dark);border-color:rgba(59,130,246,.25)}.tag-success{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.08));color:var(--success-dark);border-color:rgba(16,185,129,.25)}.tag-warning{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.08));color:var(--warning-dark);border-color:rgba(245,158,11,.25)}.tag-danger{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.08));color:var(--danger-dark);border-color:rgba(239,68,68,.25)}.tag-info{background:linear-gradient(135deg,rgba(6,182,212,.15),rgba(6,182,212,.08));color:var(--info-dark);border-color:rgba(6,182,212,.25)}.tag-elegant:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-sm)}.badge-elegant{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff;background:var(--gradient-accent);box-shadow:var(--shadow-accent)}.badge-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.badge-dot.success{background:var(--success-color);box-shadow:var(--glow-success)}.badge-dot.warning{background:var(--warning-color);box-shadow:var(--glow-warning)}.badge-dot.danger{background:var(--danger-color);box-shadow:var(--glow-danger)}.badge-dot.accent{background:var(--accent-color);box-shadow:var(--glow-accent)}.divider-elegant{height:1px;background:linear-gradient(90deg,transparent 0,var(--border-color) 20%,var(--border-color) 80%,transparent 100%);margin:var(--spacing-6) 0}.divider-accent{height:2px;background:linear-gradient(90deg,transparent 0,var(--accent-color) 20%,var(--accent-color) 80%,transparent 100%);margin:var(--spacing-6) 0;opacity:.5}.divider-vertical{width:1px;height:100%;background:var(--border-color);margin:0 var(--spacing-4)}.avatar-elegant{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--accent-color);box-shadow:var(--shadow-sm);transition:all var(--transition-base) var(--ease-elegant)}.avatar-elegant:hover{transform:scale(1.1);box-shadow:var(--shadow-accent)}.avatar-gradient-border{padding:3px;background:var(--gradient-accent);border-radius:50%;display:inline-block;box-shadow:var(--shadow-accent)}.avatar-gradient-border img{width:100%;height:100%;border-radius:50%;display:block;border:2px solid #fff}.avatar-status{position:relative;display:inline-block}.avatar-status:after{content:"";position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:var(--shadow-sm)}.avatar-status.online:after{background:var(--success-color)}.avatar-status.offline:after{background:var(--gray-400)}.avatar-status.busy:after{background:var(--danger-color)}.progress-elegant{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-inner)}.progress-fill{height:100%;background:var(--gradient-accent);border-radius:var(--radius-full);transition:width var(--transition-slow) var(--ease-elegant);box-shadow:0 0 12px rgba(59,130,246,.5);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);animation:shimmer 2s infinite}.progress-elegant.success .progress-fill{background:var(--gradient-success);box-shadow:0 0 12px rgba(16,185,129,.5)}.progress-elegant.warning .progress-fill{background:var(--gradient-warning);box-shadow:0 0 12px rgba(245,158,11,.5)}.progress-elegant.danger .progress-fill{background:var(--gradient-danger);box-shadow:0 0 12px rgba(239,68,68,.5)}.empty-state-elegant{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--text-secondary)}.empty-state-icon{font-size:64px;color:var(--gray-300);margin-bottom:var(--spacing-4);opacity:.5}.empty-state-text{font-size:var(--text-base);color:var(--text-tertiary);margin-top:var(--spacing-2)}.empty-state-action{margin-top:var(--spacing-6)}.loading-elegant{display:inline-block;width:28px;height:28px;border:3px solid rgba(59,130,246,.15);border-top-color:var(--accent-color);border-radius:50%;animation:rotate .8s linear infinite}.loading-dots{gap:6px}.loading-dots span{width:10px;height:10px;background:var(--accent-color)}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}.notification-badge{position:relative}.notification-badge:after{content:"";position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:var(--gradient-danger);border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-danger);animation:pulse 2s ease-in-out infinite}.tooltip-elegant{position:relative}.tooltip-elegant:after,.tooltip-elegant:before{position:absolute;opacity:0;visibility:hidden;transition:all var(--transition-fast) var(--ease-elegant);z-index:var(--z-tooltip)}.tooltip-elegant:before{content:attr(data-tooltip);bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(5px);padding:8px 14px;background:var(--gray-800);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-md);white-space:nowrap;box-shadow:var(--shadow-lg)}.tooltip-elegant:after{content:"";bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--gray-800)}.tooltip-elegant:hover:after,.tooltip-elegant:hover:before{opacity:1;visibility:visible}.tooltip-elegant:hover:before{transform:translateX(-50%) translateY(0)}.dropdown-elegant{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);padding:var(--spacing-2);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast) var(--ease-elegant);z-index:var(--z-dropdown)}.dropdown-elegant:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.dropdown-item:hover{background:var(--bg-accent);color:var(--accent-color)}.dropdown-divider{height:1px;background:var(--border-light);margin:var(--spacing-2) 0}.switch-elegant{position:relative;width:48px;height:26px;background:var(--gray-300);border-radius:var(--radius-full);cursor:pointer}.switch-elegant,.switch-elegant:after{transition:all var(--transition-base) var(--ease-elegant)}.switch-elegant:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm)}.switch-elegant.active{background:var(--gradient-accent);box-shadow:var(--shadow-accent)}.switch-elegant.active:after{left:calc(100% - 23px)}.stat-card{display:flex;align-items:center;padding:var(--spacing-6);gap:var(--spacing-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base) var(--ease-elegant);border:1px solid var(--border-light);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-accent);opacity:0;transition:opacity var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-card:hover:before{opacity:1}.stat-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.stat-icon.blue{background:var(--gradient-accent);box-shadow:var(--shadow-accent)}.stat-icon.green{background:var(--gradient-success);box-shadow:var(--shadow-success)}.stat-icon.warning{background:var(--gradient-warning);box-shadow:var(--shadow-warning)}.stat-icon.danger{background:var(--gradient-danger);box-shadow:var(--shadow-danger)}.stat-icon.purple{background:var(--gradient-mesh)}.stat-icon.cyan{background:var(--gradient-info)}.stat-info{flex:1;min-width:0}.stat-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--font-medium);margin-bottom:var(--spacing-1)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1.2}.stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:var(--font-medium);margin-top:var(--spacing-1)}.stat-trend.up{color:var(--success-color)}.stat-trend.down{color:var(--danger-color)}.timeline{position:relative;padding-left:var(--spacing-8)}.timeline:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item{position:relative;padding-bottom:var(--spacing-6)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-27px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--accent-color);border:2px solid #fff;box-shadow:var(--shadow-sm)}.timeline-content{background:var(--bg-tertiary);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--border-light)}@media (max-width:768px){.hide-mobile{display:none!important}.modern-card,.stat-card{padding:var(--spacing-4)}.stat-icon{width:48px;height:48px;font-size:20px}.stat-value{font-size:var(--text-2xl)}}@media (min-width:769px){.show-mobile{display:none!important}}.stylish-table{width:100%;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-secondary);box-shadow:var(--shadow-lg);transition:all var(--transition-base) var(--ease-elegant);position:relative}.stylish-table:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent);opacity:0;transition:opacity var(--transition-base)}.stylish-table:hover{box-shadow:var(--shadow-xl)}.stylish-table:hover:before{opacity:1}.stylish-table>>>.el-table__header-wrapper{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);position:relative}.stylish-table>>>.el-table__header-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-accent);opacity:.5}.stylish-table>>>.el-table__header thead th{background:transparent!important;color:var(--text-inverse)!important;font-weight:600;font-size:13px;padding:18px 16px;border-bottom:none;letter-spacing:.3px;text-transform:uppercase;position:relative}.stylish-table>>>.el-table__header thead th.is-leaf{border-bottom:2px solid var(--accent-color)}.stylish-table>>>.el-table__header thead th:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:hsla(0,0%,100%,.15)}.stylish-table>>>.el-table__body-wrapper{background:var(--bg-secondary)}.stylish-table>>>.el-table__body tbody tr{transition:all var(--transition-base) var(--ease-elegant);background:var(--bg-secondary);position:relative}.stylish-table>>>.el-table__body tbody tr.el-table__row--striped{background:rgba(99,102,241,.02)}.stylish-table>>>.el-table__body tbody tr:hover{background:linear-gradient(90deg,rgba(99,102,241,.08) 0,var(--bg-secondary) 100%)!important;transform:translateX(4px)}.stylish-table>>>.el-table__body tbody tr:hover:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-accent);border-radius:0 2px 2px 0}.stylish-table>>>.el-table__body tbody tr.current-row{background:var(--bg-accent)!important;box-shadow:inset 3px 0 0 var(--accent-color)}.stylish-table>>>.el-table__body tbody tr.el-table__row--selected{background:var(--bg-accent)!important}.stylish-table>>>.el-table__body tbody td{padding:14px 12px;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:14px;transition:all var(--transition-fast)}.stylish-table>>>.el-table__body tbody td .cell{line-height:1.6;word-break:break-word}.stylish-table>>>.el-table__fixed,.stylish-table>>>.el-table__fixed-right{box-shadow:var(--shadow-md)}.stylish-table>>>.el-table__empty-block{background:var(--bg-secondary);padding:60px 0}.stylish-table>>>.el-table__empty-text{color:var(--text-tertiary);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:12px}.stylish-table>>>.el-table__empty-text:before{content:"📋";font-size:48px;opacity:.3}.stylish-table>>>.el-loading-mask{background:hsla(0,0%,100%,.92);backdrop-filter:blur(4px)}.stylish-table>>>.el-loading-spinner .el-loading-text{color:var(--primary-color);font-weight:500;margin-top:12px}.stylish-table>>>.el-loading-spinner .circular{width:42px;height:42px}.stylish-table>>>.el-loading-spinner .path{stroke:var(--accent-color);stroke-width:3}.stylish-table>>>.el-table__expanded-cell{background:var(--bg-tertiary);padding:20px;border-left:3px solid var(--accent-color)}.stylish-table>>>.el-table__expand-icon{color:var(--accent-color);font-size:14px;transition:all var(--transition-base)}.stylish-table>>>.el-table__expand-icon:hover{color:var(--accent-dark);transform:scale(1.2)}.stylish-table>>>.el-checkbox__inner{border-radius:var(--radius-xs);border-color:var(--border-dark);transition:all var(--transition-base)}.stylish-table>>>.el-checkbox__input.is-checked .el-checkbox__inner{background:var(--gradient-accent);border-color:var(--accent-color)}.stylish-table>>>.el-checkbox__inner:hover{border-color:var(--accent-color);transform:scale(1.1)}.stylish-table>>>.caret-wrapper,.stylish-table>>>.el-table__column-filter-trigger{color:hsla(0,0%,100%,.7);transition:all var(--transition-base)}.stylish-table>>>.caret-wrapper:hover,.stylish-table>>>.el-table__column-filter-trigger:hover{color:var(--accent-color)}.stylish-table>>>.ascending .sort-caret.ascending,.stylish-table>>>.descending .sort-caret.descending{border-bottom-color:var(--accent-color)}.pagination-container{margin-top:24px;padding:16px 0;display:flex;justify-content:flex-end;align-items:center}.pagination-container>>>.el-pagination{display:flex;align-items:center;gap:8px}.pagination-container>>>.el-pagination__total{color:var(--text-secondary);font-weight:500;margin-right:16px}.pagination-container>>>.el-pagination__sizes{margin-right:16px}.pagination-container>>>.el-pager li,.pagination-container>>>.el-pagination .btn-next,.pagination-container>>>.el-pagination .btn-prev{min-width:36px;height:36px;line-height:36px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-weight:500;transition:all var(--transition-base) var(--ease-elegant);margin:0 2px}.pagination-container>>>.el-pager li:hover,.pagination-container>>>.el-pagination .btn-next:hover,.pagination-container>>>.el-pagination .btn-prev:hover{background:var(--gradient-accent);color:var(--text-inverse);border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.pagination-container>>>.el-pager li.active{background:var(--gradient-primary);color:var(--text-inverse);border-color:var(--primary-color);box-shadow:var(--shadow-primary);font-weight:600}.pagination-container>>>.el-pagination .btn-next:disabled,.pagination-container>>>.el-pagination .btn-prev:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);border-color:var(--border-light);cursor:not-allowed;transform:none}.pagination-container>>>.el-pagination__jump{margin-left:16px;color:var(--text-secondary);font-weight:500}.pagination-container>>>.el-pagination__jump .el-input__inner{border-radius:var(--radius-sm);border-color:var(--border-color);transition:all var(--transition-base)}.pagination-container>>>.el-pagination__jump .el-input__inner:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(64,158,255,.1)}.stylish-table>>>.el-tag{border-radius:var(--radius-sm);padding:4px 12px;font-weight:500;font-size:12px;border:none;transition:all var(--transition-base)}.stylish-table>>>.el-tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.stylish-table>>>.el-tag--success{background:linear-gradient(135deg,var(--success-color) 0,var(--success-light) 100%);color:#fff}.stylish-table>>>.el-tag--warning{background:linear-gradient(135deg,var(--warning-color) 0,var(--warning-light) 100%);color:#fff}.stylish-table>>>.el-tag--danger{background:linear-gradient(135deg,var(--danger-color) 0,var(--danger-light) 100%);color:#fff}.stylish-table>>>.el-tag--info{background:linear-gradient(135deg,var(--info-color) 0,var(--info-light) 100%);color:#fff}.stylish-table>>>.el-tag--primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);color:#fff}.stylish-table>>>.el-button{border-radius:var(--radius-sm);font-weight:500;transition:all var(--transition-base) var(--ease-elegant)}.stylish-table>>>.el-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stylish-table>>>.el-button--primary{background:var(--gradient-primary);border-color:var(--primary-color)}.stylish-table>>>.el-button--primary:hover{box-shadow:var(--shadow-primary)}.stylish-table>>>.el-button--text{color:var(--accent-color);font-weight:600}.stylish-table>>>.el-button--text:hover{color:var(--accent-dark);background:var(--bg-accent)}.stylish-table>>>.el-avatar{border:2px solid var(--border-color);transition:all var(--transition-base)}.stylish-table>>>.el-avatar:hover{border-color:var(--accent-color);transform:scale(1.1);box-shadow:var(--shadow-accent)}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{flex-shrink:0}.username{color:var(--text-primary);font-weight:600;transition:color var(--transition-base)}.username:hover{color:var(--accent-color)}.id-tag{color:var(--text-tertiary);font-weight:500;padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-xs);border:1px solid var(--border-light)}.id-tag,.time-text{font-family:Consolas,Monaco,Courier New,monospace;font-size:13px}.time-text{color:var(--text-secondary);display:flex;align-items:center;gap:6px}.time-text:before{content:"🕐";font-size:14px;opacity:.6}.text-gray{color:var(--text-tertiary)}.text-success{color:var(--success-color);font-weight:600}.text-warning{color:var(--warning-color);font-weight:600}.text-danger{color:var(--danger-color);font-weight:600}.text-info{color:var(--info-color);font-weight:600}.bold{font-weight:700}.link-type{color:var(--accent-color);cursor:pointer;font-weight:500;transition:all var(--transition-base);text-decoration:none;border-bottom:1px solid transparent}.link-type:hover{color:var(--accent-dark);border-bottom-color:var(--accent-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.table-row-animate{animation:fadeInUp .3s var(--ease-elegant)}@media screen and (max-width:1200px){.stylish-table>>>.el-table__body tbody td{padding:12px 8px;font-size:13px}.stylish-table>>>.el-table__header thead th{padding:14px 8px;font-size:11px}}@media screen and (max-width:768px){.pagination-container{justify-content:center}.pagination-container>>>.el-pagination__jump,.pagination-container>>>.el-pagination__total{display:none}}.stylish-table>>>.el-table__body-wrapper::-webkit-scrollbar{width:8px;height:8px}.stylish-table>>>.el-table__body-wrapper::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.stylish-table>>>.el-table__body-wrapper::-webkit-scrollbar-thumb{background:var(--gradient-accent);border-radius:var(--radius-sm);-webkit-transition:all var(--transition-base);transition:all var(--transition-base)}.stylish-table>>>.el-table__body-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(99,102,241,.5)}50%{box-shadow:0 0 20px rgba(99,102,241,.8)}}.animate-fade-in{animation:fadeIn var(--transition-base) var(--ease-out)}.animate-fade-out{animation:fadeOut var(--transition-base) var(--ease-in)}.animate-slide-in-up{animation:slideInUp var(--transition-slow) var(--ease-out)}.animate-slide-in-down{animation:slideInDown var(--transition-slow) var(--ease-out)}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) var(--ease-out)}.animate-slide-in-right{animation:slideInRight var(--transition-slow) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--transition-base) var(--ease-out)}.animate-bounce{animation:bounce 1s ease-in-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-rotate{animation:rotate 1s linear infinite}.transition-all{transition:all var(--transition-base) var(--ease-in-out)}.transition-fast{transition:all var(--transition-fast) var(--ease-in-out)}.transition-slow{transition:all var(--transition-slow) var(--ease-in-out)}.transition-transform{transition:transform var(--transition-base) var(--ease-in-out)}.transition-opacity{transition:opacity var(--transition-base) var(--ease-in-out)}.transition-colors{transition:background-color var(--transition-base) var(--ease-in-out),border-color var(--transition-base) var(--ease-in-out),color var(--transition-base) var(--ease-in-out)}.hover-lift{transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-base) var(--ease-out)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-base) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px rgba(99,102,241,.4)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--primary-color);border-radius:50%;animation:rotate .8s linear infinite}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--primary-color);animation:bounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes borderDance{0%{background-position:0 0,100% 100%,0 100%,100% 0}to{background-position:100% 0,0 100%,0 0,100% 100%}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes morphBackground{0%{background:linear-gradient(135deg,#667eea,#764ba2)}25%{background:linear-gradient(135deg,#f093fb,#f5576c)}50%{background:linear-gradient(135deg,#4facfe,#00f2fe)}75%{background:linear-gradient(135deg,#43e97b,#38f9d7)}to{background:linear-gradient(135deg,#667eea,#764ba2)}}@keyframes slideShine{0%{left:-100%}to{left:200%}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes rubberBand{0%{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}to{transform:scale(1)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-ripple{position:relative;overflow:hidden}.animate-ripple:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%,-50%);transform-origin:50% 50%}.animate-ripple:active:after{animation:ripple .6s ease-out}.animate-gradient{background-size:200% 200%;animation:gradientShift 3s ease infinite}.animate-heartbeat{animation:heartBeat 1.5s ease-in-out infinite}.animate-rubber-band{animation:rubberBand 1s ease}.page-enter-active,.page-leave-active{transition:all .4s var(--ease-elegant)}.page-enter,.page-leave-to{opacity:0;transform:translateY(20px)}.list-item-enter-active,.list-item-leave-active{transition:all .5s var(--ease-elegant)}.list-item-enter,.list-item-leave-to{opacity:0;transform:translateX(-30px)}.list-item-move{transition:transform .5s var(--ease-elegant)}.modal-enter-active{animation:modalIn .3s var(--ease-out)}.modal-leave-active{animation:modalOut .2s var(--ease-in)}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}.dropdown-enter-active{animation:dropdownIn .2s var(--ease-out)}.dropdown-leave-active{animation:dropdownOut .15s var(--ease-in)}@keyframes dropdownIn{0%{opacity:0;transform:scaleY(.8) translateY(-10px);transform-origin:top}to{opacity:1;transform:scaleY(1) translateY(0);transform-origin:top}}@keyframes dropdownOut{0%{opacity:1;transform:scaleY(1) translateY(0);transform-origin:top}to{opacity:0;transform:scaleY(.8) translateY(-10px);transform-origin:top}}.notification-enter-active{animation:notificationIn .3s var(--ease-out)}.notification-leave-active{animation:notificationOut .2s var(--ease-in)}@keyframes notificationIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes notificationOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.3);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-ripple:active:before{width:300px;height:300px}.card-hover{transition:all var(--transition-base) var(--ease-elegant)}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.highlight-flash{animation:flashHighlight .6s ease-out}@keyframes flashHighlight{0%{background-color:rgba(99,102,241,.3)}to{background-color:transparent}}.success-checkmark{animation:checkmark .5s ease-in-out forwards}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.error-shake{animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.progress-bar-animated{animation:progressStripes 1s linear infinite}@keyframes progressStripes{0%{background-position:40px 0}to{background-position:0 0}}.number-scroll{display:inline-block;animation:numberScroll .5s ease-out}@keyframes numberScroll{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tooltip-enter-active{animation:tooltipIn .2s var(--ease-out)}.tooltip-leave-active{animation:tooltipOut .15s var(--ease-in)}@keyframes tooltipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes tooltipOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}