.daily-insight-card { background: var(--glass-panel-bg); backdrop-filter: blur(24px); border: 1px solid var(--glass-border); border-radius: var(--radius-xl); padding: 1.25rem; margin-bottom: 2rem; box-shadow: var(--shadow-md); animation: slideUp 0.5s ease-out; display: flex; flex-direction: column; gap: 1rem; position: relative; overflow: hidden; } .daily-insight-card--ai::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--color-primary-rgb), 0.5), transparent); animation: scan 3s infinite linear; } @keyframes scan { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .daily-insight__header { display: flex; align-items: center; gap: 0.5rem; color: var(--color-primary); font-weight: 700; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.5px; } .daily-insight__content { display: grid; grid-template-columns: 1fr 1px 1fr; gap: 1rem; align-items: center; } .daily-insight__divider { width: 1px; height: 40px; background: var(--color-border); } .daily-insight__section { display: flex; flex-direction: column; gap: 0.5rem; } .daily-insight__title { font-size: 0.8rem; color: var(--color-text-secondary); font-weight: 600; } .daily-insight__text { font-size: 0.95rem; color: var(--color-text); line-height: 1.4; } .daily-insight__highlight { font-weight: 700; color: var(--color-primary); } .daily-insight__highlight--success { color: var(--color-success); } .daily-insight__highlight--warning { color: #F59E0B; } .daily-insight__highlight--danger { color: #EF4444; } @media (max-width: 640px) { .daily-insight__content { grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 1rem; } .daily-insight__divider { width: 100%; height: 1px; } } .daily-insight-card--ai { border: 1px solid rgba(var(--color-primary-rgb), 0.3); background: linear-gradient(145deg, rgba(var(--color-primary-rgb), 0.05), var(--glass-panel-bg)); } .daily-insight__loading-badge { font-size: 0.7rem; color: var(--color-text-secondary); background: rgba(0, 0, 0, 0.05); padding: 2px 6px; border-radius: 4px; margin-left: auto; animation: pulse 1.5s infinite; } @keyframes pulse { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } } .animate-fade-in { animation: fadeIn 0.5s ease; } .section-header-row { display: flex; justify-content: space-between; align-items: center; } .week-diff-badge { font-size: 0.7rem; padding: 1px 6px; border-radius: 4px; font-weight: 600; } .week-diff-badge.green { background: rgba(16, 185, 129, 0.1); color: #10B981; } .week-diff-badge.red { background: rgba(239, 68, 68, 0.1); color: #EF4444; }