:root{--primary-50: #EFF6FF;--primary-100: #DBEAFE;--primary-200: #BFDBFE;--primary-300: #93C5FD;--primary-400: #60A5FA;--primary-500: #3B82F6;--primary-600: #2563EB;--primary-700: #1D4ED8;--primary-800: #1E40AF;--primary-900: #1E3A8A;--primary-950: #172554;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #059669;--success-light: #D1FAE5;--success-bg: #ECFDF5;--warning: #D97706;--warning-light: #FEF3C7;--warning-bg: #FFFBEB;--danger: #DC2626;--danger-light: #FEE2E2;--danger-bg: #FEF2F2;--info: #6366F1;--info-light: #E0E7FF;--bg-body: #ffffff;--bg-page: #f5f7fa;--bg-card: #ffffff;--bg-card-hover: #ffffff;--bg-subtle: var(--gray-50);--bg-muted: var(--gray-100);--bg-overlay: rgba(0, 0, 0, .35);--bg-glass: rgba(255, 255, 255, .85);--bg-input: #ffffff;--bg-input-hover: #ffffff;--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-500);--text-muted: var(--gray-400);--text-on-primary: #ffffff;--border-default: var(--gray-200);--border-light: var(--gray-100);--border-lighter: var(--gray-50);--role-admin-bg: #EDE9FE;--role-admin-text: #6D28D9;--role-sales-bg: #FEF3C7;--role-sales-text: #92400E;--role-service-bg: #DBEAFE;--role-service-text: #1E40AF;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--radius-card: 12px;--radius-card-mobile: 16px;--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .8);--glass-shadow: 0 8px 32px rgba(37, 99, 235, .08);--glass-blur: blur(12px) saturate(180%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-card-hover: 0 8px 25px rgba(37, 99, 235, .12), 0 4px 10px rgba(0, 0, 0, .06);--shadow-primary: 0 4px 14px rgba(37, 99, 235, .3);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .12);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--leading-tight: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.6;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 240px;--sidebar-collapsed-width: 68px;--header-height: 64px;--page-padding: 24px}html.dark{--bg-body: #121212;--bg-page: #121212;--bg-card: #1e1e1e;--bg-card-hover: #252525;--bg-subtle: #1a1a1a;--bg-muted: #2a2a2a;--bg-overlay: rgba(0, 0, 0, .6);--bg-glass: rgba(30, 30, 30, .85);--bg-input: #2a2a2a;--bg-input-hover: #1e1e1e;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--text-on-primary: #ffffff;--border-default: #333333;--border-light: #2a2a2a;--border-lighter: #222222;--glass-bg: rgba(30, 30, 30, .6);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-card: 0 1px 3px rgba(0, 0, 0, .2);--shadow-card-hover: 0 8px 25px rgba(0, 0, 0, .3);--role-admin-bg: rgba(139, 92, 246, .15);--role-admin-text: #a78bfa;--role-sales-bg: rgba(217, 119, 6, .15);--role-sales-text: #fbbf24;--role-service-bg: rgba(59, 130, 246, .15);--role-service-text: #60a5fa;--success-light: rgba(5, 150, 105, .15);--success-bg: rgba(5, 150, 105, .1);--warning-light: rgba(217, 119, 6, .15);--warning-bg: rgba(217, 119, 6, .1);--danger-light: rgba(220, 38, 38, .15);--danger-bg: rgba(220, 38, 38, .1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .3);--shadow-primary: 0 4px 14px rgba(37, 99, 235, .15);--shadow-dropdown: 0 10px 40px rgba(0, 0, 0, .4);color-scheme:dark}html.dark{--el-bg-color: #1e1e1e;--el-bg-color-overlay: #1e1e1e;--el-bg-color-page: #121212;--el-fill-color-light: #2a2a2a;--el-fill-color-lighter: #222222;--el-fill-color-blank: #1e1e1e;--el-border-color: #333333;--el-border-color-light: #2a2a2a;--el-border-color-lighter: #222222;--el-text-color-primary: #f3f4f6;--el-text-color-regular: #d1d5db;--el-text-color-secondary: #9ca3af;--el-text-color-placeholder: #6b7280;--el-color-primary-light-9: rgba(37, 99, 235, .1);--el-color-primary-light-7: rgba(37, 99, 235, .2);--el-color-primary-light-5: rgba(37, 99, 235, .3);--el-mask-color: rgba(0, 0, 0, .6);--el-table-border-color: #2a2a2a;--el-table-header-bg-color: #1a1a1a;--el-table-row-hover-bg-color: rgba(37, 99, 235, .08);--el-table-bg-color: transparent;--el-table-tr-bg-color: transparent}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-feature-settings:"cv02","cv03","cv04","cv11";color:var(--text-secondary);background:var(--bg-body);background-image:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px);background-size:48px 48px;background-attachment:fixed;line-height:var(--leading-relaxed);overflow-x:hidden}html.dark body{background-image:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:root{--el-color-primary: #2563EB;--el-color-primary-light-1: #3B82F6;--el-color-primary-light-2: #60A5FA;--el-color-primary-light-3: #93C5FD;--el-color-primary-light-4: #BFDBFE;--el-color-primary-light-5: #DBEAFE;--el-color-primary-light-6: #DBEAFE;--el-color-primary-light-7: #EFF6FF;--el-color-primary-light-8: #EFF6FF;--el-color-primary-light-9: #F8FBFF;--el-color-primary-dark-2: #1D4ED8;--el-color-success: #059669;--el-color-warning: #D97706;--el-color-danger: #DC2626;--el-color-info: #6B7280;--el-border-radius-base: 8px;--el-border-radius-small: 6px;--el-border-radius-round: 20px;--el-font-family: var(--font-family);--el-font-size-base: 14px;--el-border-color: #E5E7EB;--el-border-color-light: #F3F4F6;--el-border-color-lighter: #F9FAFB;--el-fill-color-light: #F9FAFB;--el-fill-color-lighter: #FBFCFD;--el-bg-color-overlay: #FFFFFF;--el-text-color-primary: #111827;--el-text-color-regular: #374151;--el-text-color-secondary: #6B7280;--el-text-color-placeholder: #9CA3AF;--el-box-shadow: var(--shadow-md);--el-box-shadow-light: var(--shadow-sm)}.el-input__wrapper{border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important;box-shadow:0 0 0 1px var(--gray-200) inset!important}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--gray-300) inset!important}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--primary-500) inset,0 0 0 3px #3b82f61a!important}.el-button{border-radius:var(--radius-md)!important;font-weight:500!important;transition:all var(--transition-fast)!important;letter-spacing:.01em}.el-button--primary{--el-button-bg-color: #2563EB !important;--el-button-border-color: #2563EB !important;--el-button-hover-bg-color: #1D4ED8 !important;--el-button-hover-border-color: #1D4ED8 !important;box-shadow:0 1px 2px #2563eb33}.el-button--primary:hover{box-shadow:var(--shadow-primary)!important;transform:translateY(-1px)}.el-button--primary:active{transform:translateY(0)}.el-table{--el-table-border-color: #F3F4F6;--el-table-header-bg-color: #F8FAFC;--el-table-row-hover-bg-color: #EFF6FF;border-radius:var(--radius-lg)!important;overflow:hidden}.el-table thead th{font-weight:600!important;color:var(--gray-600)!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.03em}.el-table td{border-bottom:1px solid #F3F4F6!important}.el-table--border:after,.el-table--border:before,.el-table__inner-wrapper:before{display:none!important}.el-table--border .el-table__inner-wrapper{border:1px solid #F3F4F6!important;border-radius:var(--radius-lg)!important}.el-card{border-radius:var(--radius-lg)!important;background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;transition:all var(--transition-normal)!important;overflow:hidden}.el-card:hover{box-shadow:0 12px 40px #2563eb1f!important;transform:translateY(-2px)}.el-dialog{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-dropdown)!important;overflow:hidden}.el-dialog__header{padding:20px 24px 16px!important;border-bottom:1px solid var(--gray-100)}.el-dialog__title{font-size:18px!important;font-weight:600!important;color:var(--gray-900)!important}.el-dialog__body{padding:20px 24px!important}.el-dialog__footer{padding:16px 24px 20px!important;border-top:1px solid var(--gray-100)}.el-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000059!important}.el-tag{border-radius:var(--radius-sm)!important;font-weight:500!important;border:none!important;padding:0 10px!important}.el-pagination{--el-pagination-button-width: 32px;--el-pagination-button-height: 32px;--el-pagination-border-radius: var(--radius-md)}.el-pagination .btn-prev,.el-pagination .btn-next,.el-pagination .el-pager li{border-radius:var(--radius-md)!important;font-weight:500}.el-tabs__item{font-weight:500!important;transition:all var(--transition-fast)!important}.el-select__wrapper{border-radius:var(--radius-md)!important}.el-switch{--el-switch-on-color: #2563EB}.el-message-box{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-dropdown)!important}.el-form-item__label{font-weight:500!important;color:var(--gray-700)!important}.page-container{animation:fadeSlideUp .4s ease}.card-base{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card-base:hover{box-shadow:var(--shadow-card-hover)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px)}.glass-effect{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.page-header .page-title{display:none}.page-header .page-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0;padding:var(--space-2) var(--space-3);background:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-light);letter-spacing:.01em}.toolbar-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.toolbar-card .toolbar-spacer{flex:1}.table-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);overflow:hidden}.table-card .el-table{background:transparent!important;border:none!important}.table-card .el-table tr,.table-card .el-table th.el-table__cell{background:transparent!important}.table-card .el-table--border .el-table__inner-wrapper{border:none!important;border-radius:0!important}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--danger);color:var(--text-on-primary);font-size:11px;font-weight:var(--weight-semibold);border-radius:var(--radius-full);line-height:1}.empty-state{padding:var(--space-12) var(--space-5);text-align:center}.empty-state .empty-icon{font-size:56px;color:var(--text-muted);margin-bottom:var(--space-4);opacity:.6}.empty-state .empty-desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.empty-state .empty-text{font-size:var(--text-md);color:var(--text-muted)}.tag-pending,.status-pending{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;background:var(--role-sales-bg);color:var(--role-sales-text)}.tag-assigned,.status-assigned{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;background:var(--role-service-bg);color:var(--role-service-text)}.tag-completed,.status-completed{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;background:var(--success-light);color:#065f46}.status-active{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--success-light);color:#065f46}.status-disabled{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--danger-light);color:#991b1b}.role-tag{display:inline-flex;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium)}.role-tag.role-admin{background:var(--role-admin-bg);color:var(--role-admin-text)}.role-tag.role-sales{background:var(--role-sales-bg);color:var(--role-sales-text)}.role-tag.role-service{background:var(--role-service-bg);color:var(--role-service-text)}.role-bg-admin{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.role-bg-sales{background:linear-gradient(135deg,#d97706,#b45309)}.role-bg-service{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.cell-name{font-weight:var(--weight-semibold);color:var(--text-primary)}.cell-mono{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-tertiary)}.cell-time{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono)}.cell-amount{font-weight:var(--weight-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.cell-actions{display:flex;gap:var(--space-2)}.action-btn{padding:4px 12px;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.action-primary{background:var(--primary-50);color:var(--primary-600)}.action-primary:hover{background:var(--primary-100)}.action-warning{background:var(--warning-light);color:var(--role-sales-text)}.action-warning:hover{background:var(--warning-bg)}.action-success{background:var(--success-light);color:#065f46}.action-success:hover{background:var(--success-bg)}.action-info{background:var(--bg-subtle);color:var(--text-secondary)}.action-info:hover{background:var(--bg-muted);color:var(--text-primary)}.action-danger{background:var(--danger-light);color:#991b1b}.action-danger:hover{background:var(--danger-bg)}.status-dot-inline{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:middle}.status-dot-inline.online{background:var(--success);box-shadow:0 0 0 2px #05966926}.status-dot-inline.offline{background:var(--gray-400)}.category-tag{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-medium)}.cat-auth{background:var(--danger-light);color:#991b1b}.cat-customer_view{background:var(--role-sales-bg);color:var(--role-sales-text)}.cat-customer_op{background:var(--role-service-bg);color:var(--role-service-text)}.cat-user_op{background:var(--role-admin-bg);color:var(--role-admin-text)}.cat-system{background:var(--bg-muted);color:var(--text-secondary)}.cat-route{background:var(--bg-subtle);color:var(--text-tertiary)}.cat-frontend{background:var(--success-light);color:#065f46}.cat-dingtalk{background:#cffafe;color:#155e75}.pagination-wrap,.pagination-wrapper{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.mobile-card-list{display:flex;flex-direction:column;gap:var(--space-3)}.mobile-card-item{background:var(--bg-card);border-radius:var(--radius-card-mobile);box-shadow:var(--shadow-card);padding:var(--space-4) var(--space-5);position:relative;overflow:hidden;transition:all var(--transition-normal)}.mobile-card-item:active{transform:scale(.99)}.mc-status-badge{position:absolute;top:var(--space-4);right:var(--space-5)}.mc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.mc-title-wrap{flex:1;min-width:0}.mc-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.mc-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px}.mc-body{display:flex;flex-direction:column;gap:var(--space-2)}.mc-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-base)}.mc-label{color:var(--text-tertiary);flex-shrink:0}.mc-value{color:var(--text-primary);font-weight:var(--weight-medium);text-align:right}.mc-footer{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.mc-footer .el-button{flex:1;border-radius:var(--radius-xl)!important}.mobile-empty{text-align:center;padding:var(--space-12) var(--space-5);color:var(--text-muted);font-size:var(--text-md)}.tag-active{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;background:var(--success-light);color:var(--success)}.tag-disabled{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;background:var(--gray-100);color:var(--gray-500)}.animate-stagger{animation:fadeSlideUp .4s ease both}.el-button:active{transform:scale(.97)}.card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--primary-400));border-radius:var(--radius-card) var(--radius-card) 0 0}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-subtle) 50%,var(--bg-muted) 75%);background-size:400% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.mobile-only{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}html.dark .el-input__wrapper,html.dark .el-textarea__inner{background-color:var(--bg-input)!important;border-color:var(--border-default)!important;color:var(--text-primary)!important}html.dark .el-input__wrapper.is-focus{background-color:var(--bg-input-hover)!important;border-color:var(--primary-500)!important}@media(max-width:768px){:root{--sidebar-width: 0px;--sidebar-collapsed-width: 0px;--header-height: 56px;--page-padding: 16px;--safe-area-bottom: env(safe-area-inset-bottom, 20px);--mobile-nav-height: calc(52px + var(--safe-area-bottom))}body{font-size:14px;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:var(--bg-page)}::-webkit-scrollbar{width:0!important;height:0!important;display:none}.el-dialog{width:90vw!important;max-width:400px!important;margin:0 auto!important;border-radius:20px!important;box-shadow:0 20px 40px -10px #00000026!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.el-dialog.is-align-center{margin:0 auto!important;transform:translate(-50%,-50%)!important}.el-overlay-dialog{display:flex;align-items:center;justify-content:center}.el-dialog__header{padding:20px 20px 12px!important;text-align:center;margin-right:0!important}.el-dialog__title{font-size:var(--text-xl)!important;font-weight:var(--weight-semibold)!important;color:var(--text-primary)!important}.el-dialog__headerbtn{top:18px!important;right:18px!important;width:28px!important;height:28px!important;background:var(--bg-muted)!important;border-radius:50%!important}.el-dialog__body{padding:var(--space-4) var(--space-5)!important;font-size:var(--text-md);color:var(--text-secondary)}.el-dialog__footer{padding:16px 20px 20px!important;display:flex;gap:12px}.el-dialog__footer .el-button{flex:1;margin:0!important}.el-select,.el-cascader,.el-date-editor{width:100%!important}.el-input__wrapper,.el-textarea__inner{border-radius:var(--radius-card-mobile)!important;padding:var(--space-2) var(--space-4)!important;background-color:var(--bg-subtle)!important;box-shadow:0 0 0 1px transparent inset!important;border:1px solid var(--border-default)!important;transition:all .3s ease!important}.el-input__wrapper.is-focus,.el-textarea__inner:focus{background-color:var(--bg-card)!important;border-color:var(--primary-500)!important;box-shadow:0 0 0 2px var(--primary-100) inset!important}.el-input__inner{height:44px!important;line-height:44px!important;font-size:15px!important}.el-button{border-radius:var(--radius-card-mobile)!important;padding:10px var(--space-6)!important;font-size:var(--text-md)!important;font-weight:var(--weight-semibold)!important;height:44px!important;transition:transform .1s ease,opacity .1s ease!important}.el-button:active{transform:scale(.96)!important;opacity:.8}.el-button--primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%)!important;border:none!important;box-shadow:0 4px 12px #2563eb33!important}.el-message-box{width:320px!important;max-width:85vw!important;border-radius:20px!important;padding-bottom:20px!important;border:none!important;box-shadow:0 24px 48px -12px #0003!important}.el-message-box__header{padding:24px 24px 12px!important;justify-content:center!important}.el-message-box__title{font-weight:600!important;font-size:18px!important}.el-message-box__content{padding:12px 24px 24px!important;text-align:center!important;font-size:15px!important}.el-message-box__btns{display:flex!important;flex-wrap:nowrap!important;padding:0 24px!important;gap:12px!important}.el-message-box__btns .el-button{flex:1!important;margin:0!important;border-radius:12px!important;height:44px!important}.el-card{border-radius:var(--radius-card-mobile)!important;border:none!important;box-shadow:0 2px 16px #0000000a!important}.el-tag{border-radius:8px!important;padding:4px 12px!important;font-size:12px!important;font-weight:500!important;height:auto!important;line-height:1.4!important;border:none!important}.el-pagination{justify-content:center!important;margin-top:20px!important;flex-wrap:wrap!important;gap:8px!important}.el-pagination button,.el-pagination .el-pager li{min-width:36px!important;height:36px!important;line-height:36px!important;border-radius:10px!important;background-color:var(--bg-muted)!important;font-weight:var(--weight-semibold)!important}.el-pagination .el-pager li.is-active{background-color:var(--primary-500)!important;color:#fff!important}}@media(max-width:768px){.page-header{margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.page-header .page-title{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--text-primary);letter-spacing:-.5px}.page-header .page-desc{font-size:var(--text-base);color:var(--text-tertiary);margin-top:var(--space-1)}.toolbar-card{background:var(--bg-card);padding:var(--space-4);border-radius:var(--radius-card-mobile);box-shadow:0 4px 12px #00000008;margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--border-light)}.toolbar-card>*{width:100%!important;margin:0!important}.toolbar-card .el-input,.toolbar-card .el-select,.toolbar-card .el-button{width:100%!important}.toolbar-spacer{display:none}.toolbar-total{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;padding-top:var(--space-1);font-weight:var(--weight-medium)}}@media(max-width:768px){.desktop-table{display:none!important}.mobile-card-list{display:flex;flex-direction:column;gap:16px}.mobile-card-item{background:var(--bg-card);border-radius:var(--radius-card-mobile);padding:var(--space-5);box-shadow:0 2px 12px #0000000a;border:1px solid var(--border-light);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.mobile-card-item:active{transform:scale(.98);box-shadow:0 2px 8px #0000000d}.mc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.mc-title-wrap{display:flex;flex-direction:column;gap:6px}.mc-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.mc-subtitle{font-size:var(--text-sm);color:var(--text-tertiary)}.mc-body{display:flex;flex-direction:column;gap:12px}.mc-row{display:flex;align-items:center;font-size:14px}.mc-label{color:var(--text-tertiary);width:70px;flex-shrink:0}.mc-value{color:var(--text-secondary);font-weight:var(--weight-medium);flex:1;text-align:left;word-break:break-all}.mc-footer{display:flex;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.mc-footer .el-button{flex:1;height:44px!important;font-size:var(--text-base)!important;font-weight:var(--weight-medium)!important;border-radius:var(--radius-card-mobile)!important}.mc-status-badge{position:absolute;top:20px;right:20px}}.ios-icon.bg-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.guide-banner{background:#fff;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000a;animation:slideDown .3s ease-out;border:1px solid var(--border-color)}.guide-content{display:flex;align-items:center;gap:12px}.guide-icon-box{width:40px;height:40px;border-radius:8px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-size:20px}.guide-info h3{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--text-primary)}.guide-info p{margin:0;font-size:13px;color:var(--text-secondary)}.guide-btns{display:flex;align-items:center;gap:8px}.guide-btn{border:none;background:none;cursor:pointer;transition:all .2s}.guide-btn.primary{background:#4f46e5;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500}.guide-btn.primary:active{opacity:.9;transform:scale(.98)}.guide-btn.icon{color:var(--text-muted);padding:8px;border-radius:50%;display:flex}.guide-btn.icon:hover{background:#f3f4f6;color:var(--text-secondary)}@media(max-width:768px){.guide-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.guide-btns{width:100%;justify-content:flex-end}.guide-btn.primary{flex:1;text-align:center;padding:8px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guide-dialog .el-dialog__body{padding:20px 24px}.guide-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}@media(max-width:768px){.guide-dialog{width:90%!important;margin-top:15vh!important}.guide-footer{flex-direction:column;gap:16px;align-items:stretch}.guide-footer .el-checkbox{justify-content:center;margin-bottom:8px}.guide-footer .el-button{width:100%;margin:0}}