.customer-welcome{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:26px;border-radius:22px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.customer-welcome h1{margin:7px 0;font-size:clamp(1.7rem,4vw,3rem)}.customer-welcome p{margin:0;opacity:.82;line-height:1.8}.customer-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:14px}.customer-kpis>div{padding:17px;border-radius:17px;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.customer-kpis span{display:block;opacity:.55;font-size:.7rem}.customer-kpis strong{display:block;margin-top:7px;font-size:1.55rem}.customer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:15px;margin-top:15px}.customer-booking{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:12px 5px;border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent)}.customer-booking-time strong,.customer-booking-time span{display:block}.customer-booking-time strong{font-size:.76rem}.customer-booking-time span{font-size:.65rem;opacity:.5;margin-top:3px}.customer-booking b{display:block;font-size:.77rem}.customer-booking small{display:block;opacity:.5;font-size:.65rem;margin-top:3px}.notification-list{display:grid}.notification-row{display:flex;gap:12px;padding:15px 6px;border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent)}.notification-row.unread{background:color-mix(in srgb,var(--secondary) 5%,var(--surface));border-radius:12px}.notification-icon{width:36px;height:36px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--secondary) 10%,var(--surface));color:var(--secondary);font-weight:900}.notification-row b{font-size:.8rem}.notification-row p{margin:5px 0;opacity:.63;line-height:1.7;font-size:.74rem}.notification-row small{opacity:.45;font-size:.62rem}.profile-card{display:grid;gap:22px}.profile-big{display:flex;gap:13px;align-items:center}.profile-big .avatar{width:56px;height:56px;border-radius:17px;font-size:1.3rem}.profile-big h2{margin:0 0 4px}.profile-big span{opacity:.55;font-size:.7rem}.profile-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-fields div{padding:14px;border-radius:14px;background:color-mix(in srgb,var(--background) 55%,var(--surface))}.profile-fields small,.profile-fields b{display:block}.profile-fields small{opacity:.5;font-size:.65rem}.profile-fields b{margin-top:5px}@media(max-width:800px){.customer-grid{grid-template-columns:1fr}.customer-welcome{align-items:stretch;flex-direction:column}.profile-fields{grid-template-columns:1fr 1fr}}@media(max-width:500px){.customer-kpis{grid-template-columns:1fr 1fr}.customer-kpis>div:last-child{grid-column:1/-1}.customer-booking{grid-template-columns:60px 1fr}.customer-booking>strong{grid-column:2}}