*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--text-1);background-color:var(--bg-page)}#app{width:100%;height:100vh}:root{--primary: #3370ff;--primary-hover: #5a8dee;--primary-active: #285cf0;--primary-light: #e8edff;--success: #00b42a;--warning: #ff7d00;--error: #f53f3f;--text-1: #1d2129;--text-2: #4e5969;--text-3: #86909c;--bg-page: #f5f6f7;--bg-card: #ffffff;--bg-hover: #f7f8fa;--bg-subtle: #fafafa;--border: #e5e6eb;--shadow-sm: 0 1px 4px rgba(29, 33, 41, .06);--shadow-md: 0 4px 12px rgba(29, 33, 41, .08);--shadow-lg: 0 8px 24px rgba(29, 33, 41, .12);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-md: .875rem;--fs-lg: 1rem;--fs-xl: 1.25rem;--dur-fast: .12s;--dur-base: .18s;--ease: cubic-bezier(.2, .6, .4, 1);--grad-1: linear-gradient(135deg, #3370ff, #66ccff);--grad-2: linear-gradient(135deg, #13c2c2, #5cdbd3);--grad-3: linear-gradient(135deg, #00b42a, #50d88a);--grad-4: linear-gradient(135deg, #ff7d00, #ffb65d);--grad-5: linear-gradient(135deg, #722ed1, #a879ff);--grad-6: linear-gradient(135deg, #f53f3f, #ff8a80);--primary-color: var(--primary);--success-color: var(--success);--warning-color: var(--warning);--error-color: var(--error);--text-primary: var(--text-1);--text-secondary: var(--text-2);--text-placeholder: var(--text-3);--border-color: var(--border);--bg-color: var(--bg-page);--card-bg: var(--bg-card)}html[data-theme=dark]{color-scheme:dark;--primary: #5b8cff;--primary-hover: #7ba1ff;--primary-light: rgba(91, 140, 255, .16);--success: #23c343;--warning: #ff9a2e;--error: #f76560;--text-1: #f7f8fa;--text-2: rgba(255, 255, 255, .7);--text-3: rgba(255, 255, 255, .5);--bg-page: #17171a;--bg-card: #232324;--bg-hover: #2a2a2b;--bg-subtle: #313132;--border: #333335;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .32);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}html.fx-off *,html.fx-off *:before,html.fx-off *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.fx-off .card-hover,html.fx-off .card-hover:hover{transform:none;box-shadow:var(--shadow-sm)}html.fx-off .page-enter{animation:none}html.fx-off .arco-card,html.fx-off .arco-table-wrapper,html.fx-off .arco-modal{box-shadow:none;border:1px solid var(--border)}.arco-btn-primary{background-color:var(--primary)!important;border-color:var(--primary)!important;border-radius:var(--radius-sm)!important}.arco-btn-primary:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.arco-btn-primary:active{background-color:var(--primary-active)!important;border-color:var(--primary-active)!important}.arco-tabs-header{margin-bottom:16px}.arco-tabs-tab{font-size:14px;font-weight:500;color:var(--text-2)}.arco-tabs-tab-active{color:var(--primary)!important}.arco-tabs-ink-bar{background-color:var(--primary)!important}.arco-table-wrapper{border-radius:var(--radius-md);overflow-x:auto;box-shadow:var(--shadow-sm)}.arco-table{font-size:13px}.arco-table th{background-color:var(--bg-subtle)!important;font-weight:600;color:var(--text-2);white-space:nowrap}.arco-table td{white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}.arco-table td{color:var(--text-1)}.arco-card{border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.arco-card-header{border-bottom:1px solid var(--border)}.arco-card-title{font-size:16px;font-weight:600;color:var(--text-1)}.arco-modal{border-radius:var(--radius-md)}.arco-modal-header{border-radius:var(--radius-md) var(--radius-md) 0 0}.arco-modal-footer{border-radius:0 0 var(--radius-md) var(--radius-md)}.arco-modal-title{font-size:16px;font-weight:600;color:var(--text-1)}.arco-input-wrapper,.arco-select-view,.arco-btn{border-radius:var(--radius-sm)}.arco-btn-secondary{border-color:var(--border);background-color:var(--bg-card)}.arco-btn-secondary:hover{background-color:var(--bg-hover)}.arco-menu-item-active{background-color:var(--primary-light)!important}.arco-menu-item-active .arco-menu-item-icon,.arco-menu-item-active .arco-menu-item-title{color:var(--primary)!important}.arco-layout-header,.arco-layout-sider{background-color:var(--bg-card)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-subtle);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.page-title{font-size:20px;font-weight:600;color:var(--text-1);margin-bottom:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-bar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.search-bar .filter-toggle{display:inline-flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.search-bar .filter-toggle .arco-switch{flex:none}.search-bar .arco-input-wrapper,.search-bar .arco-select-view{width:200px}.action-bar{display:flex;gap:8px;align-items:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;color:var(--text-3)}.empty-state-icon{font-size:48px;margin-bottom:16px}.status-tag{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-tag.active{background-color:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.status-tag.inactive{background-color:var(--bg-hover);color:var(--text-3)}.status-tag.pending{background-color:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}.status-tag.approved{background-color:var(--primary-light);color:var(--primary)}.status-tag.rejected{background-color:color-mix(in srgb,var(--error) 10%,transparent);color:var(--error)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}@media(max-width:767px){.table-toolbar{justify-content:flex-start}}.action-bar{flex-wrap:wrap}@media(max-width:768px){#app .page-content,.arco-card-body{padding:12px}.arco-modal-wrapper{padding:0 8px}.arco-modal{top:16px;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}.arco-modal-body{max-height:calc(100vh - 160px)}.arco-tabs-nav-tab{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.arco-pagination{flex-wrap:wrap;justify-content:flex-end;gap:8px}.search-bar .arco-input-wrapper,.search-bar .arco-input-number,.search-bar .arco-select-view,.search-bar .arco-picker{width:100%!important}.arco-btn-size-medium,.arco-btn-size-large{min-height:40px}.arco-btn-size-small{min-height:32px}.arco-btn,.arco-input-wrapper,.arco-select,.arco-picker,.arco-pagination,.arco-tabs-tab{touch-action:manipulation;-webkit-tap-highlight-color:transparent}}.ctl-xs,.search-bar .ctl-xs{width:clamp(6.25rem,7vw,7.5rem)}.ctl-sm,.search-bar .ctl-sm{width:clamp(8.5rem,9.5vw,9.75rem)}.ctl-md,.search-bar .ctl-md{width:clamp(11rem,13vw,13rem)}.ctl-lg,.search-bar .ctl-lg{width:clamp(14rem,16vw,16.5rem)}.ctl-xl,.search-bar .ctl-xl{width:clamp(17.5rem,20vw,20.5rem)}.card-hover{box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@keyframes page-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter var(--dur-base) var(--ease) both}