:root{--sidebar-bg: #1A1D23;--sidebar-hover: #2D323B;--sidebar-active: #2D323B;--sidebar-border: #383E47;--sidebar-text: #C9CDD4;--sidebar-highlight: #E8EAED;--content-bg: #FFFFFF;--card-bg: #F7F8FA;--content-border: #E4E7EB;--text-title: #212933;--text-body: #4E5969;--text-muted: #86909C;--accent: #64748B;--accent-hover: #475569;--accent-light: rgba(100, 116, 139, .1);--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--content-bg);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100vh;background:var(--content-bg)}a{text-decoration:none;color:var(--accent);transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}.el-menu{border-right:none!important}.sidebar-dark .el-menu{background:var(--sidebar-bg)!important}.sidebar-dark .el-menu-item{color:var(--sidebar-text)!important}.sidebar-dark .el-menu-item:hover{background:var(--sidebar-hover)!important;color:var(--sidebar-highlight)!important}.sidebar-dark .el-menu-item.is-active{background:var(--sidebar-active)!important;color:var(--sidebar-highlight)!important}.sidebar-dark .el-sub-menu__title{color:var(--sidebar-text)!important}.el-card{background:var(--card-bg)!important;border:1px solid var(--content-border)!important;box-shadow:var(--shadow-sm)!important}.el-button--primary{background:var(--accent)!important;border:none!important}.el-button--primary:hover{background:var(--accent-hover)!important}.el-input__wrapper{background:var(--content-bg)!important;box-shadow:none!important;border:1px solid var(--content-border)!important;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.el-input__wrapper:hover{border-color:var(--accent)!important}.el-input__wrapper.is-focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-light)!important}.el-input__inner{color:var(--text-title)!important}.el-input__inner::placeholder{color:var(--text-muted)!important}.el-table{--el-table-bg-color: var(--content-bg);--el-table-tr-bg-color: var(--content-bg);--el-table-header-bg-color: var(--card-bg);--el-table-row-hover-bg-color: var(--card-bg);--el-table-text-color: var(--text-title);--el-table-header-text-color: var(--text-body);--el-table-border-color: var(--content-border)}.el-dialog{--el-dialog-bg-color: var(--content-bg);border-radius:16px!important;overflow:hidden}.el-dialog__header{border-bottom:1px solid var(--content-border);padding:16px 20px!important}.el-dialog__body{padding:20px!important;color:var(--text-body)!important}.el-dialog__footer{border-top:1px solid var(--content-border);padding:16px 20px!important}.el-tabs__item{color:var(--text-body)!important}.el-tabs__item.is-active{color:var(--accent)!important;font-weight:600!important}.el-tabs__active-bar{background:var(--accent)!important}::-webkit-scrollbar-track{background:var(--card-bg);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--content-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent-light);color:var(--text-title)}.el-pagination.is-background .el-pager li:not(.is-disabled).is-active{background:var(--accent)!important}.el-tag--primary{background:var(--accent-light)!important;border-color:transparent!important;color:var(--accent)!important}.el-tag--success{background:#10b9811a!important;border-color:transparent!important;color:var(--success)!important}.el-tag--warning{background:#f59e0b1a!important;border-color:transparent!important;color:var(--warning)!important}.el-tag--danger{background:#ef44441a!important;border-color:transparent!important;color:var(--error)!important}:root{--sidebar-bg: rgba(18, 18, 18, .95);--sidebar-hover: rgba(40, 40, 40, .9);--sidebar-active: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--sidebar-text: rgba(255, 255, 255, .75);--sidebar-highlight: #ffffff;--sidebar-border: rgba(255, 255, 255, .08);--header-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--header-height: 64px;--content-bg: #f9fafb;--content-bg-gradient: linear-gradient(180deg, #eef2ff 0%, #f9fafb 150px);--card-bg: rgba(255, 255, 255, .85);--card-bg-hover: rgba(255, 255, 255, .95);--card-border: rgba(229, 231, 235, 1);--card-shadow: 0 4px 24px rgba(0, 0, 0, .06);--card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .1);--card-radius-pc: 16px;--card-radius-mobile: 20px;--card-blur: blur(12px);--text-title: #1e293b;--text-body: #475569;--text-muted: #94a3b8;--text-white: #ffffff;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-purple-blue: linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--gradient-cyan-green: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);--gradient-pink-rose: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--gradient-amber-orange: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--badge-success: #10b981;--badge-warning: #f59e0b;--badge-danger: #ef4444;--badge-info: #3b82f6;--btn-glass-bg: rgba(255, 255, 255, .2);--btn-glass-border: rgba(255, 255, 255, .3);--btn-primary-bg: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--font-family-pc: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mobile: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif}*{box-sizing:border-box}body{font-family:var(--font-family-pc);background:var(--content-bg);color:var(--text-body);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.el-input__wrapper,.el-textarea__inner,.el-select__wrapper,.el-input-number{background-color:#fff!important;box-shadow:0 0 0 1px #dcdfe6 inset!important;border-radius:8px!important}.el-input__wrapper:hover,.el-textarea__inner:hover,.el-select__wrapper:hover{box-shadow:0 0 0 1px #c0c4cc inset!important}.el-input__wrapper.is-focus,.el-textarea__inner:focus,.el-select__wrapper.is-focus{box-shadow:0 0 0 1px #6366f1 inset!important}.el-input__inner,.el-textarea__inner{color:var(--text-title)!important}.el-input__inner::placeholder,.el-textarea__inner::placeholder{color:var(--text-muted)!important}.el-dialog{background:#fffffff2!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:16px!important;border:1px solid rgba(229,231,235,.8)!important;box-shadow:0 20px 60px #00000026!important}.el-dialog__header{background:transparent!important;border-bottom:1px solid #f1f5f9!important}.el-dialog__title{color:var(--text-title)!important;font-weight:600!important}.el-dialog__body{background:transparent!important;color:var(--text-body)!important}.el-dialog__footer{background:transparent!important;border-top:1px solid #f1f5f9!important}.el-card{background:#ffffffd9!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(229,231,235,1)!important;border-radius:16px!important;box-shadow:0 4px 24px #0000000f!important}.el-card__header{background:transparent!important;border-bottom:1px solid #f1f5f9!important}.el-card__body{background:transparent!important}.el-table{background:transparent!important;--el-table-bg-color: transparent !important;--el-table-tr-bg-color: #ffffff !important;--el-table-header-bg-color: #f8fafc !important;--el-table-row-hover-bg-color: #f1f5f9 !important}.el-table th.el-table__cell{background:#f8fafc!important;color:var(--text-title)!important;font-weight:600!important}.el-table td.el-table__cell{background:#fff!important}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#fafbfc!important}.el-form-item__label{color:var(--text-title)!important;font-weight:500!important}.el-select-dropdown,.el-dropdown-menu{background:#fffffff2!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(229,231,235,1)!important;border-radius:12px!important;box-shadow:0 10px 40px #0000001f!important}.el-select-dropdown__item,.el-dropdown-menu__item{color:var(--text-body)!important}.el-select-dropdown__item:hover,.el-dropdown-menu__item:hover{background:#f1f5f9!important;color:var(--text-title)!important}.el-select-dropdown__item.selected,.el-select-dropdown__item.is-selected{background:linear-gradient(135deg,#6366f11a,#8b5cf61a)!important;color:#6366f1!important;font-weight:500!important}.el-tabs__header{background:transparent!important}.el-tabs__item{color:var(--text-muted)!important}.el-tabs__item:hover,.el-tabs__item.is-active{color:#6366f1!important}.el-tabs__active-bar{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important}.el-message{background:#fffffff2!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:12px!important;box-shadow:0 8px 32px #0000001f!important}.glass-card{background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--card-radius-pc);box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:var(--card-bg-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.ios-btn{background:var(--btn-glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--btn-glass-border);border-radius:12px;padding:10px 20px;font-size:15px;font-weight:500;color:var(--text-title);cursor:pointer;transition:all .2s ease;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ios-btn:active{transform:scale(.97)}.ios-btn-primary{background:var(--btn-primary-bg);border:none;color:#fff}.liquid-card{position:relative;overflow:hidden;background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--card-radius-pc);transition:all .4s cubic-bezier(.4,0,.2,1)}.liquid-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-purple-blue);opacity:0;transition:opacity .4s ease;z-index:0}.liquid-card:hover:before{opacity:.03}.liquid-card:hover{transform:scale(1.01);box-shadow:var(--card-shadow-hover)}.capsule-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;gap:4px}.capsule-tag-success{background:#10b9811a;color:var(--badge-success)}.capsule-tag-warning{background:#f59e0b1a;color:var(--badge-warning)}.capsule-tag-danger{background:#ef44441a;color:var(--badge-danger)}.capsule-tag-info{background:#3b82f61a;color:var(--badge-info)}@media (max-width: 768px){body{font-family:var(--font-family-mobile)}.glass-card,.liquid-card{border-radius:var(--card-radius-mobile)}.el-card,.el-dialog{border-radius:20px!important}button,.nav-item,.clickable{min-height:44px;min-width:44px}}@keyframes liquidIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes numberRoll{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-liquid-in{animation:liquidIn .5s cubic-bezier(.4,0,.2,1) forwards}.animate-number-roll{animation:numberRoll .4s ease-out forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}