.login-panel{max-width:480px;margin:40px auto}.login-panel h1{font-size:36px}.login-panel label{display:grid;gap:8px;margin:20px 0}.login-panel input{width:100%}.office-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.office-day{min-height:80px;display:flex;flex-direction:column;gap:8px;text-align:left;align-items:flex-start;padding:12px;border-radius:12px;background:#f5f4f0}.office-day small{font-size:12px;font-weight:400}.office-day.selected{background:#26322b;color:white}.schedule{display:grid;gap:8px}.appointment{display:grid;grid-template-columns:72px 1fr;gap:16px;border:1px solid #eee;border-radius:12px;padding:14px;color:#74786f}.appointment.booked{background:#f4f5ef;border-color:#ccd2bf;color:#26322b}.appointment h3{margin:0 0 8px}.appointment p{margin:6px 0}.appointment a{color:inherit}.appointment>strong{font-size:20px}#office h1{font-size:clamp(32px,5vw,56px)}@media(max-width:600px){.office-days{gap:4px}.office-day{min-height:60px;padding:8px;font-size:14px}.office-day small{font-size:10px}.appointment{grid-template-columns:52px 1fr;gap:10px}.month-nav h2{font-size:20px}}