@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700;900&family=Outfit:wght@400;500;600;700&display=swap";#app{height:100vh;width:100vw}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@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 pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Noto Sans SC,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#1f2937;background-color:#f8fafc;overflow-x:hidden}html.dark body{color:#f1f5f9;background-color:#0f172a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#ffac85}.el-button{border-radius:12px;font-weight:500;transition:all .2s cubic-bezier(0,0,.2,1)}.el-button.el-button--primary{background:linear-gradient(135deg,#ff6b35,#ff8c5a);border:none;box-shadow:0 10px 15px -3px #ff6b3526,0 4px 6px -2px #ff6b351a}.el-button.el-button--primary:hover,.el-button.el-button--primary:focus{background:linear-gradient(135deg,#e85a20,#ff7a45);box-shadow:0 4px 12px #ff6b3533;transform:translateY(-1px)}.el-button.el-button--primary:active{transform:translateY(0)}.el-button.el-button--primary.is-disabled{background:#d1d5db;box-shadow:none}.el-button.el-button--default{border-color:#e5e7eb;color:#1f2937}.el-button.el-button--default:hover{border-color:#ff6b35;color:#ff6b35;background-color:#fff4ee}.el-button.el-button--success{background-color:#10b981;border-color:#10b981}.el-button.el-button--success:hover{background-color:#0c8a60}.el-button.el-button--warning{background-color:#f59e0b;border-color:#f59e0b}.el-button.el-button--warning:hover{background-color:#c57f08}.el-button.el-button--danger{background-color:#ef4444;border-color:#ef4444}.el-button.el-button--danger:hover{background-color:#eb1515}.el-button.is-plain.el-button--primary{background:#fff4ee;color:#ff6b35;border-color:#ffd3b9}.el-button.is-plain.el-button--primary:hover{background:#ffe9dd;color:#e85a20}.el-card{border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #f3f4f6;transition:all .2s cubic-bezier(0,0,.2,1);position:relative;overflow:hidden}.el-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#ff6b35,#ff8c5a);opacity:0;transition:opacity .2s}.el-card:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;border-color:#ffd3b9}.el-card:hover:before{opacity:1}.el-card .el-card__header{border-bottom:1px solid #f3f4f6;padding:1rem 1.25rem;background:transparent}.el-card .el-card__header .card-header{display:flex;justify-content:space-between;align-items:center}.el-card .el-card__header .card-header .card-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;position:relative;padding-left:.75rem}.el-card .el-card__header .card-header .card-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:linear-gradient(135deg,#ff6b35,#ff8c5a);border-radius:2px}.el-card .el-card__body{padding:1.25rem}.el-table{border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #f3f4f6}.el-table .el-table__header th{background-color:#f9fafb;color:#1f2937;font-weight:600;border-bottom:1px solid #f3f4f6;padding:.75rem 1rem}.el-table .el-table__body tr{transition:background-color .15s}.el-table .el-table__body tr:hover{background-color:#fff4ee!important}.el-table .el-table__body tr td{border-bottom:1px solid #f3f4f6;padding:.75rem 1rem}.el-table .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#ff6b35;border-color:#ff6b35}.el-input .el-input__wrapper{border-radius:12px;border:1px solid #e5e7eb;transition:all .2s}.el-input .el-input__wrapper:hover{border-color:#ffac85}.el-input .el-input__wrapper.is-focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.el-textarea .el-textarea__inner{border-radius:12px;border:1px solid #e5e7eb;transition:all .2s}.el-textarea .el-textarea__inner:hover{border-color:#ffac85}.el-textarea .el-textarea__inner:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.el-select .el-select__wrapper{border-radius:12px;border:1px solid #e5e7eb;transition:all .2s}.el-select .el-select__wrapper:hover{border-color:#ffac85}.el-select .el-select__wrapper.is-focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.el-switch.is-checked .el-switch__core,.el-radio .el-radio__input.is-checked .el-radio__inner,.el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#ff6b35;border-color:#ff6b35}.el-tag{border-radius:8px;font-weight:500;padding:4px 10px}.el-tag.el-tag--primary{background-color:#fff4ee;border-color:#ffd3b9;color:#e85a20}.el-badge__content{background-color:#ff6b35;border-color:#ff6b35}.el-pagination .el-pager li{border-radius:8px;font-weight:500;transition:all .15s}.el-pagination .el-pager li.is-active{background:linear-gradient(135deg,#ff6b35,#ff8c5a);color:#fff}.el-pagination .el-pager li:hover{color:#ff6b35}.el-pagination button{border-radius:8px}.el-pagination button:hover{color:#ff6b35}.el-dialog{border-radius:24px;box-shadow:0 25px 50px #00000026}.el-dialog .el-dialog__header{border-bottom:1px solid #f3f4f6;padding:1.25rem;margin:0}.el-dialog .el-dialog__body{padding:1.25rem}.el-dialog .el-dialog__footer{border-top:1px solid #f3f4f6;padding:1rem 1.25rem}.el-drawer .el-drawer__header{padding:1.25rem;border-bottom:1px solid #f3f4f6;margin-bottom:0}.el-message{border-radius:12px;box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;padding:1rem 1.25rem}.el-message.el-message--success .el-message__icon{color:#10b981}.el-message.el-message--warning .el-message__icon{color:#f59e0b}.el-message.el-message--error .el-message__icon{color:#ef4444}.el-notification{border-radius:12px;box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;border:1px solid #f3f4f6}.el-notification.el-notification--success .el-notification__icon{color:#10b981}.el-menu{border-right:none}.el-menu .el-menu-item,.el-menu .el-sub-menu__title{border-radius:12px;margin:.25rem .5rem;transition:all .2s}.el-menu .el-menu-item:hover,.el-menu .el-sub-menu__title:hover{background-color:#fff4ee;color:#ff6b35}.el-menu .el-menu-item.is-active{background:linear-gradient(135deg,#fff4ee,#ff6b3514);color:#e85a20;font-weight:600;position:relative}.el-menu .el-menu-item.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(135deg,#ff6b35,#ff8c5a);border-radius:0 4px 4px 0}.el-tabs .el-tabs__item{font-weight:500;color:#6b7280;transition:all .15s}.el-tabs .el-tabs__item:hover{color:#ff6b35}.el-tabs .el-tabs__item.is-active{color:#ff6b35;font-weight:600}.el-tabs .el-tabs__active-bar{background:linear-gradient(135deg,#ff6b35,#ff8c5a);height:3px;border-radius:0 0 4px 4px}.el-progress .el-progress-bar__inner{background:linear-gradient(135deg,#ff6b35,#ff8c5a);border-radius:9999px}.el-slider .el-slider__runway{background-color:#e5e7eb}.el-slider .el-slider__bar{background:linear-gradient(135deg,#ff6b35,#ff8c5a)}.el-slider .el-slider__button{border-color:#ff6b35}.el-date-picker .el-picker__popper .el-date-picker__header-label{font-weight:600}.el-date-picker .el-picker__popper .el-date-table td.available:hover{color:#ff6b35}.el-date-picker .el-picker__popper .el-date-table td.in-range div{background-color:#fff4ee}.el-date-picker .el-picker__popper .el-date-table td.start-date div,.el-date-picker .el-picker__popper .el-date-table td.end-date div{background:linear-gradient(135deg,#ff6b35,#ff8c5a)}.el-date-picker .el-picker__popper .el-date-table td.today span{color:#ff6b35;font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mb-0{margin-bottom:0!important}.mb-8{margin-bottom:8px!important}.mb-16{margin-bottom:16px!important}.mb-24{margin-bottom:24px!important}.mt-8{margin-top:8px!important}.mt-16{margin-top:16px!important}.mt-24{margin-top:24px!important}.p-8{padding:8px!important}.p-16{padding:16px!important}.p-24{padding:24px!important}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-1{flex:1}.text-primary{color:#ff6b35!important}.text-success{color:#10b981!important}.text-warning{color:#f59e0b!important}.text-danger{color:#ef4444!important}.bg-primary{background-color:#ff6b35!important}.bg-primary-light{background-color:#fff4ee!important}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #f3f4f6;transition:all .2s;cursor:pointer;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,rgba(255,107,53,.08) 0%,transparent 60%);border-radius:0 0 0 100%;transition:all .2s}.stat-card:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;transform:translateY(-2px)}.stat-card:hover:before{width:100px;height:100px}.stat-card .stat-icon{position:relative;z-index:1;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-card .stat-icon svg{width:24px;height:24px}.stat-card .stat-info{position:relative;z-index:1;flex:1}.stat-card .stat-info .stat-value{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1.2;margin-bottom:.25rem}.stat-card .stat-info .stat-label{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.stat-card .stat-info .stat-trend{font-size:.75rem;display:flex;align-items:center;gap:.25rem}.stat-card .stat-info .stat-trend.positive{color:#10b981}.stat-card .stat-info .stat-trend.negative{color:#ef4444}.page-container{padding:1.5rem;min-height:calc(100vh - 64px)}.page-container .page-header{margin-bottom:1.5rem}.page-container .page-header .page-description{color:#6b7280;margin:0}.page-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 .5rem;position:relative;padding-left:1rem}.page-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,#ff6b35,#ff8c5a);border-radius:2px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:1rem;background:#fff;border-radius:12px;border:1px solid #f3f4f6}.table-toolbar .toolbar-left,.table-toolbar .toolbar-right{display:flex;align-items:center;gap:.75rem}.table-actions{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap}.table-actions .el-button{padding:6px 10px;font-size:13px}.table-actions .el-button.el-button--small{padding:5px 8px;font-size:12px}.table-actions .el-button.is-text,.table-actions .el-button--text{padding:4px 6px}.table-actions .el-dropdown{margin-left:2px}.cell-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.cell-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.cell-user-info{display:flex;align-items:center;gap:10px;min-width:0}.cell-user-info .el-avatar{flex-shrink:0}.cell-user-info .user-details{min-width:0;flex:1}.cell-user-info .user-details .user-name{font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-user-info .user-details .user-sub{font-size:12px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-status{display:inline-flex;align-items:center;gap:4px}.cell-amount{font-weight:500;font-variant-numeric:tabular-nums}.cell-amount.positive{color:#10b981}.cell-amount.negative{color:#ef4444}.cell-time{font-size:13px;color:#6b7280;white-space:nowrap}.btn-group-compact{display:inline-flex;align-items:center;gap:2px}.btn-group-compact .el-button{padding:4px 8px;font-size:12px;border-radius:8px}.btn-group-compact .el-button+.el-button{margin-left:0}.el-table .el-table__cell .cell{padding:0 8px}.el-table .el-table-fixed-column--right .cell{display:flex;align-items:center;justify-content:flex-start;gap:4px}.el-table.table-compact .el-table__cell{padding:8px 0}.el-table.table-compact .el-table__cell .cell{padding:0 6px;font-size:13px}.empty-state{text-align:center;padding:4rem 1.5rem}.empty-state .empty-icon{width:64px;height:64px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%;color:#9ca3af}.empty-state .empty-text{color:#6b7280;margin-bottom:1.25rem}@media(max-width:768px){.page-container{padding:1rem}.table-toolbar{flex-direction:column;gap:.75rem;align-items:stretch;padding:.75rem}.table-toolbar .toolbar-left,.table-toolbar .toolbar-right{justify-content:center}.stat-card{flex-direction:column;text-align:center}.stat-card .stat-icon{margin-bottom:.75rem}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px}.error-container{text-align:center;padding:4rem 1.5rem}.error-container .error-icon{width:64px;height:64px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:#ef44441a;border-radius:50%;color:#ef4444}.error-container .error-text{color:#6b7280}html.dark ::-webkit-scrollbar-track{background:#334155}html.dark ::-webkit-scrollbar-thumb{background:#94a3b8}html.dark ::-webkit-scrollbar-thumb:hover{background:#ff8c5a}html.dark .el-button.el-button--primary{background:linear-gradient(135deg,#ff8c5a,#ff6b35);box-shadow:#ff6b3566}html.dark .el-button.el-button--primary:hover,html.dark .el-button.el-button--primary:focus{background:linear-gradient(135deg,#ff9d73,#ff8c5a);box-shadow:0 0 20px #ff8c5a80}html.dark .el-button.el-button--default{background-color:#334155;border-color:#334155;color:#f1f5f9}html.dark .el-button.el-button--default:hover{border-color:#ff8c5a;color:#ff8c5a;background-color:#ff8c5a26}html.dark .el-button.is-plain.el-button--primary{background:#ff8c5a33;color:#ff8c5a;border-color:#ff8c5a66}html.dark .el-button.is-plain.el-button--primary:hover{background:#ff8c5a4d;color:#ffb89d}html.dark .el-card{background-color:#1e293b;border-color:#334155}html.dark .el-card:hover{border-color:#ff8c5a80;box-shadow:0 4px 20px #ff6b3526}html.dark .el-card .el-card__header{border-bottom-color:#334155}html.dark .el-card .el-card__header .card-title{color:#f1f5f9}html.dark .el-card .el-card__header .card-title:before{background:linear-gradient(135deg,#ff8c5a,#ff6b35);box-shadow:0 0 8px #ff8c5a80}html.dark .stat-card{background:linear-gradient(145deg,#1e293b,#1e293bcc);border-color:#334155}html.dark .stat-card:before{background:linear-gradient(135deg,rgba(255,140,90,.15) 0%,transparent 60%)}html.dark .stat-card:hover{box-shadow:0 8px 30px #ff6b3533;border-color:#ff8c5a4d}html.dark .stat-card:hover:before{background:linear-gradient(135deg,rgba(255,140,90,.25) 0%,transparent 60%)}html.dark .stat-card .stat-value{color:#f1f5f9}html.dark .stat-card .stat-label{color:#cbd5e1}html.dark .el-table{background-color:#1e293b;border-color:#334155}html.dark .el-table .el-table__header th{background-color:#334155;color:#f1f5f9;border-bottom-color:#334155}html.dark .el-table .el-table__body tr td{border-bottom-color:#334155;color:#cbd5e1}html.dark .el-table .el-table__body tr:hover{background-color:#ff8c5a1f!important}html.dark .el-input .el-input__wrapper{background-color:#334155;border-color:#334155;color:#f1f5f9}html.dark .el-input .el-input__wrapper:hover{border-color:#ff8c5a80}html.dark .el-input .el-input__wrapper.is-focus{border-color:#ff8c5a;box-shadow:0 0 0 3px #ff8c5a33}html.dark .el-textarea .el-textarea__inner{background-color:#334155;border-color:#334155;color:#f1f5f9}html.dark .el-textarea .el-textarea__inner:hover{border-color:#ff8c5a80}html.dark .el-textarea .el-textarea__inner:focus{border-color:#ff8c5a;box-shadow:0 0 0 3px #ff8c5a33}html.dark .el-select .el-select__wrapper{background-color:#334155;border-color:#334155}html.dark .el-select .el-select__wrapper:hover{border-color:#ff8c5a80}html.dark .el-select .el-select__wrapper.is-focus{border-color:#ff8c5a;box-shadow:0 0 0 3px #ff8c5a33}html.dark .el-menu .el-menu-item,html.dark .el-menu .el-sub-menu__title{color:#cbd5e1}html.dark .el-menu .el-menu-item:hover,html.dark .el-menu .el-sub-menu__title:hover{background-color:#ff8c5a26;color:#ff8c5a}html.dark .el-menu .el-menu-item.is-active{background:linear-gradient(135deg,#ff8c5a33,#ff6b3526);color:#ff8c5a}html.dark .el-menu .el-menu-item.is-active:before{background:linear-gradient(180deg,#ff8c5a,#ff6b35);box-shadow:0 0 10px #ff8c5a99}html.dark .el-tabs .el-tabs__item{color:#cbd5e1}html.dark .el-tabs .el-tabs__item:hover,html.dark .el-tabs .el-tabs__item.is-active{color:#ff8c5a}html.dark .el-tabs .el-tabs__active-bar{background:linear-gradient(90deg,#ff8c5a,#ff6b35);box-shadow:0 0 10px #ff8c5a80}html.dark .el-tag.el-tag--primary{background-color:#ff8c5a33;border-color:#ff8c5a66;color:#ff8c5a}html.dark .el-dialog{background-color:#1e293b;border:1px solid #334155}html.dark .el-dialog .el-dialog__header{border-bottom-color:#334155;color:#f1f5f9}html.dark .el-dialog .el-dialog__body{color:#cbd5e1}html.dark .el-dialog .el-dialog__footer{border-top-color:#334155}html.dark .el-progress .el-progress-bar__inner{background:linear-gradient(90deg,#ff8c5a,#ff6b35);box-shadow:0 0 10px #ff6b3566}html.dark .el-slider .el-slider__runway{background-color:#334155}html.dark .el-slider .el-slider__bar{background:linear-gradient(90deg,#ff8c5a,#ff6b35)}html.dark .el-slider .el-slider__button{border-color:#ff8c5a;background-color:#ff8c5a}html.dark .el-pagination .el-pager li{background-color:#334155;color:#cbd5e1}html.dark .el-pagination .el-pager li.is-active{background:linear-gradient(135deg,#ff8c5a,#ff6b35);color:#fff;box-shadow:0 0 15px #ff6b3566}html.dark .el-pagination .el-pager li:hover{color:#ff8c5a;background-color:#ff8c5a26}html.dark .el-pagination button{background-color:#334155;color:#cbd5e1}html.dark .el-pagination button:hover{color:#ff8c5a}html.dark .el-switch.is-checked .el-switch__core{background-color:#ff8c5a;border-color:#ff8c5a;box-shadow:0 0 10px #ff8c5a66}html.dark .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner,html.dark .el-radio .el-radio__input.is-checked .el-radio__inner{background-color:#ff8c5a;border-color:#ff8c5a}html.dark .page-container .page-header .page-description{color:#cbd5e1}html.dark .page-title{color:#f1f5f9}html.dark .page-title:before{background:linear-gradient(180deg,#ff8c5a,#ff6b35);box-shadow:0 0 10px #ff8c5a80}html.dark .table-toolbar{background-color:#1e293b;border-color:#334155}html.dark .empty-state .empty-icon{background-color:#334155;color:#94a3b8}html.dark .empty-state .empty-text{color:#cbd5e1}