.graph-container{width:100%;padding:40px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff}.graph-title{text-align:center;margin-bottom:30px;font-size:1.75rem;font-weight:600;color:#000}.date-picker-row{justify-content:flex-start;margin-bottom:20px}.date-picker-col{padding:0 10px}.date-picker-group{margin-bottom:0;position:relative}.form-label{font-weight:500;color:#000;margin-bottom:5px}.form-control.date-picker{border-radius:30px;border:1px solid #ced4da;padding:10px 20px;width:220px;transition:border-color .15s ease-in-out;box-shadow:0 2px 5px rgba(0,0,0,.1)}.form-control.date-picker:focus{border-color:#0073e6;box-shadow:0 0 8px rgba(0,115,230,.5)}.chart-wrapper{width:100%;height:500px;margin-top:20px;animation:fadeIn 1s ease-in-out;color:#000!important}.custom-tooltip{background-color:#fff;border:1px solid #ccc;padding:10px}.error-text,.loading-text{text-align:center;margin-top:50px;font-size:1.2rem;color:#000}.recharts-default-tooltip{border-radius:4px!important}.recharts-cartesian-grid line{stroke:#e0e0e0}.recharts-brush{stroke:#0073e6}.recharts-brush .recharts-brush-traveller{fill:#0073e6}.recharts-tooltip-wrapper .recharts-default-tooltip{border:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.recharts-area{fill:url(#colorPersonCount)}.date-picker-col+.date-picker-col{margin-left:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.form-control.date-picker{position:relative;overflow:hidden}.form-control.date-picker:after{content:"";position:absolute;left:-100%;top:0;height:100%;width:100%;background:linear-gradient(90deg,rgba(0,115,230,0),rgba(0,115,230,.1) 50%,rgba(0,115,230,0));transition:left .5s}.form-control.date-picker:focus:after{left:0}.date-picker-container{color:#000}