.db{display:flex;flex-direction:column;gap:20px}.db-greeting{background:#fff;border-radius:12px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #f1f5f9;border-left:4px solid #6366f1}.db-greeting-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 3px;line-height:1.3}.db-greeting-sub{font-size:13px;font-weight:400;color:#94a3b8;margin:0}.db-greeting-date{font-size:12px;font-weight:500;color:#94a3b8;white-space:nowrap;flex-shrink:0}.db-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.db-stat{background:#fff;border:1px solid #f1f5f9;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s ease,transform .15s ease}.db-stat:hover{box-shadow:0 2px 12px rgba(0,0,0,.04);transform:translateY(-1px)}.db-stat-top{gap:10px}.db-stat-icon,.db-stat-top{display:flex;align-items:center}.db-stat-icon{width:36px;height:36px;border-radius:8px;justify-content:center;flex-shrink:0}.db-stat-label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px}.db-stat-bottom{display:flex;align-items:baseline;gap:8px}.db-stat-value{font-size:24px;font-weight:800;color:#1e293b;line-height:1}.db-stat-sub{font-size:11px;font-weight:500;color:#94a3b8}.db-section{display:flex;flex-direction:column;gap:10px}.db-section-title{font-size:14px;font-weight:700;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.5px}.db-actions{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.db-action{background:#fff;border:1px solid #f1f5f9;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;text-decoration:none;transition:box-shadow .2s ease,transform .15s ease,border-color .2s ease;cursor:pointer;position:relative}.db-action:hover{box-shadow:0 2px 12px rgba(0,0,0,.04);transform:translateY(-1px);border-color:#e2e8f0}.db-action:hover .db-action-arrow{opacity:1;transform:translate(1px,-1px)}.db-action-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-action-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1}.db-action-label{font-size:13px;font-weight:600;color:#1e293b}.db-action-desc{font-size:11px;font-weight:400;color:#94a3b8}.db-action-arrow{color:#cbd5e1;opacity:0;transition:opacity .2s ease,transform .2s ease;flex-shrink:0}@media (max-width:1024px){.db-actions,.db-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.db{gap:14px}.db-greeting{flex-direction:column;align-items:flex-start;padding:18px 20px;gap:8px;border-left-width:3px}.db-greeting-title{font-size:16px}.db-greeting-sub{font-size:12px}.db-greeting-date{font-size:11px}.db-stats{gap:10px}.db-stat{padding:14px;gap:10px}.db-stat-icon{width:32px;height:32px}.db-stat-value{font-size:20px}.db-stat-label{font-size:11px}.db-actions{gap:10px}.db-action{padding:12px 14px;gap:10px}.db-action-icon{width:32px;height:32px}.db-action-label{font-size:12px}.db-action-arrow,.db-action-desc{display:none}.db-section-title{font-size:13px}}@media (max-width:380px){.db-actions,.db-stats{grid-template-columns:1fr}}