.dashboard-header {    margin-bottom: 2rem;}.dashboard-header h1 {    font-size: 1.75rem;     font-weight: 800;    margin: 0 0 0.25rem 0;}.dashboard-header p {    color: var(--text-muted);    font-size: 0.875rem;}.stats-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));    gap: 1rem;    margin-bottom: 2rem;}.stat-card {    background: #ffffff;    padding: 0.75rem 1rem;     border-radius: var(--radius-md);    border: 1px solid var(--border-color);    display: flex;    align-items: center;    gap: 0.875rem;    transition: var(--transition);}.stat-card:hover {    border-color: var(--border-hover-color:);    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);    transform: translateY(-2px);}.stat-icon-box {    width: 2.5rem;    height: 2.5rem;    border-radius: 0.5rem;    display: flex;    align-items: center;    justify-content: center;    flex-shrink: 0;}.stat-icon-box svg {    width: 1.25rem;    height: 1.25rem;}.stat-content {    display: flex;    flex-direction: column;    justify-content: center;}.stat-label {    font-size: 0.75rem;    color: var(--text-muted);    font-weight: 600;    text-transform: uppercase;    letter-spacing: 0.01em;    line-height: 1;    margin-bottom: 0.25rem;}.stat-value-group {    display: flex;    align-items: baseline;     gap: 0.4rem;}.stat-value {    font-size: 1.25rem;    font-weight: 800;    color: var(--text-main);    line-height: 1;}.stat-trend {    font-size: 0.7rem;    font-weight: 700;}.stat-trend.up { color: #10b981; }.stat-trend.down { color: #ef4444; }.stat-trend.new {     background: var(--primary-light);     color: var(--primary);     padding: 1px 5px;    border-radius: 4px;    font-size: 0.65rem;}.bg-green { background: rgba(16, 185, 129, 0.1); color: #10b981; }.bg-red { background: rgba(239, 68, 68, 0.1); color: #ef4444; }.bg-blue { background: var(--primary-light); color: var(--primary); }@media (max-width: 576px) {    .stats-grid {        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));        gap: 0.75rem;    }}.dashboard-header {    display: flex;    justify-content: space-between;    align-items: flex-end;    margin-bottom: 2.5rem;     gap: 1.5rem;}.header-text h1 {    font-size: 1.75rem;     font-weight: 800;    color: var(--text-main);    margin: 0 0 0.5rem 0;    letter-spacing: -0.02em;}.header-text p {    font-size: 0.9375rem;    color: var(--text-muted);    margin: 0;}.header-status {    display: flex;    align-items: center;    gap: 0.625rem;    background: #ffffff;    padding: 0.5rem 1rem;    border-radius: 2rem;    border: 1px solid var(--border-color);    font-size: 0.8125rem;    font-weight: 600;    color: var(--text-muted);    box-shadow: 0 2px 4px rgba(0,0,0,0.02);}.status-indicator {    width: 0.5rem;    height: 0.5rem;    background: #10b981;     border-radius: 50%;    position: relative;}.status-indicator::after {    content: '';    position: absolute;    inset: 0;    background: inherit;    border-radius: 50%;    animation: pulse-green 2s infinite;}@keyframes pulse-green {    0% { transform: scale(1); opacity: 0.8; }    100% { transform: scale(2.5); opacity: 0; }}@media (max-width: 768px) {    .dashboard-header {        flex-direction: column;        align-items: flex-start;        margin-bottom: 1.5rem;    }        .header-status {        padding: 0.375rem 0.75rem;    }}