#app,body,html{height:100%;margin:0}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;margin:0;padding:0;font-size:16px;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f4f7f6;color:#2c8885}:root{--el-color-primary:#2c8885;--el-color-primary-light-3:#63a8a5;--el-color-primary-light-5:#8bbfbd;--el-color-primary-light-7:#b4d6d4;--el-color-primary-light-8:#cfe3e1;--el-color-primary-light-9:#eaf4f3;--el-color-primary-dark-2:#226d6b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7f6;color:#333}.admin-container{display:flex;min-height:100vh}.sidebar{width:256px;background:#243746;color:#fff;position:fixed;height:100vh;overflow-y:auto;z-index:5}.sidebar-header{padding:20px;background:#2b4050;border-bottom:1px solid #4a5f7a}.sidebar-title{font-size:18px;font-weight:700;color:#ecf0f1}.sidebar-nav{padding:0}.nav-item{list-style:none}.nav-link{display:block;padding:12px 20px;color:#bdc3c7;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.nav-link.active,.nav-link:hover{background:#2b4050;color:#ecf0f1;border-left-color:#2c8885}.nav-link i{width:20px;margin-right:10px}.main-content{flex:1;margin-left:256px;padding:20px}.page-header{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;position:relative}.user-info{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:12px}.user-action-btn{padding:6px 14px;border-radius:6px;border:1px solid #dee2e6;background:#f8f9fa;color:#243746;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.user-action-btn:hover{background:#e9ecef;border-color:#ced4da}.user-profile-btn i{font-size:14px;color:#2c8885}.user-name-btn{border:none;background:none;color:#2c8885;padding:0;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center}.user-name-btn:hover{color:#226d6b;text-decoration:underline}.profile-modal{max-width:420px}.profile-info{display:flex;flex-direction:column;gap:12px}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f3f5}.profile-info-row:last-child{border-bottom:none}.profile-info-label{font-size:13px;color:#6c757d}.profile-info-value{font-size:14px;color:#212529;font-weight:500}.page-breadcrumb{display:flex;align-items:center;margin-bottom:12px;font-size:14px}.breadcrumb-link{color:#2c8885;text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .3s ease}.breadcrumb-link:hover{color:#226d6b}.breadcrumb-separator{margin:0 8px;color:#bdc3c7}.breadcrumb-current{color:#243746;font-weight:500}.page-title{font-size:24px;font-weight:700;color:#243746;margin-bottom:5px}.page-subtitle{font-size:14px;color:#7f8c8d}.toolbar{background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.toolbar-left,.toolbar-right{display:flex;gap:10px}.btn,.toolbar-right{align-items:center}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;text-decoration:none;display:inline-flex;gap:5px;transition:all .3s ease}.btn-primary{background:#2c8885;color:#fff}.btn-primary:hover{background:#226d6b}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#219a52}.btn-warning{background:#f39c12;color:#fff}.btn-warning:hover{background:#e67e22}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-sm{padding:5px 10px;font-size:12px}.search-box{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:250px}.search-box:focus{outline:none;border-color:#2c8885;box-shadow:0 0 0 2px rgba(44,136,133,.2)}.data-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead{background:#f8f9fa}.table td,.table th{padding:12px;text-align:left;border-bottom:1px solid #dee2e6}.table th{font-weight:600;color:#495057;font-size:13px;text-transform:uppercase}.table tbody tr:hover{background:#f8f9fa}.table td{font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.pagination-info{font-size:14px;color:#6c757d;margin-right:20px}.pagination-btn{padding:6px 12px;background:#f8f9fa;border:1px solid #dee2e6;color:#495057;text-decoration:none;border-radius:4px;transition:all .3s ease}.pagination-btn:hover{background:#e9ecef}.pagination-btn.active{background:#2c8885;color:#fff;border-color:#2c8885}.pagination-btn.disabled{opacity:.5;pointer-events:none}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.modal-content{background:#fff;margin:2% auto;padding:0;border-radius:8px;width:95%;max-width:1000px;max-height:90vh;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:20px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:18px;font-weight:700;color:#243746}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#adb5bd}.modal-close:hover{color:#495057}.modal-body{padding:20px;flex:1;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-footer{padding:20px;border-top:1px solid #dee2e6;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;background:#fff}#detailModal .modal-content{max-width:1200px;width:95%;max-height:95vh}#detailModal .modal-body{max-height:calc(95vh - 160px);overflow-y:auto;padding:15px 20px}#detailModal .modal-header{top:0}#detailModal .modal-footer,#detailModal .modal-header{flex-shrink:0;background:#fff;position:sticky;z-index:1}#detailModal .modal-footer{bottom:0}@media(max-height:800px){#detailModal .modal-content{margin:1% auto;max-height:98vh}#detailModal .modal-body{max-height:calc(98vh - 160px);padding:10px 15px}}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:5px;font-weight:600;color:#495057}.form-control{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:#2c8885;box-shadow:0 0 0 2px rgba(44,136,133,.2)}.form-select{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.form-select:focus{outline:none;border-color:#2c8885;box-shadow:0 0 0 2px rgba(44,136,133,.2)}#customDateRange{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.form-textarea{min-height:80px;resize:vertical}.form-required{color:#e74c3c}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.status-active{background:#d1edff;color:#0c5aa6}.status-inactive{background:#f8d7da;color:#721c24}.status-pending{background:#fff3cd;color:#856404}.stats-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.stats-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef;border-left:4px solid #2c8885;text-align:center;transition:all .3s ease;position:relative}.stats-card:first-child{border-left-color:#2c8885}.stats-card:nth-child(2){border-left-color:#27ae60}.stats-card:nth-child(3){border-left-color:#f39c12}.stats-card:nth-child(4){border-left-color:#e74c3c}.stats-card:nth-child(5){border-left-color:#9b59b6}.stats-card:nth-child(6){border-left-color:#1abc9c}.stats-card:nth-child(7){border-left-color:#2b4050}.stats-card:nth-child(8){border-left-color:#e67e22}.stats-card.success{border-left-color:#27ae60}.stats-card.danger{border-left-color:#e74c3c}.stats-card.warning{border-left-color:#f39c12}.stats-card.info,.stats-card.primary{border-left-color:#2c8885}.stats-update-time{position:absolute;top:8px;right:12px;font-size:11px;color:#95a5a6;font-weight:400;display:flex;align-items:center;gap:3px}.stats-update-time:before{content:"🕒";font-size:10px}.stats-card-header{display:flex;flex-direction:column;align-items:center;margin-bottom:8px;position:relative}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.stats-number{font-size:36px;font-weight:700;color:#243746;margin-bottom:8px;line-height:1}.stats-label{font-size:14px;color:#7f8c8d;font-weight:500;margin-bottom:5px}.stats-description{font-size:12px;color:#95a5a6;margin:0;line-height:1.4}.refresh-card .stats-subtitle{margin-bottom:10px}.refresh-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.refresh-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(155,89,182,.3)}.refresh-btn i{font-size:10px}.stats-card.loading .stats-number{color:#bdc3c7}.stats-card.loading .stats-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.refreshing{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.stats-grid .stats-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e9ecef;border-left:4px solid #2c8885;text-align:center;transition:all .3s ease;position:relative}.stats-grid .stats-card:first-child{border-left-color:#2c8885}.stats-grid .stats-card:nth-child(2){border-left-color:#27ae60}.stats-grid .stats-card:nth-child(3){border-left-color:#f39c12}.stats-grid .stats-card:nth-child(4){border-left-color:#e74c3c}.stats-grid .stats-card:nth-child(5){border-left-color:#9b59b6}.stats-grid .stats-card:nth-child(6){border-left-color:#1abc9c}.stats-grid .stats-card.success{border-left-color:#27ae60}.stats-grid .stats-card.danger{border-left-color:#e74c3c}.stats-grid .stats-card.warning{border-left-color:#f39c12}.stats-grid .stats-card.info,.stats-grid .stats-card.primary{border-left-color:#2c8885}.action-buttons{display:flex;gap:5px}.file-upload{border:2px dashed #dee2e6;border-radius:8px;padding:30px;text-align:center;cursor:pointer;transition:border-color .3s ease}.file-upload:hover{border-color:#2c8885}.file-upload-text{color:#6c757d;margin-top:10px}@media(max-width:768px){.sidebar{width:100%;height:auto;position:relative}.main-content{margin-left:0}.toolbar{flex-direction:column;gap:10px}.toolbar-left,.toolbar-right{width:100%;justify-content:center}.search-box{width:100%}.stats-grid{grid-template-columns:1fr}.table-responsive{overflow-x:auto}.modal-content{width:95%;margin:10% auto}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#6c757d}.text-primary{color:#2c8885}.text-success{color:#27ae60}.text-warning{color:#f39c12}.text-danger{color:#e74c3c}.mb-0{margin-bottom:0}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.d-none{display:none}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}