:root{--bg-primary: #121212;--bg-secondary: #1E1E1E;--bg-tertiary: #2D2D2D;--bg-elevated: #3A3A3A;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--text-tertiary: #888888;--text-disabled: #555555;--border-primary: #333333;--border-secondary: #2A2A2A;--divider: #333333;--accent-primary: #007AFF;--accent-secondary: #00E5FF;--accent-gradient: linear-gradient(135deg, #007AFF 0%, #00E5FF 100%);--success: #34C759;--warning: #FF9500;--error: #FF3B30;--info: #007AFF}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100vh;background:var(--bg-primary)}a{text-decoration:none;color:var(--accent-primary);transition:color var(--transition-fast, .15s ease)}a:hover{color:var(--accent-secondary)}.el-menu{background:var(--bg-secondary)!important;border-right:none!important}.el-menu-item{color:var(--text-secondary)!important}.el-menu-item:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.el-menu-item.is-active{color:var(--accent-primary)!important;background:#007aff1a!important}.el-card{background:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important;color:var(--text-primary)!important}.el-button--primary{background:var(--accent-gradient)!important;border:none!important}.el-input__wrapper{background:var(--bg-tertiary)!important;box-shadow:none!important;border:1px solid var(--border-primary)!important}.el-input__inner{color:var(--text-primary)!important}.el-input__inner::placeholder{color:var(--text-tertiary)!important}.el-table{--el-table-bg-color: var(--bg-secondary);--el-table-tr-bg-color: var(--bg-secondary);--el-table-header-bg-color: var(--bg-tertiary);--el-table-row-hover-bg-color: var(--bg-tertiary);--el-table-text-color: var(--text-primary);--el-table-header-text-color: var(--text-secondary);--el-table-border-color: var(--border-primary)}.el-dialog{--el-dialog-bg-color: var(--bg-secondary);--el-dialog-title-font-size: 18px}.el-dialog__header{border-bottom:1px solid var(--border-primary)}.el-dialog__title{color:var(--text-primary)!important}.el-form-item__label{color:var(--text-secondary)!important}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:#007aff4d;color:var(--text-primary)}: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}