.stats-card{background-color:var(--card-bg,#fff);border-radius:8px;padding:20px;box-shadow:0 2px 8px rgb(0 0 0 / 8%);display:flex;align-items:center;gap:16px;transition:all 0.3s ease;position:relative;overflow:hidden}.stats-card-clickable{cursor:pointer}.stats-card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / 12%)}.stats-card-icon{font-size:32px;opacity:0.8;flex-shrink:0}.stats-card-content{flex:1;min-width:0}.stats-card-value{font-weight:700;color:var(--text-primary,#333);line-height:1.2;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-card-label{color:var(--text-secondary,#666);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats-card-small{padding:12px 16px}.stats-card-small .stats-card-value{font-size:20px}.stats-card-small .stats-card-label{font-size:12px}.stats-card-small .stats-card-icon{font-size:24px}.stats-card-medium{padding:20px}.stats-card-medium .stats-card-value{font-size:28px}.stats-card-medium .stats-card-label{font-size:14px}.stats-card-large{padding:24px 28px}.stats-card-large .stats-card-value{font-size:36px}.stats-card-large .stats-card-label{font-size:16px}.stats-card-large .stats-card-icon{font-size:40px}.stats-card-trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:8px;padding:4px 8px;border-radius:12px}.stats-card-trend-up{color:var(--success-color,#2ecc71);background-color:var(--success-bg,rgb(46 204 113 / 10%))}.stats-card-trend-down{color:var(--error-color,#e74c3c);background-color:var(--error-bg,rgb(231 76 60 / 10%))}.stats-card-trend-icon{font-size:14px}.stats-card-default{background-color:var(--card-bg,#fff)}.stats-card-success{background-color:var(--success-bg,#e8f5e9);border:1px solid var(--success-border,#a5d6a7)}.stats-card-success .stats-card-value{color:var(--success-color,#2e7d32)}.stats-card-success .stats-card-icon{color:var(--success-color,#2e7d32)}.stats-card-warning{background-color:var(--warning-bg,#fff3cd);border:1px solid var(--warning-border,#ffeaa7)}.stats-card-warning .stats-card-value{color:var(--warning-color,#856404)}.stats-card-warning .stats-card-icon{color:var(--warning-color,#856404)}.stats-card-error{background-color:var(--error-bg,#ffebee);border:1px solid var(--error-border,#ffcdd2)}.stats-card-error .stats-card-value{color:var(--error-color,#c62828)}.stats-card-error .stats-card-icon{color:var(--error-color,#c62828)}.stats-card-info{background-color:var(--info-bg,#e3f2fd);border:1px solid var(--info-border,#90caf9)}.stats-card-info .stats-card-value{color:var(--info-color,#1565c0)}.stats-card-info .stats-card-icon{color:var(--info-color,#1565c0)}.stats-card::before{content:"";position:absolute;inset:0 -50% 0 50%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 10%));transform:translateX(100%);transition:transform 0.6s ease}.stats-card:hover::before{transform:translateX(-100%)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}@media (width <= 768px){.stats-grid{grid-template-columns:1fr;gap:16px}}.dark-theme .stats-card{background-color:var(--card-bg,#1e1e1e);box-shadow:0 2px 8px rgb(0 0 0 / 30%)}.dark-theme .stats-card-value{color:var(--text-primary,#f5f5f5)}.dark-theme .stats-card-label{color:var(--text-secondary,#aaa)}.dark-theme .stats-card-success{background-color:var(--success-bg,#1b5e20);border-color:var(--success-border,#2e7d32)}.dark-theme .stats-card-warning{background-color:var(--warning-bg,#6a4c39);border-color:var(--warning-border,#8d6e63)}.dark-theme .stats-card-error{background-color:var(--error-bg,#4a1c1c);border-color:var(--error-border,#7f2828)}.dark-theme .stats-card-info{background-color:var(--info-bg,#1a3d5c);border-color:var(--info-border,#2962ff)}.stats-card-loading .stats-card-value,.stats-card-loading .stats-card-label{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;color:transparent;border-radius:4px}.stats-card-loading .stats-card-value{width:80px;height:28px;margin-bottom:8px}.stats-card-loading .stats-card-label{width:120px;height:14px}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.stats-card:focus{outline:2px solid var(--focus-color,#4a6fa5);outline-offset:2px}@media (width <= 480px){.stats-card-medium .stats-card-value{font-size:24px}.stats-card-large .stats-card-value{font-size:28px}.stats-card{padding:16px}}