*{box-sizing:border-box}body{background:#f1f5f9;margin:0;font-family:Arial,sans-serif}.app{padding:24px}.layout{grid-template-columns:330px 1fr;gap:24px;display:grid}.card{background:#fff;border-radius:12px;padding:20px}label{margin-top:12px;font-weight:700;display:block}input,select,button{width:100%;padding:10px;font-size:15px}button{cursor:pointer;margin-top:18px}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.calendar{grid-template-columns:repeat(7,1fr);gap:12px;margin-top:20px;display:grid}.day{background:#f8fafc;border:1px solid #ddd;border-radius:12px;min-height:320px;padding:10px}.day h3{margin:0}.event{color:#fff;background:#0f172a;border-radius:10px;flex-direction:column;gap:3px;margin-top:10px;padding:10px;font-size:13px;display:flex}.error{color:red;font-weight:700}.cancel{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;margin-top:8px;padding:6px}