:root{font-family:Arial,Noto Sans Thai,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.shell{max-width:1500px;margin:auto;padding:22px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.title{font-size:28px;font-weight:800}.nav{display:flex;align-items:center;gap:8px}.ghost,.nav button,.primary{border:0;border-radius:10px;padding:10px 14px;cursor:pointer}.primary{background:#2367e8;color:white}.ghost,.nav button{background:white;border:1px solid #dce3ee}.month{font-size:22px;font-weight:700;min-width:190px;text-align:center}.week{display:grid;grid-template-columns:repeat(7,minmax(155px,1fr));min-width:1085px}.weekday{padding:10px;text-align:center;font-weight:700;color:#667085}.grid{display:grid;grid-template-columns:repeat(7,minmax(155px,1fr));min-width:1085px;border-left:1px solid #dce3ee;border-top:1px solid #dce3ee}.scroller{overflow:auto;background:white;border-radius:14px;box-shadow:0 4px 22px #18223012}.cell{min-height:170px;padding:9px;border-right:1px solid #dce3ee;border-bottom:1px solid #dce3ee;cursor:pointer;background:#fff}.cell.out{background:#f8fafc;color:#98a2b3}.cell.today .day{background:#2367e8;color:white}.day{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-weight:800;margin-bottom:6px}.event{padding:7px 8px;margin:5px 0;border-radius:8px;background:#eaf2ff;font-size:13px;line-height:1.25;overflow:hidden}.event b{margin-right:5px}.event:hover{outline:2px solid #9bbcff}.modalback{position:fixed;inset:0;background:#11182766;display:grid;place-items:center;padding:18px;z-index:10}.modal{background:white;border-radius:16px;padding:20px;width:min(480px,100%);box-shadow:0 24px 70px #0003}.modal h2{margin:0 0 16px}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}label{display:block;font-size:13px;font-weight:700;margin:10px 0 5px}input,textarea{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:10px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.danger{margin-right:auto;color:#b42318}.hint{font-size:12px;color:#667085;margin-top:6px}@media(max-width:700px){.shell{padding:10px}.title{font-size:22px}.top{align-items:flex-start;flex-direction:column}.cell{min-height:145px}.grid,.week{grid-template-columns:repeat(7,minmax(135px,1fr));min-width:945px}}.quick{display:flex;gap:8px;margin:12px 0}.quick input{flex:1 1}.cat-ประชุม{background:#eaf2ff;border-left:4px solid #2367e8}.cat-ตรวจงาน{background:#eaf8ef;border-left:4px solid #25a55f}.cat-ซ่อมบำรุง{background:#fff3df;border-left:4px solid #e99a24}.cat-อบรม{background:#f3eaff;border-left:4px solid #8b5cf6}.cat-ส่วนตัว{background:#ffecec;border-left:4px solid #e5484d}.legend{display:flex;gap:12px;flex-wrap:wrap;margin:12px 2px;font-size:13px;color:#667085}