@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #1A73E8;--color-primary-dark: #1557B0;--color-primary-light: #4A90E2;--color-pro: #6C47FF;--color-pro-dark: #4A2FD7;--color-accent: #00BCD4;--color-background: #F5F7FA;--color-surface: #FFFFFF;--color-card-bg: #FFFFFF;--color-text-primary: #1A1A2E;--color-text-secondary: #6B7280;--color-text-hint: #ADB5BD;--color-text-on-primary: #FFFFFF;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-border: #E5E7EB;--color-border-focused: #1A73E8;--color-divider: #F3F4F6;--color-shadow: rgba(0, 0, 0, .1);--color-nav-selected: #1A73E8;--color-nav-unselected: #ADB5BD;--color-nav-bg: #FFFFFF;--color-overlay: rgba(0, 0, 0, .5)}html,body{font-family:Poppins,sans-serif;background-color:var(--color-background);color:var(--color-text-primary)}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;cursor:pointer;text-decoration:none;transition:box-shadow .2s,border-color .2s}.metric-card:hover{box-shadow:0 4px 16px var(--color-shadow);border-color:var(--color-primary)}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon .material-icons{font-size:22px}.metric-body{display:flex;flex-direction:column;gap:2px;min-width:0}.metric-label{font-size:.78rem;color:var(--color-text-secondary);font-weight:500}.metric-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.metric-change{display:flex;align-items:center;gap:2px;font-size:.75rem;font-weight:500;margin-top:2px}.metric-change .material-icons{font-size:13px}.metric-change.positive{color:var(--color-success)}.metric-change.negative{color:var(--color-error)}