#app{width:100%;min-height:100vh}@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-elevated: #ffffff;--bg-overlay: rgba(15, 23, 42, .5);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-focus: #0ea5e9;--accent: #0ea5e9;--accent-hover: #0284c7;--accent-light: #e0f2fe;--accent-dark: #0369a1;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .03);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .05), 0 1px 2px -1px rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .05);--shadow-glow: 0 0 20px rgba(14, 165, 233, .15);--shadow-card: 0 1px 3px 0 rgb(0 0 0 / .04), 0 1px 2px -1px rgb(0 0 0 / .04);--shadow-card-hover: 0 8px 16px -4px rgb(0 0 0 / .1), 0 4px 6px -2px rgb(0 0 0 / .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem}.dark{--bg-primary: #0c1015;--bg-secondary: #12181f;--bg-card: #181f28;--bg-card-hover: #1e2730;--bg-elevated: #1a2129;--bg-overlay: rgba(0, 0, 0, .8);--text-primary: #e8edf3;--text-secondary: #8b9bb0;--text-muted: #5a6a7e;--text-inverse: #0c1015;--border-primary: #252d38;--border-secondary: #323d4d;--border-focus: #22d3ee;--accent: #22d3ee;--accent-hover: #06b6d4;--accent-light: rgba(34, 211, 238, .12);--accent-dark: #67e8f9;--success: #34d399;--success-light: rgba(52, 211, 153, .12);--warning: #fbbf24;--warning-light: rgba(251, 191, 36, .12);--error: #f87171;--error-light: rgba(248, 113, 113, .12);--info: #60a5fa;--info-light: rgba(96, 165, 250, .12);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .4);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .5), 0 1px 2px -1px rgb(0 0 0 / .5);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .6), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .7), 0 4px 6px -4px rgb(0 0 0 / .6);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .8), 0 8px 10px -6px rgb(0 0 0 / .7);--shadow-glow: 0 0 20px rgba(34, 211, 238, .25);--shadow-card: 0 2px 4px 0 rgb(0 0 0 / .3);--shadow-card-hover: 0 8px 20px -4px rgb(0 0 0 / .5), 0 0 0 1px rgba(34, 211, 238, .15);--el-fill-color-blank: #181F28;--el-border-color: #4d4d4d;--el-border-color-light: #2a333d;--el-fill-color-light: #2a333d;--el-bg-color-overlay: #181F28;--el-text-color-regular: #e8edf3;--el-descriptions-table-border: #4d4d4d;--el-border-color-lighter: #4d4d4d;--el-text-color-primary: #e8edf3}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}#app{width:100%;height:100%}.overflow-tooltip{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;cursor:pointer}.el-select-dropdown__item{line-height:unset}.el-button{--el-button-border-radius: var(--radius-lg);font-weight:500;transition:all var(--transition-fast);border:none;letter-spacing:-.01em}.el-button--default{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-primary)}.el-button--default:hover{background:var(--bg-card-hover);border-color:var(--border-secondary);color:var(--text-primary)}.el-button--primary{--el-button-bg-color: var(--accent);--el-button-border-color: var(--accent);--el-button-hover-bg-color: var(--accent-hover);--el-button-hover-border-color: var(--accent-hover);background:linear-gradient(135deg,var(--accent) 0%,#0284c7 100%);box-shadow:0 2px 8px #0ea5e940}.el-button--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e959}.el-button--primary:active{transform:translateY(0)}.el-button--danger{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%);box-shadow:0 2px 8px #ef444440}.el-button--danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.el-button--success{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);box-shadow:0 2px 8px #10b98140}.el-button.is-text{color:var(--text-secondary)}.el-button.is-text:hover{color:var(--accent);background:var(--accent-light)}.el-button.is-circle{background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary)}.el-button.is-circle:hover{background:var(--bg-card-hover);border-color:var(--border-secondary);color:var(--text-primary)}.back-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.back-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-secondary)}.back-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.el-card{--el-card-bg-color: var(--bg-card);--el-card-border-color: var(--border-primary);--el-card-border-radius: var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.el-card:hover{box-shadow:var(--shadow-card-hover)}.el-card__header{border-bottom:1px solid var(--border-primary);padding:var(--space-4) var(--space-5)}.el-card__body{padding:var(--space-5)}.dark .el-card{--el-card-bg-color: var(--bg-card);--el-card-border-color: var(--border-primary)}.el-dialog{--el-dialog-bg-color: var(--bg-card);--el-dialog-border-radius: var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-primary)}.el-dialog__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary);margin-right:0}.el-dialog__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.el-dialog__body{padding:var(--space-6)}.el-dialog__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-primary)}.dark .el-dialog{--el-dialog-bg-color: var(--bg-card)}.dark .el-dialog__title{color:var(--text-primary)}.el-input__wrapper{--el-input-bg-color: var(--bg-secondary);--el-input-border-color: var(--border-primary);border-radius:var(--radius-lg)!important;box-shadow:0 0 0 1px var(--border-primary) inset!important;transition:all var(--transition-fast);padding:0 var(--space-3)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--border-secondary) inset!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 2px var(--accent) inset!important}.el-input__inner{color:var(--text-primary);font-size:.875rem}.el-input__inner::placeholder{color:var(--text-muted)}.el-textarea__inner{--el-input-bg-color: var(--bg-secondary);border-radius:var(--radius-lg)!important;box-shadow:0 0 0 1px var(--border-primary) inset;transition:all var(--transition-fast);padding:var(--space-3);color:var(--text-primary);font-size:.875rem}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--border-secondary) inset}.el-textarea__inner:focus{box-shadow:0 0 0 2px var(--accent) inset}.el-textarea__inner::placeholder{color:var(--text-muted)}.dark .el-input__wrapper{background-color:var(--bg-secondary)}.dark .el-input__inner{color:var(--text-primary)}.dark .el-textarea__inner{background-color:var(--bg-secondary);color:var(--text-primary)}.el-select .el-input__wrapper{background:var(--bg-secondary)}.el-select-dropdown{border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.el-select-dropdown__item{font-size:.875rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin:2px var(--space-1)}.el-select-dropdown__item.is-selected{background:var(--accent-light);color:var(--accent);font-weight:500}.el-select-dropdown__item:hover{background:var(--bg-card-hover)}.dark .el-select-dropdown{background:var(--bg-elevated);border-color:var(--border-primary)}.dark .el-select-dropdown__item:hover{background:var(--bg-card-hover)}.el-tag{--el-tag-border-radius: var(--radius-md);font-weight:500;font-size:.75rem;padding:0 var(--space-2);height:1.5rem;line-height:1.5rem;border:none}.el-tag--info{background:var(--bg-card-hover);color:var(--text-secondary)}.el-tag--primary{background:var(--accent-light);color:var(--accent)}.el-tag--success{background:var(--success-light);color:var(--success)}.el-tag--warning{background:var(--warning-light);color:var(--warning)}.el-tag--danger{background:var(--error-light);color:var(--error)}.el-tabs__header{margin-bottom:var(--space-6)}.el-tabs__nav-wrap:after{display:none}.el-tabs__item{font-weight:500;font-size:.875rem;color:var(--text-secondary);padding:0 var(--space-5);height:2.5rem;line-height:2.5rem;transition:color var(--transition-fast)}.el-tabs__item:hover{color:var(--text-primary)}.el-tabs__item.is-active{color:var(--accent);font-weight:600}.el-tabs__active-bar{background:var(--accent);height:2px;border-radius:var(--radius-full)}.dark .el-tabs__item{color:var(--text-secondary)}.dark .el-tabs__item.is-active{color:var(--accent)}.el-table{--el-table-bg-color: var(--bg-card);--el-table-header-bg-color: var(--bg-secondary);--el-table-tr-bg-color: var(--bg-card);--el-table-row-hover-bg-color: var(--bg-card-hover);--el-table-border-color: var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.el-table th.el-table__cell{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.el-table td.el-table__cell{font-size:.875rem;color:var(--text-primary)}.dark .el-table{--el-table-bg-color: var(--bg-card);--el-table-header-bg-color: var(--bg-secondary);--el-table-tr-bg-color: var(--bg-card);--el-table-row-hover-bg-color: var(--bg-card-hover);--el-fill-color-lighter: var(--bg-secondary)}.dark .el-table th.el-table__cell,.dark .el-table td.el-table__cell{border-color:var(--border-primary)}.dark .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background-color:var(--bg-secondary)}.el-pagination{--el-pagination-bg-color: transparent;--el-pagination-button-bg-color: var(--bg-card);gap:var(--space-1)}.el-pager li{min-width:2rem;height:2rem;line-height:2rem;font-weight:500;font-size:.8125rem;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);transition:all var(--transition-fast)}.el-pager li:hover{color:var(--accent);background:var(--accent-light)}.el-pager li.is-active{background:var(--accent);color:#fff;font-weight:600}.el-pagination button{min-width:2rem;height:2rem;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);transition:all var(--transition-fast)}.el-pagination button:hover:not(:disabled){color:var(--accent);background:var(--accent-light)}.el-pagination button:disabled{opacity:.4}.dark .el-pagination{--el-pagination-text-color: var(--text-secondary);--el-pagination-button-color: var(--text-primary)}.dark .el-pagination button,.dark .el-pager li{background-color:transparent;color:var(--text-secondary)}.dark .el-pager li:hover{background:var(--accent-light)}.dark .el-pager li.is-active{background:var(--accent);color:var(--text-inverse)}.el-empty{padding:var(--space-12) var(--space-6)}.el-empty__description p{color:var(--text-muted);font-size:.875rem}.dark .el-empty__description p{color:var(--text-muted)}.el-alert{border-radius:var(--radius-lg);border:none;padding:var(--space-4)}.el-alert--info{background:var(--info-light)}.el-alert--success{background:var(--success-light)}.el-alert--warning{background:var(--warning-light)}.el-alert--error{background:var(--error-light)}.dark .el-alert--info{--el-alert-bg-color: var(--info-light)}.el-form-item__label{font-weight:500;font-size:.875rem;color:var(--text-primary);margin-bottom:var(--space-2)}.dark .el-form-item__label{color:var(--text-primary)}.el-descriptions{--el-descriptions-item-bordered-label-background: var(--bg-secondary)}.el-descriptions__label{font-weight:500;color:var(--text-secondary)}.el-descriptions__content{color:var(--text-primary)}.dark .el-descriptions__label,.dark .el-descriptions__content{background:var(--bg-secondary)}.el-message-box{border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-xl)}.dark .el-message-box{background:var(--bg-card)}.el-popconfirm{border-radius:var(--radius-lg)}.dark .el-popconfirm{--el-popconfirm-bg-color: var(--bg-card)}.el-loading-mask{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.el-loading-spinner .circular{width:32px;height:32px}.el-loading-spinner .path{stroke:var(--accent)}.el-switch{--el-switch-on-color: var(--accent)}.dark .el-switch__core{background:var(--bg-secondary);border-color:var(--border-primary)}.el-tooltip__trigger{outline:none}.el-avatar{--el-avatar-bg-color: var(--accent)}.el-scrollbar__thumb{background:var(--border-secondary);border-radius:var(--radius-full)}.el-scrollbar__thumb:hover{background:var(--text-muted)}.page-container{min-height:100vh;background-color:var(--bg-primary);transition:background-color var(--transition-normal)}.content-wrapper{margin:0 auto;width:100%}.glass-card{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.dark .glass-card{background:#1a2332cc}.glass-card:hover{box-shadow:var(--shadow-card-hover)}.gradient-primary{background:linear-gradient(135deg,var(--accent) 0%,#0284c7 100%)}.gradient-success{background:linear-gradient(135deg,var(--success) 0%,#059669 100%)}.gradient-warning{background:linear-gradient(135deg,var(--warning) 0%,#d97706 100%)}.gradient-error{background:linear-gradient(135deg,var(--error) 0%,#dc2626 100%)}.gradient-animated{background:linear-gradient(-45deg,#0ea5e9,#06b6d4,#8b5cf6,#ec4899);background-size:400% 400%;animation:gradient-shift 15s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glow-primary{box-shadow:0 0 20px #0ea5e94d}.glow-success{box-shadow:0 0 20px #10b9814d}.skeleton{background:linear-gradient(90deg,var(--bg-card-hover) 25%,var(--bg-secondary) 50%,var(--bg-card-hover) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.interactive-scale{transition:transform var(--transition-fast)}.interactive-scale:hover{transform:scale(1.02)}.interactive-scale:active{transform:scale(.98)}.focus-ring:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.truncate-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.animate-fade-in{animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-scale-in{animation:scale-in .2s ease-out}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.status-dot.success{background:var(--success)}.status-dot.warning{background:var(--warning)}.status-dot.error{background:var(--error)}.status-dot.info{background:var(--info)}.status-dot.muted{background:var(--text-muted)}.status-dot.pulse{animation:status-pulse 2s infinite}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 4px currentColor;opacity:.5}}.text-gradient{background:linear-gradient(135deg,var(--accent) 0%,#06b6d4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-display{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;letter-spacing:-.02em}.font-mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace}