*{box-sizing:border-box}body{color:#1b1f24;background:#f5f7fb;margin:0;font-family:Arial,Helvetica,sans-serif}main{max-width:1100px;margin:0 auto;padding:24px}.card{background:#fff;border:1px solid #dfe5ef;border-radius:8px;margin-bottom:16px;padding:16px}.row{flex-wrap:wrap;gap:8px;display:flex}input,select,button,textarea{border:1px solid #c9d3e0;border-radius:6px;padding:8px;font-size:14px}button{cursor:pointer;color:#fff;background:#1e66f5;border:none}button.secondary{background:#6c7a90}button.danger{background:#c23030}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e5e9f0;padding:10px 6px}.muted{color:#5c6a7d}.calendar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.calendar-grid{grid-template-columns:repeat(7,minmax(180px,1fr));gap:10px;margin-top:12px;padding-bottom:8px;display:grid;overflow-x:auto}.calendar-day{background:#fbfcfe;border:1px solid #dfe5ef;border-radius:8px;min-height:240px;padding:10px}.calendar-day-head{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.appointment-card{background:#fff;border:1px solid #d8e1ef;border-radius:8px;margin-bottom:8px;padding:8px}.appointment-card p{margin:0 0 6px}@media (max-width:900px){.calendar-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}