@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";#app{min-height:100vh;background:#f5f7fa}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:0 4px}.page-header .header-left h2{margin:0 0 4px;color:#1e293b;font-size:22px;font-weight:700;letter-spacing:-.02em}.page-header .header-left .page-desc{color:#94a3b8;font-size:14px}.page-header .header-actions{display:flex;gap:12px}.page-header .header-actions .el-button{border-radius:6px;font-weight:500;padding:10px 20px}.page-header .header-actions .el-button.el-button--primary{background:#3b82f6;border:none;color:#fff;box-shadow:0 4px 12px #3b82f640}.page-header .header-actions .el-button.el-button--primary:hover{background:#2563eb;box-shadow:0 6px 16px #3b82f659}.filter-card{margin-bottom:20px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;background:#ffffff}.filter-card .el-card__body{padding:20px}.filter-card .el-form .el-form-item{margin-bottom:0;margin-right:24px}.filter-card .el-form .el-form-item .el-form-item__label{font-weight:500;color:#64748b}.filter-card .el-form .el-form-item .el-input__wrapper{border-radius:6px;background:#ffffff;box-shadow:0 0 0 1px #e2e8f0 inset}.filter-card .el-form .el-form-item .el-input__wrapper:hover{box-shadow:0 0 0 1px #cbd5e1 inset}.filter-card .el-form .el-form-item .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #3b82f6 inset,0 0 0 3px #3b82f61a}.filter-card .el-form .el-form-item .el-select .el-input__wrapper{border-radius:6px}.filter-card .el-form .el-button{border-radius:6px;font-weight:500}.filter-card .el-form .el-button.el-button--primary{background:#3b82f6;border:none;color:#fff}.filter-card .el-form .el-button.el-button--primary:hover{background:#2563eb}.data-card{border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;margin-bottom:20px;overflow:hidden;background:#ffffff}.data-card .el-card__header{background:#ffffff;color:#1e293b;border-radius:0;padding:18px 24px;border-bottom:1px solid #e2e8f0;position:relative}.data-card .el-card__header:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:#3b82f6;border-radius:0 2px 2px 0}.data-card .el-card__header .card-header{display:flex;justify-content:space-between;align-items:center}.data-card .el-card__header .card-header h3{margin:0;font-weight:600;font-size:16px;color:#1e293b}.data-card .el-card__header .card-header .header-actions{display:flex;gap:8px}.data-card .el-card__header .card-header .header-actions .el-button{background:#ffffff;border:1px solid #e2e8f0;color:#3b82f6;border-radius:6px}.data-card .el-card__header .card-header .header-actions .el-button:hover{background:rgba(59,130,246,.06);border-color:#3b82f6;color:#3b82f6}.data-card .el-card__header .card-header .view-toggle .el-button-group .el-button{background:#ffffff;border:1px solid #e2e8f0;color:#64748b}.data-card .el-card__header .card-header .view-toggle .el-button-group .el-button.el-button--primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.data-card .el-card__header .card-header .view-toggle .el-button-group .el-button:hover:not(.el-button--primary){background:rgba(59,130,246,.06);border-color:#3b82f6;color:#3b82f6}.data-card .el-card__body{padding:20px}.enhanced-table .el-table{border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}.enhanced-table .el-table .el-table__header th{background:#f8fafc!important;border-bottom:1px solid #e2e8f0;font-weight:600;color:#64748b;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.enhanced-table .el-table .el-table__body tr{transition:background-color .15s ease}.enhanced-table .el-table .el-table__body tr:hover{background-color:#3b82f60a!important}.enhanced-table .el-table .el-table__body td{border-bottom:1px solid #f1f5f9;padding:12px 0;color:#1e293b}.enhanced-table .el-table .table-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap}.enhanced-table .el-table .table-actions .el-button{margin:0;min-width:56px;border-radius:6px;font-size:12px;padding:6px 12px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-table .el-table .table-actions .el-button.el-button--small{padding:6px 12px}.enhanced-table .el-table .table-actions .el-button.el-button--primary{background:#3b82f6;border:none;color:#fff}.enhanced-table .el-table .table-actions .el-button.el-button--primary:hover{background:#2563eb}.enhanced-table .el-table .table-actions .el-button.el-button--success{background:#10b981;border:none;color:#fff}.enhanced-table .el-table .table-actions .el-button.el-button--success:hover{background:#059669}.enhanced-table .el-table .table-actions .el-button.el-button--warning{background:#f59e0b;border:none;color:#fff}.enhanced-table .el-table .table-actions .el-button.el-button--warning:hover{background:#d97706}.enhanced-table .el-table .table-actions .el-button.el-button--danger{background:#ef4444;border:none;color:#fff}.enhanced-table .el-table .table-actions .el-button.el-button--danger:hover{background:#dc2626}.enhanced-table .el-table .table-actions .el-button.el-button--info{background:#6366f1;border:none;color:#fff}.enhanced-table .el-table .table-actions .el-button.el-button--info:hover{background:#4f46e5}.pagination-container{display:flex;justify-content:center;margin-top:24px;padding:20px 0}.pagination-container .el-pagination .el-pager li{border-radius:6px;margin:0 2px;background:#ffffff;color:#64748b}.pagination-container .el-pagination .el-pager li.is-active{background:#3b82f6;color:#fff;border:none}.pagination-container .el-pagination .el-pager li:hover:not(.is-active){color:#3b82f6}.pagination-container .el-pagination .btn-prev,.pagination-container .el-pagination .btn-next{border-radius:6px;background:#ffffff;color:#64748b}.pagination-container .el-pagination .btn-prev:hover,.pagination-container .el-pagination .btn-next:hover{color:#3b82f6}@media (max-width: 1200px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header .header-actions{width:100%;justify-content:flex-end}.filter-card .el-form .el-form-item{margin-right:16px;margin-bottom:16px}}@media (max-width: 768px){.page-header .header-left h2{font-size:20px}.page-header .header-actions{justify-content:stretch}.page-header .header-actions .el-button{flex:1}.enhanced-table .table-actions{flex-direction:column;gap:4px}.enhanced-table .table-actions .el-button{width:100%;min-width:auto}.filter-card .el-form .el-form-item{width:100%;margin-right:0}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;font-size:14px;line-height:1.6;background:#f5f7fa}#app{height:100%;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::-webkit-scrollbar-corner{background:transparent}.page-container{padding:24px;height:100%;background:#f5f7fa;overflow-y:auto}.admin-page{padding:24px;background:#f5f7fa;height:100%;overflow-y:auto}.el-card{border-radius:14px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;border:1px solid #e2e8f0;margin-bottom:20px;overflow:hidden;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);background:#ffffff;color:#1e293b}.el-card:hover{box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d}.el-card .el-card__body{padding:20px}.el-card .el-card__header{background:#ffffff!important;color:#1e293b!important;border-radius:0;padding:18px 24px;border-bottom:1px solid #e2e8f0;position:relative}.el-card .el-card__header:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:0 2px 2px 0}.el-card .el-card__header .card-header{display:flex;justify-content:space-between;align-items:center}.el-card .el-card__header .card-header h3{margin:0;font-weight:600;font-size:16px;color:#1e293b!important;letter-spacing:-.01em}.el-card .el-card__header .card-header .header-actions{display:flex;gap:8px}.el-card .el-card__header .card-header .header-actions .el-button{background:#ffffff;border:1px solid #e2e8f0;color:#3b82f6}.el-card .el-card__header .card-header .header-actions .el-button:hover{background:rgba(59,130,246,.06);border-color:#3b82f6}.el-card .el-card__header .card-header .view-toggle .el-button-group .el-button{background:#ffffff;border:1px solid #e2e8f0;color:#64748b}.el-card .el-card__header .card-header .view-toggle .el-button-group .el-button.el-button--primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.el-card .el-card__header .card-header .view-toggle .el-button-group .el-button:hover:not(.el-button--primary){background:rgba(59,130,246,.06);border-color:#3b82f6;color:#3b82f6}.el-button{border-radius:6px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.01em}.el-button.el-button--primary{background:#3b82f6;border:none;color:#fff}.el-button.el-button--primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.el-table{border-radius:0;overflow:hidden;width:100%;--el-table-bg-color: #ffffff;--el-table-tr-bg-color: #ffffff;--el-table-header-bg-color: #f8fafc;--el-table-row-hover-bg-color: rgba(59, 130, 246, .04);--el-table-border-color: #e2e8f0;--el-table-text-color: #1e293b;--el-table-header-text-color: #64748b;--el-fill-color-lighter: #f8fafc}.el-table .el-table__header th{background:#f8fafc!important;color:#64748b;font-weight:600;font-size:13px;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.04em}.el-table .el-table__row:hover>td{background-color:#3b82f60a!important}.el-table .table-actions{display:flex;gap:6px;align-items:center;justify-content:flex-start;flex-wrap:nowrap}.el-table .table-actions .el-button{margin:0;padding:4px 10px;font-size:12px;min-width:auto;white-space:nowrap}.el-table .table-actions .el-button.el-button--small{height:28px;line-height:1}.pagination-container{display:flex;justify-content:center;margin-top:20px;padding:16px 0}.el-form .el-form-item__label{font-weight:500;color:#64748b}.el-form .el-input__wrapper{border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff;box-shadow:0 0 0 1px #e2e8f0 inset}.el-form .el-input__wrapper:hover{box-shadow:0 0 0 1px #cbd5e1 inset}.el-form .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #3b82f6 inset,0 0 0 3px #3b82f61a}.el-form .el-input__wrapper .el-input__inner{color:#1e293b}.el-form .el-input__wrapper .el-input__inner::placeholder{color:#cbd5e1}.el-form .el-select .el-input__wrapper{border-radius:6px}.el-form .el-textarea__inner{background:#ffffff;color:#1e293b;border-color:#e2e8f0}.el-form .el-textarea__inner:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.el-input-number .el-input__wrapper{background:#ffffff}.el-select-dropdown{background:#ffffff;border:1px solid #e2e8f0}.el-select-dropdown .el-select-dropdown__item{color:#1e293b}.el-select-dropdown .el-select-dropdown__item.hover,.el-select-dropdown .el-select-dropdown__item:hover{background:rgba(59,130,246,.06)}.el-select-dropdown .el-select-dropdown__item.selected{color:#3b82f6}.el-dialog{border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;overflow:hidden;background:#ffffff}.el-dialog .el-dialog__header{background:#ffffff;color:#1e293b;border-radius:0;padding:22px 28px;border-bottom:1px solid #e2e8f0;position:relative}.el-dialog .el-dialog__header:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.el-dialog .el-dialog__header .el-dialog__title{color:#1e293b;font-weight:600;font-size:18px;margin-left:10px}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:22px;right:28px;width:32px;height:32px}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#94a3b8;font-size:16px;width:32px;height:32px;border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover{color:#3b82f6;background:rgba(59,130,246,.06)}.el-dialog .el-dialog__body{padding:28px;background:#ffffff;color:#1e293b}.el-dialog .el-dialog__footer{padding:16px 28px 24px;text-align:right;background:#f8fafc;border-top:1px solid #e2e8f0}.el-dialog .el-dialog__footer .el-button{margin-left:12px;border-radius:6px;font-weight:500;padding:10px 20px}.el-dialog .el-dialog__footer .el-button.el-button--default{border:1px solid #e2e8f0;color:#64748b;background:#ffffff}.el-dialog .el-dialog__footer .el-button.el-button--default:hover{border-color:#3b82f6;color:#3b82f6}.el-dialog .el-dialog__footer .el-button.el-button--primary{background:#3b82f6;border:none;color:#fff;box-shadow:0 2px 8px #3b82f640}.el-dialog .el-dialog__footer .el-button.el-button--primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f659}.el-dialog .el-form .el-form-item{margin-bottom:20px}.el-dialog .el-form .el-form-item .el-form-item__label{color:#1e293b;font-weight:500;font-size:14px}.el-dialog .el-form .el-form-item .el-input__wrapper{border-radius:6px;background:#ffffff;box-shadow:0 0 0 1px #e2e8f0 inset;transition:all .3s cubic-bezier(.4,0,.2,1)}.el-dialog .el-form .el-form-item .el-input__wrapper:hover{box-shadow:0 0 0 1px #cbd5e1 inset}.el-dialog .el-form .el-form-item .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #3b82f6 inset,0 0 0 3px #3b82f61a}.el-dialog .el-form .el-form-item .el-select .el-input__wrapper,.el-dialog .el-form .el-form-item .el-input-number .el-input__wrapper{border-radius:6px}.el-dialog .el-form .el-switch .el-switch__core{border-radius:12px}.el-message-box{border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;background:#ffffff}.el-message-box .el-message-box__header{padding:24px 24px 12px}.el-message-box .el-message-box__header .el-message-box__title{color:#1e293b;font-weight:600;font-size:16px}.el-message-box .el-message-box__content{padding:12px 24px 24px;color:#64748b}.el-message-box .el-message-box__content .el-message-box__message{color:#64748b;font-size:14px;line-height:1.6}.el-message-box .el-message-box__btns{padding:16px 24px 24px}.el-message-box .el-message-box__btns .el-button{border-radius:6px;font-weight:500;padding:8px 16px;margin-left:12px}.el-message-box .el-message-box__btns .el-button.el-button--default{border:1px solid #e2e8f0;color:#64748b;background:#ffffff}.el-message-box .el-message-box__btns .el-button.el-button--default:hover{border-color:#3b82f6;color:#3b82f6}.el-message-box .el-message-box__btns .el-button.el-button--primary{background:#3b82f6;border:none;color:#fff}.el-message-box .el-message-box__btns .el-button.el-button--primary:hover{background:#2563eb}.el-message{border-radius:10px;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a}.el-tag{border-radius:9999px;font-weight:500;font-size:12px;padding:2px 10px;border:none}.el-tag.el-tag--success{background:rgba(16,185,129,.1);color:#059669}.el-tag.el-tag--warning{background:rgba(245,158,11,.1);color:#d97706}.el-tag.el-tag--danger{background:rgba(239,68,68,.1);color:#dc2626}.el-tag.el-tag--info{background:rgba(99,102,241,.1);color:#4f46e5}.el-popconfirm,.el-popover{background:#ffffff!important;border:1px solid #e2e8f0!important}.el-dropdown-menu{background:#ffffff;border:1px solid #e2e8f0}.el-dropdown-menu .el-dropdown-menu__item{color:#1e293b}.el-dropdown-menu .el-dropdown-menu__item:hover{background:rgba(59,130,246,.06);color:#3b82f6}.el-loading-mask{background-color:#ffffffb3}.el-divider{border-color:#e2e8f0}.el-divider .el-divider__text{background:#ffffff;color:#94a3b8}.el-alert{background:#f8fafc;border:1px solid #e2e8f0}.el-alert .el-alert__title{color:#1e293b}.el-empty .el-empty__description p{color:#94a3b8}.el-date-editor .el-input__wrapper{background:#ffffff}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.96) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-container{display:flex;justify-content:center;align-items:center;height:200px}.empty-state{text-align:center;padding:60px 20px;color:#94a3b8}.empty-state .empty-icon{font-size:64px;margin-bottom:20px;opacity:.4}.empty-state .empty-text{font-size:16px;margin-bottom:20px}@media (max-width: 768px){.page-container,.admin-page{padding:12px}.el-table{font-size:14px}.el-dialog{width:92%!important;margin:4vh auto!important}}