*{margin:0;padding:0}#root{--primary: #F5EDED;--secondary: #7FA1C3}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.flex-wrap{display:flex;flex-wrap:wrap!important}.flex-wrap div{min-width:300px}.blurred-background{filter:blur(2px);transition:filter .3s ease-in-out}.login-container{background:#fffc;border-radius:10px;text-align:center;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.login-form{min-width:350px;position:relative}.column{flex-direction:column;gap:10px}.forget-pass{position:absolute;right:0;bottom:-50px;color:#8581f3!important;text-decoration:underline;cursor:pointer}.login-form h1{margin-bottom:20px;color:#008b8b}.login-form p{margin-bottom:30px;color:#ca0000;position:absolute;margin-top:-20px;margin-left:20px;font-size:11px}.login-form input{width:calc(100% - 40px);padding:10px;margin-bottom:20px;border:1px solid #ddd;border-radius:5px;font-size:16px}.log-button{background:linear-gradient(to right,#008b8b,#9fc1c1);border:none;border-radius:50px;color:#fff;padding:5px 30px;font-size:18px;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;outline:none}.log-button:hover{background:linear-gradient(to right,#024b4b,#9fc1c1);box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}.log-button:active{background:linear-gradient(to right,#008b8b,#9fc1c1);box-shadow:0 2px 4px #0003;transform:translateY(0)}.displaynone{display:none}.header-nav{min-height:5%;display:flex;gap:40px;font-weight:600;padding-left:10px;width:100%;overflow-y:scroll;background-color:var(--secondary);box-sizing:border-box}.header-nav::-webkit-scrollbar{width:0px}.private-body{height:95%;background-color:var(--primary)}.nav-btns{cursor:pointer;transition:all .2s ease-in;border-bottom:2px solid var(--secondary);display:flex;color:var(--primary);align-items:center}.nav-btns-selected{cursor:pointer;transition:all .2s ease-in;display:flex;color:var(--secondary);background-color:var(--primary);align-items:center;padding:0 2px}.nav-btns:hover{border-bottom:2px solid var(--primary)}.nav-btns:active{color:var(--primary);border-bottom:2px solid var(--primary)}.daily-entry-comp{display:flex;height:100%;width:100%}.daily-entry-left{flex:1;padding:10px;height:100%;box-sizing:border-box}.daily-entry-right{flex:4;height:100%;width:100%;overflow:auto}.daily-entry-un-scroll-table,.daily-entry-scroll-table{height:100%}.daily-entry-un-scroll-table{width:30%}.daily-entry-un-scroll-table::-webkit-scrollbar{border:none}.daily-entry-scroll-table{width:70%}.daily-entry-left{height:100%;padding-top:5vh}.label-and-select{display:flex;justify-content:space-between}.label-and-select:nth-child(1),.label-and-select:nth-child(2){flex:1}.sel-label,.lab-select{width:50%}.three-btn-div-container{display:flex;justify-content:center}.thre-btn-div{margin-top:15px;width:50%}.first-two-btn{display:flex;gap:5px}.notes-daily-entry{margin-top:40px;font-size:small}.primary-btn{border:2px solid black;background-color:transparent;padding:1px 10px;cursor:pointer;transition:all .3s;width:100%}.primary-btn:hover{background-color:#fff}.primary-btn:active{background-color:transparent}.pop-done-btn{background-color:#7fa1c3;border:1px solid #7FA1C3;color:#f5eded;padding:2px 10px;border-radius:5px;cursor:pointer;transition:all .3s}.pop-done-btn:hover{background-color:#f5eded;color:#7fa1c3}.pop-err-btn{background-color:#f24545;border:1px solid #f24545;color:#f5eded;padding:2px 10px;border-radius:5px;cursor:pointer;transition:all .3s}.pop-cancel-btn{border:1px solid black;padding:2px 10px;border-radius:5px;cursor:pointer;transition:all .3s}.pop-cancel-btn:hover{background-color:#f5eded;color:#000}button:disabled{cursor:not-allowed}input{border:1px solid black;padding:2px 10px}.table-input{border:0px solid}.label-and-input{display:flex;justify-content:space-between}.label-and-input:nth-child(1),.label-and-input:nth-child(2){flex:1}.lab-input,.inp-select{width:50%}@media screen and (max-width:500px){.lab-input{width:60%}}.table-container{overflow-x:auto;height:100%;width:100%}.new-entry-par{height:68vh;overflow:auto}.table{width:100%;border-collapse:collapse;position:relative}.table-th,.table-td{padding:8px;text-align:left;border:1px solid #000;background-color:#fff}.table-td{font-weight:600;font-size:small;cursor:pointer}.new-entry-td{height:30px!important}.td-red{background-color:#f56a6a}.td-green{background-color:green}.td-yellow{background-color:#ff0}.new-entry-input{height:100%;width:100%;box-sizing:border-box;border:none}.td-inp-red{background-color:#f56a6a;color:#fff}.td-inp-yellow{background-color:#ff0}.td-inp-green{background-color:green;color:#fff}.border-blue{border:2px solid var(--secondary)}.selected-tr td{background-color:var(--secondary);color:#fff}.table-th{position:sticky;top:0;font-size:medium;z-index:1;background-color:#fff}.sticky-column{position:sticky;left:0;z-index:3;background-color:#fff}.sticky-column-td{position:sticky;left:0;z-index:2;background-color:#fff}.table-body-load{height:100%;position:absolute;top:0;width:100%;opacity:.5;background-color:#fff;z-index:1}.sticky-column:nth-child(1),.sticky-column-td:nth-child(1){min-width:90px;left:0}.sticky-column:nth-child(2),.sticky-column-td:nth-child(2){min-width:60px;left:93px}.sticky-column:nth-child(3),.sticky-column-td:nth-child(3){min-width:60px;left:150px}.sticky-column:nth-child(4),.sticky-column-td:nth-child(4){min-width:70px;left:220px}.sticky-column:nth-child(5),.sticky-column-td:nth-child(5){min-width:80px;left:290px}.sticky-column:nth-child(6),.sticky-column-td:nth-child(6){min-width:80px;left:365px}.sticky-column:nth-child(7),.sticky-column-td:nth-child(7){min-width:80px;left:445px}.bouncing-dots-par{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dots{display:flex;justify-content:space-around;align-items:center;width:120px}.dots div{width:15px;height:15px;background:linear-gradient(45deg,#3498db,#8e44ad);border-radius:50%;animation:bounce 1.5s infinite ease-in-out,color-shift 2s infinite;transform-origin:bottom}.dots div:nth-child(1){animation-delay:-.6s}.dots div:nth-child(2){animation-delay:-.45s}.dots div:nth-child(3){animation-delay:-.3s}.dots div:nth-child(4){animation-delay:-.15s}.dots div:nth-child(5){animation-delay:0s}@keyframes bounce{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-20px) scale(1.2);opacity:1}}@keyframes color-shift{0%{background:linear-gradient(45deg,#3498db,#8e44ad)}50%{background:linear-gradient(45deg,#e74c3c,#f1c40f)}to{background:linear-gradient(45deg,#3498db,#8e44ad)}}.left-right-conatiner{display:flex}.form-left-container{flex:1;display:flex;justify-content:center}.left-form{margin-top:5vh;width:60%}.customer-details-form-flex{display:flex;gap:20px}.btns-div{display:flex;gap:10px}.table-right{height:60vh;width:50vw;margin-top:30px;margin-right:30px}.table-conatainer{height:100%;width:100%;overflow:scroll}.height-width-100{height:100%;width:100%}.entry-form-title{font-weight:bolder}.table-container-div-par{height:100%;width:100%}.table-container-heading{height:7%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;padding-right:10px}.table-container-body{height:93%;width:100%;overflow:auto}.new-entr-form{width:80%}.new-entry-container{gap:10px;height:100%;overflow-x:scroll}.new-entry-container::-webkit-scrollbar{width:0px}#table-right-entry{height:80%}@media screen and (max-width:500px){.table-container-heading{height:15%}.table-container-body{height:85%}.new-entr-form{width:auto}}.reports-container{display:flex;height:100%}.reports-left{border:1px solid;width:70vw}.reports-right{width:30vw}.reports-right-btns{border:1px solid}.two-btns{display:flex}.report-btn,.report-btn-selected{flex:1;text-align:center;border:1px solid black;cursor:pointer}.report-btn-selected{background-color:var(--secondary);color:#fff}.wise-reports{padding:0 10px}.reports-heading{color:var(--secondary);font-weight:bolder;text-align:center}.daily-reports-radios{display:flex;justify-content:space-around;align-items:center}.updt-btn-par{display:flex;justify-content:center}.log-out-par{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.log-out-card{border-radius:10px;height:40vh;width:30vw;box-shadow:0 0 3px #000;display:flex;align-items:center;justify-content:center}@media screen and (max-width : 500px){.log-out-card{width:80vw}}.log-out-title{color:var(--secondary);font-size:1.3rem}.log-out-btns{display:flex;justify-content:space-between;margin-top:10px}.agent-register-form-container{display:flex}.agent-register-form{margin-top:10vh;margin-left:20vh;width:30vw}.table-conatainer-search{height:100%}