#app{height:100vh;overflow:hidden}:root{--mobile-header-height: 56px;--mobile-sidebar-width: 280px;--mobile-padding: 16px;--mobile-gap: 12px;--mobile-radius: 8px;--mobile-shadow: 0 2px 12px rgba(0, 0, 0, .1);--mobile-touch-target: 44px}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{font-size:14px;-webkit-text-size-adjust:100%}body{font-size:14px;line-height:1.6;overflow-x:hidden}.layout-container{position:relative;overflow:hidden;height:100vh}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .3s ease}.mobile-sidebar{position:fixed!important;top:0;left:0;height:100vh;width:var(--mobile-sidebar-width)!important;z-index:1001;background:#fff;box-shadow:4px 0 20px #00000026;transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-sidebar:not([style*="width: 0px"]){transform:translate(0)}.mobile-sidebar[style*="width: 0px"]{transform:translate(-100%);width:var(--mobile-sidebar-width)!important}.mobile-sidebar .sidebar-header{height:var(--mobile-header-height);display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f0f0f0;padding:0 20px}.mobile-sidebar .sidebar-header .logo{display:flex;align-items:center;gap:12px}.mobile-sidebar .sidebar-header .logo .logo-icon{width:36px;height:36px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center}.mobile-sidebar .sidebar-header .logo .logo-icon .el-icon{font-size:20px;color:#1890ff}.mobile-sidebar .sidebar-header .logo .logo-text .title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.mobile-sidebar .sidebar-header .logo .logo-text .subtitle{font-size:12px;color:#6b7280;margin:0}.mobile-sidebar .sidebar-menu{padding:8px 0}.mobile-sidebar .sidebar-menu :deep(.el-menu-item){height:52px;line-height:52px;margin:4px 12px;border-radius:8px;font-size:15px;font-weight:500;color:#374151;border:none!important}.mobile-sidebar .sidebar-menu :deep(.el-menu-item):hover{background:#f3f4f6;color:#1f2937}.mobile-sidebar .sidebar-menu :deep(.el-menu-item).is-active{background:#eff6ff;color:#1d4ed8;border:none!important}.mobile-sidebar .sidebar-menu :deep(.el-menu-item).is-active .el-icon{color:#1d4ed8}.mobile-sidebar .sidebar-menu :deep(.el-menu-item) .el-icon{font-size:20px;margin-right:12px}.main-container{width:100%;margin-left:0!important;display:flex;flex-direction:column;height:100vh}.header{height:var(--mobile-header-height);min-height:var(--mobile-header-height);padding:0 16px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header .header-left{display:flex;align-items:center;gap:12px;flex:1}.header .header-left .collapse-btn{width:var(--mobile-touch-target);height:var(--mobile-touch-target);border-radius:8px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#374151}.header .header-left .collapse-btn:hover{background:#f3f4f6;color:#1f2937}.header .header-left .collapse-btn .el-icon{font-size:20px}.header .header-left :deep(.el-breadcrumb) .el-breadcrumb__inner{font-size:16px;font-weight:600;color:#1f2937}.header .header-right{display:flex;align-items:center}.header .header-right .user-profile{width:var(--mobile-touch-target);height:var(--mobile-touch-target);border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center}.header .header-right .user-profile .username,.header .header-right .user-profile .arrow{display:none}.header .header-right .user-profile :deep(.el-avatar){width:32px;height:32px;background:#f3f4f6;color:#6b7280}.main-content{flex:1;padding:var(--mobile-padding);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f8f9fa}.mobile-card{background:#fff;border-radius:var(--mobile-radius);box-shadow:var(--mobile-shadow);margin-bottom:var(--mobile-gap);overflow:hidden}.mobile-btn{min-height:var(--mobile-touch-target);border-radius:var(--mobile-radius);font-size:14px;font-weight:500;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-btn.mobile-btn--primary{background:#1d4ed8;color:#fff;border:none}.mobile-btn.mobile-btn--primary:hover{background:#1e40af}.mobile-btn.mobile-btn--secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.mobile-btn.mobile-btn--secondary:hover{background:#e5e7eb}.mobile-form .el-form-item{margin-bottom:20px}.mobile-form .el-form-item .el-form-item__label{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;line-height:1.5}.mobile-form .el-form-item .el-input__wrapper{min-height:var(--mobile-touch-target);border-radius:var(--mobile-radius);border:1px solid #d1d5db;box-shadow:none}.mobile-form .el-form-item .el-input__wrapper:hover{border-color:#9ca3af}.mobile-form .el-form-item .el-input__wrapper.is-focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.mobile-form .el-form-item .el-input__inner{font-size:14px;color:#1f2937}.mobile-form .el-form-item .el-input__inner::placeholder{color:#9ca3af}.mobile-form .el-form-item .el-textarea__inner{min-height:80px;font-size:14px;border-radius:var(--mobile-radius);border:1px solid #d1d5db}.mobile-form .el-form-item .el-textarea__inner:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.el-dialog{width:95%!important;max-width:400px!important;margin:0 auto!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;border-radius:12px;max-height:90vh;overflow:hidden}.el-dialog .el-dialog__header{padding:20px 24px 16px;border-bottom:1px solid #f0f0f0}.el-dialog .el-dialog__header .el-dialog__title{font-size:18px;font-weight:600;color:#1f2937}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:20px;right:20px;width:32px;height:32px;border-radius:50%;background:#f3f4f6}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{font-size:16px;color:#6b7280}.el-dialog .el-dialog__body{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto;-webkit-overflow-scrolling:touch}.el-dialog .el-dialog__footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.el-dialog .el-dialog__footer .el-button{flex:1;max-width:120px;min-height:var(--mobile-touch-target);border-radius:var(--mobile-radius);font-size:14px;font-weight:500}.mobile-table .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.mobile-table .el-table{min-width:600px;font-size:13px}.mobile-table .el-table .el-table__header th{padding:12px 8px;font-size:12px;font-weight:600;color:#374151;background:#f8f9fa;white-space:nowrap}.mobile-table .el-table .el-table__body td{padding:12px 8px}.mobile-table .el-table .el-table__body td .el-button{font-size:12px;padding:4px 8px;border-radius:4px;min-height:28px}.mobile-table .el-table .el-table__body td .el-tag{font-size:11px;padding:2px 6px;border-radius:4px}.mobile-pagination{padding:16px 0;display:flex;justify-content:center}.mobile-pagination :deep(.el-pagination) .el-pagination__total,.mobile-pagination :deep(.el-pagination) .el-pagination__jump,.mobile-pagination :deep(.el-pagination) .el-pagination__sizes{display:none!important}.mobile-pagination :deep(.el-pagination) .el-pager .number{min-width:36px;height:36px;border-radius:6px;font-size:13px;margin:0 2px}.mobile-pagination :deep(.el-pagination) .btn-prev,.mobile-pagination :deep(.el-pagination) .btn-next{min-width:36px;height:36px;border-radius:6px;font-size:13px;margin:0 2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}}@media (max-width: 480px){:root{--mobile-header-height: 52px;--mobile-sidebar-width: 260px;--mobile-padding: 12px;--mobile-gap: 8px;--mobile-touch-target: 40px}html{font-size:13px}.header{padding:0 12px}.header .header-left{gap:8px}.header .header-left .collapse-btn{width:40px;height:40px}.header .header-left :deep(.el-breadcrumb) .el-breadcrumb__inner{font-size:15px}.header .header-right .user-profile{width:40px;height:40px}.header .header-right .user-profile :deep(.el-avatar){width:28px;height:28px}.main-content{padding:var(--mobile-padding)}.mobile-sidebar,.mobile-sidebar[style*="width: 0px"]{width:var(--mobile-sidebar-width)!important}.mobile-sidebar .sidebar-header{height:var(--mobile-header-height);padding:0 16px}.mobile-sidebar .sidebar-header .logo{gap:10px}.mobile-sidebar .sidebar-header .logo .logo-icon{width:32px;height:32px}.mobile-sidebar .sidebar-header .logo .logo-icon .el-icon{font-size:18px}.mobile-sidebar .sidebar-header .logo .logo-text .title{font-size:15px}.mobile-sidebar .sidebar-header .logo .logo-text .subtitle{font-size:11px}.mobile-sidebar .sidebar-menu :deep(.el-menu-item){height:48px;line-height:48px;margin:2px 8px;font-size:14px}.mobile-sidebar .sidebar-menu :deep(.el-menu-item) .el-icon{font-size:18px;margin-right:10px}.el-dialog{width:98%!important;max-width:350px!important;border-radius:10px}.el-dialog .el-dialog__header{padding:16px 20px 12px}.el-dialog .el-dialog__header .el-dialog__title{font-size:16px}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:16px;right:16px;width:28px;height:28px}.el-dialog .el-dialog__body{padding:20px}.el-dialog .el-dialog__footer{padding:12px 20px 20px}.el-dialog .el-dialog__footer .el-button{min-height:40px;font-size:13px}.mobile-btn{min-height:40px;font-size:13px;padding:10px 16px}.mobile-form .el-form-item{margin-bottom:16px}.mobile-form .el-form-item .el-form-item__label{font-size:13px;margin-bottom:6px}.mobile-form .el-form-item .el-input__wrapper{min-height:40px}.mobile-form .el-form-item .el-input__inner{font-size:13px}.mobile-table .el-table{min-width:500px;font-size:12px}.mobile-table .el-table .el-table__header th{padding:10px 6px;font-size:11px}.mobile-table .el-table .el-table__body td{padding:10px 6px}.mobile-table .el-table .el-table__body td .el-button{font-size:11px;padding:3px 6px;min-height:24px}.mobile-table .el-table .el-table__body td .el-tag{font-size:10px;padding:1px 4px}.mobile-pagination :deep(.el-pagination) .el-pager .number,.mobile-pagination :deep(.el-pagination) .btn-prev,.mobile-pagination :deep(.el-pagination) .btn-next{min-width:32px;height:32px;font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fafafa;color:#1f2937;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.el-button{border-radius:var(--mobile-radius);font-weight:500;transition:all .2s ease}.el-button.el-button--primary{background:#1d4ed8;border-color:#1d4ed8}.el-button.el-button--primary:hover{background:#1e40af;border-color:#1e40af}.el-button.el-button--default{background:#fff;border-color:#d1d5db;color:#374151}.el-button.el-button--default:hover{background:#f9fafb;border-color:#9ca3af}.el-input__wrapper{border-radius:var(--mobile-radius);border:1px solid #d1d5db;box-shadow:none}.el-input__wrapper:hover{border-color:#9ca3af}.el-input__wrapper.is-focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #1d4ed81a}.el-select .el-input__wrapper.is-focus{border-color:#1d4ed8}.el-card{border-radius:var(--mobile-radius);border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.el-table{border-radius:var(--mobile-radius)}.el-table .el-table__header th{background:#f9fafb;color:#374151;font-weight:600;border-bottom:1px solid #e5e7eb}.el-table .el-table__body tr:hover td{background:#f9fafb}.el-pagination .el-pager .number{border-radius:6px}.el-pagination .el-pager .number.is-active{background:#1d4ed8;color:#fff}.el-pagination .btn-prev,.el-pagination .btn-next{border-radius:6px}.el-dialog{border-radius:12px}.el-dialog .el-dialog__header{border-bottom:1px solid #f0f0f0}.el-dialog .el-dialog__headerbtn{width:32px;height:32px;border-radius:50%;background:#f3f4f6}.el-dialog .el-dialog__headerbtn:hover{background:#e5e7eb}.el-tag{border-radius:4px}.el-tag.el-tag--success{background:#dcfce7;color:#166534;border-color:#bbf7d0}.el-tag.el-tag--info{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.el-tag.el-tag--danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.rounded{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 4px 6px #00000012}.shadow-lg{box-shadow:0 10px 15px #0000001a}.fade-transform-leave-active,.fade-transform-enter-active{transition:all .3s ease}.fade-transform-enter-from{opacity:0;transform:translate(-30px)}.fade-transform-leave-to{opacity:0;transform:translate(30px)}@media (max-width: 768px){.hidden-mobile{display:none!important}}@media (min-width: 769px){.hidden-desktop{display:none!important}}@media (max-width: 768px){.el-button{min-height:var(--mobile-touch-target);padding:10px 16px}.el-input__inner{min-height:var(--mobile-touch-target);font-size:16px}.el-select .el-input__inner{font-size:16px}.el-form-item{margin-bottom:20px}.el-form-item__label{line-height:1.5;margin-bottom:8px}.el-table{font-size:14px}.el-table .el-table__cell{padding:12px 8px}.el-dialog{margin:0 auto;max-height:90vh;display:flex;flex-direction:column}.el-dialog .el-dialog__body{overflow-y:auto;-webkit-overflow-scrolling:touch}.el-pagination{justify-content:center}.el-pagination .el-pagination__total,.el-pagination .el-pagination__jump,.el-pagination .el-pagination__sizes{display:none}}@media (max-width: 480px){.el-button{min-height:40px;padding:8px 12px;font-size:14px}.el-input__inner{min-height:40px;font-size:16px}.el-form-item{margin-bottom:16px}.el-table{font-size:13px}.el-table .el-table__cell{padding:10px 6px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bfbfbf}ul,ol{margin:0;padding:0;list-style:none}a{color:#666;text-decoration:none}a:hover{color:#333}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.page-title{font-size:20px;font-weight:500;color:#333;margin:0 0 24px}.main-content{background:#fafafa;min-height:calc(100vh - 60px);padding:24px}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:8px!important}.mb-2{margin-bottom:16px!important}.mb-3{margin-bottom:24px!important}.mt-0{margin-top:0!important}.mt-1{margin-top:8px!important}.mt-2{margin-top:16px!important}.mt-3{margin-top:24px!important}.card{background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:20px;margin-bottom:20px}.page-title{font-size:20px;font-weight:400;color:#333;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:20px;transition:border-color .3s}.stat-card:hover{border-color:#d9d9d9}.stat-card .stat-title{font-size:12px;color:#999;margin-bottom:8px;font-weight:400}.stat-card .stat-value{font-size:24px;font-weight:300;color:#333;margin-bottom:4px}.stat-card .stat-trend{font-size:11px;color:#999}.el-form-item__label{color:#666;font-weight:400}.el-descriptions .el-descriptions__header .el-descriptions__title{color:#333;font-weight:500}.el-descriptions .el-descriptions__body .el-descriptions__table{border:1px solid #e8e8e8}.el-descriptions .el-descriptions__body .el-descriptions__table .el-descriptions__cell{border:1px solid #f0f0f0}.el-descriptions .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-bordered-label{background:#fafafa;color:#666;font-weight:400}