*{margin:0;padding:0;box-sizing:border-box}#app,body,html{width:100%;height:100%;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.card,.card-title{margin-bottom:20px}.card-title{font-size:18px;font-weight:700;color:#303133}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:24px;color:#fff;margin-bottom:20px}.stat-card .stat-label{font-size:14px;opacity:.9;margin-bottom:8px}.stat-card .stat-value{font-size:32px;font-weight:700}.stat-card .stat-unit{font-size:16px;margin-left:4px}.stat-card.green{background:linear-gradient(135deg,#11998e,#38ef7d)}.stat-card.orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.page-container{padding:20px}.btn-group,.el-table{margin-top:20px}.btn-group{text-align:right}.empty-state{text-align:center;padding:60px 0;color:#909399}.empty-state i{font-size:64px;margin-bottom:20px}.empty-state p{font-size:14px}@media screen and (max-width:768px){.page-container{padding:10px}.card{padding:15px}.card,.card-title{margin-bottom:15px}.card-title{font-size:16px}.stat-card{padding:16px;margin-bottom:10px}.stat-card .stat-label{font-size:12px}.stat-card .stat-value{font-size:24px}.stat-card .stat-unit{font-size:14px}.el-table{font-size:12px}.el-table ::v-deep .el-table__body td,.el-table ::v-deep .el-table__header th{padding:8px 0}.empty-state{padding:40px 0}.empty-state i{font-size:48px}.empty-state p{font-size:12px}}