.dashboard-page{display:flex;flex-direction:column;gap:var(--spacing-4)}.dashboard-page h1{margin-bottom:0}.welcome-card{background:var(--gradient-45)!important;border:none!important;color:#fff!important}.welcome-card h2{margin-bottom:var(--spacing-2)}.welcome-card p{margin:0;color:#fff;opacity:.65}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-3)}.quick-action-card{display:flex;flex-direction:column;padding:var(--spacing-4);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-3);text-decoration:none;color:var(--text-color);transition:all .2s ease;cursor:pointer}.quick-action-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.quick-action-icon{font-size:48px;color:var(--primary);margin-bottom:var(--spacing-2)}.quick-action-card h3{margin:0 0 var(--spacing-1) 0;font-size:var(--text-lg);color:var(--primary)}.quick-action-card p{margin:0;font-size:var(--text-sm);color:var(--mid)}.frequent-clients{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2)}.client-card{display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-3);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-2);cursor:pointer;transition:all .2s ease}.client-card:hover{background:var(--hover-color);border-color:var(--primary)}.client-info h4{margin:0 0 var(--spacing-1) 0;font-size:var(--text-base);color:var(--text-color)}.client-info p{margin:0;font-size:var(--text-sm);color:var(--mid)}.client-view-logs{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--mid-light);margin-top:var(--spacing-2)}.calendar-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.calendar-chart-grid>.card{min-width:0}.calendar-wrapper{width:100%}.react-calendar{width:100%;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-2);padding:var(--spacing-2);font-family:Karla,sans-serif}.react-calendar__tile{color:var(--text-color);background:var(--surface-color);border-radius:var(--radius-1);padding:var(--spacing-2);position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.react-calendar__tile:enabled:hover{background:var(--hover-color)}.react-calendar__tile--active{background:var(--primary)!important;color:#fff}.react-calendar__tile.has-logs{font-weight:var(--font-semibold)}.calendar-badge{position:absolute;bottom:2px;right:2px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-bold);box-shadow:0 2px 4px #ef44444d}.react-calendar__navigation button{color:var(--text-color);background:var(--surface-color);border:1px solid var(--border-color)}.react-calendar__navigation button:hover{background:var(--hover-color)}.react-calendar__month-view__weekdays{color:var(--mid);font-weight:var(--font-semibold);font-size:var(--text-sm)}.chart-container{height:300px;position:relative;width:100%;overflow:hidden}@media (max-width: 768px){.quick-actions{grid-template-columns:1fr}.frequent-clients{grid-template-columns:repeat(2,1fr)}.calendar-chart-grid{grid-template-columns:1fr}.client-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.client-stats{align-items:flex-start}.chart-container{height:250px}.react-calendar{font-size:var(--text-sm)}.calendar-badge{width:18px;height:18px;font-size:10px}}
