body{background:#f5f7fa;margin:0;font-family:sans-serif}.header{text-align:center;color:#fff;background:#111;padding:2px}.container{gap:10px;padding:20px;display:flex}.left img{border-radius:12px;width:100%}.right{flex:1}.calendar{background:#fff;border-radius:15px;padding:15px}.calendar-header{justify-content:space-between;display:flex}.grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px;display:grid}.day-name{text-align:center;font-weight:700}.day{text-align:center;cursor:pointer;background:#eee;border-radius:8px;padding:10px;transition:all .2s}.start{color:#fff;background:#4caf50}.end{color:#fff;background:#f44336}.range{background:#90caf9}.notes{background:#fff;border-radius:12px;margin-top:20px;padding:15px}.notes textarea{width:100%;height:80px}.notes button{cursor:pointer;border-radius:10px;margin-top:10px;padding:8px}@media (width<=768px){.container{flex-direction:column}}