.hero-section { background-color: var(--surface); color: var(--text); padding: 30px 20px 40px 20px; text-align: center; border-radius: 24px !important; margin: 20px 15px; position: relative; box-shadow: var(--shadow-panel); border: none !important; transition: 0.3s; }
.app-title-top { display:flex; justify-content:space-between; align-items:center; margin-bottom: 25px; color: var(--text); }
.app-title-top h2 { margin: 0; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.hero-subtitle { font-size: 11px; font-weight: 700; color: var(--text-light); text-transform: uppercase; letter-spacing: 1px; margin: 0 0 5px 0; }
.hero-total { font-size: 48px; font-weight: 800; margin: 0; letter-spacing: -1px; color: var(--accent); }
html.dark-mode .hero-total { color: #F8FAFC; }
.hero-count { font-size: 12px; color: var(--text-light); margin: 5px 0 15px 0; font-weight: 500; }
.hero-yesterday { font-size: 13px; color: var(--text-light); font-weight: 600; margin-bottom: 20px; }
.hero-yesterday span { color: var(--text); }
.dashboard-cards { padding: 0 15px; position: relative; z-index: 10; display:flex; flex-direction:column; gap:15px; margin-bottom: 20px; }
.action-card { background: var(--surface); border-radius: 24px; padding: 20px; box-shadow: var(--shadow-panel); border: none !important; transition: 0.3s; overflow: hidden; }