body{background-color:#f5f7fa;padding:20px}.section-title{border-left:5px solid #3273dc;margin-bottom:15px;padding-left:10px;font-size:25px;font-weight:700}.timeline-container{background:#fff;border-radius:8px;padding:10px;position:relative;overflow-x:auto}.time-axis{color:#999;border-bottom:1px solid #eee;grid-template-columns:repeat(24,1fr);min-width:900px;margin-bottom:15px;margin-left:80px;padding-bottom:10px;display:grid;position:relative}.time-slot{height:15px;font-size:10px;position:relative}.time-slot span{white-space:nowrap;position:absolute;left:-12px}.time-slot.hour-mark{color:#666;border-left:1px solid #ccc;font-weight:700}.time-slot.half-mark{border-left:1px solid #f0f0f0}.axis-end-label{color:#666;font-size:10px;font-weight:700;position:absolute;top:0;right:-12px}.resource-row{align-items:center;height:32px;margin-bottom:8px;display:flex;position:relative}.resource-name{flex-shrink:0;width:80px;font-size:18px;font-weight:700}.bar-container{background:#f1f3f5 linear-gradient(90deg,#e0e0e0 1px,#0000 1px) 0 0/4.16667% 100%;border-radius:4px;flex:1;height:100%;position:relative}.schedule-bar{color:#fff;white-space:nowrap;cursor:pointer;z-index:10;border-radius:4px;justify-content:center;align-items:center;height:80%;font-size:18px;display:flex;position:absolute;top:10%;overflow:hidden;box-shadow:0 1px 3px #0000001a}.schedule-bar:hover{opacity:.8}.time-select-container{align-items:center;gap:5px;display:flex}