.mt-dashboard { display: flex; flex-wrap: wrap; gap:20px; }
.mt-left, .mt-right { flex:1; min-width:300px; }
.mt-left { background:#fff8f7; padding:15px; border-radius:8px; box-shadow:0 0 5px rgba(0,0,0,0.1); }
.mt-right { background:#fefefe; padding:15px; border-radius:8px; box-shadow:0 0 5px rgba(0,0,0,0.1); }
.mt-symptom { margin-bottom:10px; }
.mt-symptom label { display:block; margin-bottom:3px; }
.mt-slider { display:flex; align-items:center; }
.mt-slider input[type=range] { flex:2; margin-right:8px; accent-color: salmon; max-width:120px; }
.mt-level { width:20px; }
.mt-scale { display:flex; justify-content:space-between; font-size:12px; color:#555; margin-top:5px; }
#mt-save { margin-top:10px; background:salmon; border:none; padding:8px 12px; color:#fff; cursor:pointer; border-radius:4px; }
#mt-calendar { display: grid; grid-template-columns: repeat(7, 1fr); gap:4px; margin-bottom:10px; }
.mt-day { border:1px solid #ccc; padding:5px; text-align:center; cursor:pointer; border-radius:4px; transition: background 0.2s; }
.mt-day:hover { background:#ffe4e1; }
.mt-day.logged { background:salmon; color:#fff; }