.header-text{background-color:var(--el-color-primary-red);padding:10px 20px;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;text-align:center;margin:0;font-size:1rem;text-transform:uppercase}.no-data{text-align:center;color:#7f8c8d;font-size:1.1rem;padding:40px}.faskon-grid-container{height:280px;overflow-y:auto;padding:20px;border-radius:20px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:20px;margin-bottom:24px;color:#fff;box-shadow:0 8px 32px #667eea4d}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.summary-header h3{margin:0;font-size:1.4rem;font-weight:600}.summary-icon{font-size:1.8rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-item{background:#ffffff1a;border-radius:12px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-label{display:block;font-size:.9rem;opacity:.9;margin-bottom:4px}.stat-value{display:block;font-size:1.3rem;font-weight:700}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:8px}.faskon-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border-left:4px solid;position:relative;overflow:hidden}.faskon-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.card-0{border-left-color:#3498db}.card-1{border-left-color:#e74c3c}.card-2{border-left-color:#2ecc71}.card-3{border-left-color:#f39c12}.card-header{display:flex;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.card-icon{font-size:1.5rem;margin-right:12px}.card-title{margin:0;font-size:.7rem;font-weight:600;color:#2c3e50;flex:1}.card-content{margin-bottom:16px}.metric-row{margin-bottom:12px}.metric-item{display:flex;align-items:center;padding:12px;background:#f8f9fa;border-radius:10px;transition:background-color .2s ease}.metric-item:hover{background:#e9ecef}.metric-icon{font-size:1.2rem;margin-right:12px;opacity:.7}.metric-details{flex:1;display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:.7rem;color:#6c757d;font-weight:500}.metric-value{font-size:.6rem;font-weight:700;color:#2c3e50}.progress-container{height:6px;background:#ecf0f1;border-radius:3px;overflow:hidden;margin-top:12px}.progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .8s ease;border-radius:3px}.faskon-grid-container::-webkit-scrollbar{width:8px}.faskon-grid-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.faskon-grid-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.faskon-grid-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr;gap:16px}.summary-stats{grid-template-columns:1fr}.metric-details{flex-direction:column;align-items:flex-start;gap:4px}.faskon-grid-container{max-height:400px;padding:8px}}.faskon-card{animation:slideInUp .6s ease forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.faskon-card:nth-child(1){animation-delay:.1s}.faskon-card:nth-child(2){animation-delay:.2s}.faskon-card:nth-child(3){animation-delay:.3s}.faskon-card:nth-child(4){animation-delay:.4s}