.home-page{flex-direction:column;gap:28px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;display:flex}.page-title{color:var(--navy);margin-bottom:4px;font-size:28px;font-weight:800}.page-subtitle{color:var(--text-muted);font-size:14px}.refresh-badge{border:1px solid var(--border);color:var(--text-muted);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.home-error{color:#dc2626;background:#fff1f1;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-card{box-shadow:var(--shadow-md);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:24px;transition:transform .2s,box-shadow .2s;animation:.4s both fadeUp;display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.stat-card:nth-child(2){animation-delay:70ms}.stat-card:nth-child(3){animation-delay:.14s}.stat-card:nth-child(4){animation-delay:.21s}.stat-card:before{content:"";border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.card-blue:before{background:var(--navy)}.card-green:before{background:#22c55e}.card-orange:before{background:var(--orange)}.card-revenue:before{background:#8b5cf6}.card-top{justify-content:space-between;align-items:center;display:flex}.card-icon{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.card-blue .card-icon{color:var(--navy);background:#002a5e14}.card-green .card-icon{color:#16a34a;background:#22c55e1a}.card-orange .card-icon{color:var(--orange);background:#ff8a171a}.card-revenue .card-icon{color:#7c3aed;background:#8b5cf61a}.card-value{color:var(--navy);text-align:left;direction:ltr;font-size:30px;font-weight:800}.card-value.negative{color:#dc2626}.card-label{color:var(--text-muted);font-size:13px;font-weight:600}.revenue-badge{border-radius:20px;align-items:center;gap:4px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.revenue-badge.pos{color:#16a34a;background:#22c55e1a}.revenue-badge.neg{color:#dc2626;background:#dc262614}.skeleton-val{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;width:80px;height:36px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.summary-bar{background:var(--navy);border-radius:14px;align-items:center;gap:0;padding:20px 32px;animation:.4s .3s both fadeUp;display:flex}.summary-item{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.summary-label{color:#ffffff8c;font-size:12px;font-weight:500}.summary-value{color:#fff;font-size:20px;font-weight:800}.summary-value.text-red{color:#f87171}.summary-value.text-green{color:#4ade80}.summary-divider{background:#ffffff1f;width:1px;height:40px}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}.summary-bar{flex-direction:column;gap:16px;padding:20px}.summary-divider{width:60px;height:1px}}