@charset "UTF-8";.navbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;height:50px;border-bottom:1px solid lightgray;position:sticky;top:0;background-color:#fff;color:#000;z-index:999}.navbar .left{display:flex;align-items:center;gap:30px;background-color:#fff;position:relative}.navbar .left span{background-color:#fff;cursor:pointer;font-size:17px}.navbar .left img{height:60px;background-color:#fff}.navbar .left a{background-color:#fff}.navbar .left .nav-link{color:#000;text-underline-offset:5px}.navbar .left .nav-links{display:flex;align-items:center;gap:28px}.navbar .left .nav-links .mobile-menu-header{display:none}@media (max-width: 1024px){.navbar .left .nav-links{position:fixed;top:0;left:-100%;width:70%;height:100vh;background-color:#fff;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:20px;transition:all .3s ease;gap:25px;box-shadow:0 0 10px #0000001a;z-index:1000}.navbar .left .nav-links.active{left:0}.navbar .left .nav-links .mobile-menu-header{display:flex;justify-content:flex-end;width:100%;margin-bottom:20px}.navbar .left .nav-links .mobile-menu-header .close-button{background-color:#fff;cursor:pointer;font-size:28px;color:#333;transition:color .2s ease}.navbar .left .nav-links .mobile-menu-header .close-button:hover{color:#666}.navbar .left .nav-links .nav-link{width:100%;padding:10px 0}.navbar .left .nav-links .nav-link span{font-size:16px;font-weight:500}}.navbar .right{display:flex;align-items:center;gap:20px;background-color:#fff;z-index:1000}.navbar .right .hamburger-menu{display:none;cursor:pointer;background-color:#fff;z-index:1001}@media (max-width: 1024px){.navbar .right .hamburger-menu{display:flex;align-items:center;justify-content:center;height:24px;width:24px}}.navbar .right .hamburger-menu .hamburger{width:24px;height:20px;display:flex;flex-direction:column;justify-content:space-between}.navbar .right .hamburger-menu .hamburger .bar{display:block;width:100%;height:3px;background-color:#333;transition:all .3s ease}.navbar .right .logout{cursor:pointer;background-color:#fff;font-size:24px}.navbar .right span{background-color:#fff}.navbar .right .user{display:flex;align-items:center;gap:10px;font-weight:500}.navbar .mobile-overlay{display:none}@media (max-width: 1024px){.navbar .mobile-overlay.active{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}}@media (max-width: 768px){.navbar .left{font-size:12px}.navbar .left .nav-links{width:85%}}@media (max-width: 576px){.navbar{padding:10px;height:40px}.navbar .left span{display:block}.navbar .left img{height:40px}.navbar .left .nav-links{width:85%}.navbar .right span{font-size:12px}.navbar .right .logout{font-size:20px}.navbar .right .hamburger-menu .hamburger{width:20px;height:16px}}.login{height:100vh;background-color:#007bff53;display:flex;align-items:center;justify-content:center}.login .card{width:50%;border-radius:10px;background-color:#fff;display:flex;min-height:600px;overflow:auto}.login .card .left{flex:1;background-color:#007bff;background-size:cover;padding:50px;display:flex;flex-direction:column;gap:30px;color:#fff}.login .card .left h1{font-size:100px;line-height:100px}.login .card .left p{font-size:14px;line-height:1.5}@media (max-width: 1024px){.login .card .left{display:none}}.login .card .right{flex:1;padding:50px;display:flex;flex-direction:column;gap:30px;justify-content:center}.login .card .right h1{color:#007bff;font-size:40px;margin:0}.login .card .right .error-message{background-color:#f8d7da;color:#721c24;padding:12px 16px;border:1px solid #f5c6cb;border-radius:4px;font-size:14px;text-align:center;margin:10px 0}.login .card .right .microsoft-login-wrapper{display:flex;justify-content:center;margin:20px 0}.login .card .right .microsoft-login-wrapper .microsoft-login-button{background-color:#0078d4;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:200px;transition:background-color .3s ease}.login .card .right .microsoft-login-wrapper .microsoft-login-button:hover:not(:disabled){background-color:#106ebe}.login .card .right .microsoft-login-wrapper .microsoft-login-button:active:not(:disabled){background-color:#005a9e}.login .card .right .microsoft-login-wrapper .microsoft-login-button:disabled{background-color:#ccc;cursor:not-allowed}.login .card .right .microsoft-login-wrapper .microsoft-login-button:focus{outline:2px solid #005a9e;outline-offset:2px}@media (max-width: 768px){.login .card .right{padding:20px;gap:25px}.login .card .right h1{font-size:32px}.login .card .right .error-message{padding:10px 12px;font-size:13px}}@media (max-width: 576px){.login .card .right{padding:15px;gap:20px}.login .card .right h1{font-size:28px}}@media (max-width: 1024px){.login .card{width:90%}}@media (max-width: 768px){.login .card{width:95%;min-height:500px}}@media (max-width: 576px){.login .card{width:98%;min-height:400px}}.create-container{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;padding:10px 20px 20px;border-radius:10px;box-shadow:0 4px 12px #0003;width:900px;max-width:90%;margin:30px auto;box-sizing:border-box;max-height:90vh;overflow-y:auto}.create-container::-webkit-scrollbar{width:8px}.create-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.create-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.create-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-overlay .create-container{margin:0 auto;max-width:90%}.create-container h1{background-color:#f5f5f5;margin:15px 0;text-align:center}.create-container .row{display:flex;align-items:center;justify-content:space-between;width:550px;margin:20px;background-color:#f5f5f5}.create-container .row label{background-color:#f5f5f5;font-size:20px;font-weight:500}.create-container .row select{width:175px;padding:8px;background-color:#fff;border:1px solid #ddd;text-align:center;font-size:14px;border-radius:5px}.create-container .row input{width:164px;padding:8px;background-color:#fff;border:1px solid #ddd;text-align:center;font-size:14px;border-radius:5px}.create-container .row input[type=date]{width:175px;padding:7px 8px;text-align:left}.create-container .close{margin:20px;align-self:flex-end;color:#007bff;cursor:pointer;background-color:#f5f5f5;font-size:24px}.create-container .submit{background-color:#f5f5f5;width:100%;display:flex;justify-content:center;gap:20px}.create-container button{margin:30px 10px;width:200px;height:50px;border-radius:10px;background-color:#fff;color:#007bff;border:#007bff 1px solid;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.create-container button:hover{background-color:#007bff;color:#fff;transition:ease-in-out .3s}.create-container button.delete{color:#dc3545;border-color:#dc3545}.create-container button.delete:hover,.create-container button.delete.confirm{background-color:#dc3545;color:#fff}@media (max-width: 768px){.create-container{width:95%;max-width:500px;padding:15px;margin:15px auto;border-radius:8px;box-sizing:border-box}.create-container h1{font-size:24px;margin:10px 0 20px}.create-container .row{width:100%;flex-direction:column;align-items:flex-start;margin:15px 0;gap:8px;box-sizing:border-box}.create-container .row label{font-size:16px;font-weight:500;margin-bottom:5px;width:100%;box-sizing:border-box}.create-container .row select,.create-container .row input{width:100%;padding:12px;font-size:16px;border-radius:6px;border:1px solid #ccc;box-sizing:border-box;max-width:100%}.create-container .row select[type=date],.create-container .row input[type=date]{padding:11px 12px;font-family:inherit}.create-container .row select:focus,.create-container .row input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.create-container .close{margin:10px;font-size:28px}.create-container .submit{margin-top:20px;flex-direction:column;align-items:center;gap:10px}.create-container button{width:100%;max-width:300px;margin:10px 0;height:48px;font-size:16px}}@media (max-width: 480px){.create-container{width:98%;padding:10px;margin:10px auto;box-sizing:border-box}.create-container h1{font-size:20px;margin:8px 0 15px}.create-container .row{margin:12px 0;gap:6px;width:100%;box-sizing:border-box}.create-container .row label{font-size:15px;width:100%;box-sizing:border-box}.create-container .row select,.create-container .row input{padding:10px;font-size:15px;width:100%;box-sizing:border-box;max-width:100%}.create-container .row select[type=date],.create-container .row input[type=date]{padding:9px 10px;font-family:inherit}.create-container .close{margin:8px;font-size:24px}.create-container button{height:44px;font-size:15px;margin:15px 0}}.deal-container{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;padding:20px;border-radius:10px;box-shadow:0 2px 5px #0003;width:100%;max-width:500px;min-width:450px;margin:5px 0;flex:1 0 450px;box-sizing:border-box}.edit{margin:2px;align-self:flex-end}.edit button{background-color:#fff;padding:4px;border-radius:7px;color:#007bff;border:#007bff 1px solid;cursor:pointer}.edit button:hover{background-color:#007bff;color:#fff;transition:ease-in-out .3s}.deal-table{display:flex;flex-direction:column;width:100%}.row{display:flex;gap:2px;margin-bottom:0;width:100%}.desc-row{display:flex;gap:5px;width:100%}.cell,.desc-cell{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.desc-cell{flex:1;padding:0;font-size:14px;height:15px;opacity:25%;min-width:0}.cell{flex:1;margin-top:15px;padding:15px;background-color:#fff;border:1px solid #ddd;font-size:12px;border-radius:5px;height:5px;min-width:0}.row:first-child .cell,.desc-row:nth-child(2) .desc-cell,.row:nth-child(7) .cell,.desc-row:nth-child(8) .desc-cell{width:calc(25% - 2px)}.row:nth-child(3) .cell,.desc-row:nth-child(4) .desc-cell,.row:nth-child(5) .cell,.desc-row:nth-child(6) .desc-cell{width:calc(33.33% - 2px)}.cell:not(:last-child){margin-right:0}@media (max-width: 768px){.row{flex-direction:row}.deal-container{flex:1 0 400px;min-width:400px}}@media (max-width: 574px){.deal-container{width:100%;flex:1 0 100%;max-width:none;min-width:unset;padding:15px 10px}.cell{padding:5px;font-size:8px}.desc-cell{padding:0;font-size:8px}.row{flex-direction:row}.edit{align-self:flex-end}.edit button{font-size:10px}}.deals{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;padding:0 20px}.deals>div.deal-container{width:450px;margin:3px}.deals .date{display:flex;align-items:center;justify-content:center;gap:15px;position:relative;width:100%;margin-bottom:20px}.deals .date .arrow,.deals .date .calendar-icon{cursor:pointer}.deals .date .calendar-container{position:absolute;top:40px;z-index:1000;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.deals>div.deal-container{width:400px}}@media (max-width: 574px){.deals>div.deal-container{width:100%;margin:10px 0}.date h1{font-size:20px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.add{margin:30px 0;height:80px;width:80px;border-radius:50%;background-color:#007bff;color:#fff;border:white 3px solid;display:flex;align-items:center;justify-content:center;font-size:30px;cursor:pointer}@media (max-width: 576px){.add{height:60px;width:60px;font-size:20px}}.home{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#a1a1a1;padding:20px 70px;overflow:auto;min-height:100vh}@media (max-width: 600px){.home{padding:10px}}@media (min-width: 601px) and (max-width: 1024px){.home{padding:20px}}.accept-invite{height:100vh;background-color:#007bff53;display:flex;align-items:center;justify-content:center}.accept-invite .card{width:50%;border-radius:10px;background-color:#fff;display:flex;min-height:600px;overflow:auto}.accept-invite .card .left{flex:1;background-color:#007bff;background-size:cover;padding:50px;display:flex;flex-direction:column;gap:30px;color:#fff}.accept-invite .card .left h1{font-size:100px;line-height:100px}.accept-invite .card .left p{font-size:14px;line-height:1.5}@media (max-width: 1024px){.accept-invite .card .left{display:none}}.accept-invite .card .right{flex:1;padding:50px;display:flex;flex-direction:column;gap:30px;justify-content:center}.accept-invite .card .right h1{color:#007bff;font-size:40px;margin:0}.accept-invite .card .right p{color:#666;font-size:16px;margin:5px 0}.accept-invite .card .right p.email-display{font-weight:700;color:#007bff;font-size:18px}.accept-invite .card .right .error-message{background-color:#f8d7da;color:#721c24;padding:12px 16px;border:1px solid #f5c6cb;border-radius:4px;font-size:14px;text-align:center;margin:10px 0}.accept-invite .card .right .success-message{background-color:#d4edda;color:#155724;padding:12px 16px;border:1px solid #c3e6cb;border-radius:4px;font-size:14px;text-align:center;margin:10px 0}.accept-invite .card .right .microsoft-login-wrapper{display:flex;justify-content:center;margin:20px 0}.accept-invite .card .right .microsoft-login-wrapper .microsoft-login-button{background-color:#0078d4;color:#fff;border:none;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:200px;transition:background-color .3s ease}.accept-invite .card .right .microsoft-login-wrapper .microsoft-login-button:hover:not(:disabled){background-color:#106ebe}.accept-invite .card .right .microsoft-login-wrapper .microsoft-login-button:active:not(:disabled){background-color:#005a9e}.accept-invite .card .right .microsoft-login-wrapper .microsoft-login-button:disabled{background-color:#ccc;cursor:not-allowed}.accept-invite .card .right .microsoft-login-wrapper .microsoft-login-button:focus{outline:2px solid #005a9e;outline-offset:2px}.accept-invite .card .right button{width:50%;padding:10px;border:none;background-color:#6c757d;color:#fff;font-weight:700;cursor:pointer;border-radius:4px}.accept-invite .card .right button:hover{background-color:#5a6268}.accept-invite .card .right .loading{text-align:center;color:#007bff;font-size:18px}@media (max-width: 768px){.accept-invite .card .right{padding:20px;gap:25px}.accept-invite .card .right h1{font-size:32px}.accept-invite .card .right p{font-size:14px}.accept-invite .card .right p.email-display{font-size:16px}.accept-invite .card .right .error-message,.accept-invite .card .right .success-message{padding:10px 12px;font-size:13px}.accept-invite .card .right button{width:100%;padding:12px}}@media (max-width: 576px){.accept-invite .card .right{padding:15px;gap:20px}.accept-invite .card .right h1{font-size:28px}.accept-invite .card .right p{font-size:13px}.accept-invite .card .right p.email-display{font-size:15px}}@media (max-width: 1024px){.accept-invite .card{width:90%}}@media (max-width: 768px){.accept-invite .card{width:95%;min-height:500px}}@media (max-width: 576px){.accept-invite .card{width:98%;min-height:400px}}.idle-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.idle-warning-overlay .idle-warning-modal{background:white;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0000004d;text-align:center;max-width:400px;width:90%}.idle-warning-overlay .idle-warning-modal h3{color:#d32f2f;margin-bottom:1rem}.idle-warning-overlay .idle-warning-modal .countdown{font-size:2rem;font-weight:700;color:#d32f2f;margin:1rem 0;padding:1rem;border:2px solid #d32f2f;border-radius:4px;background-color:#ffebee}.idle-warning-overlay .idle-warning-modal .modal-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.idle-warning-overlay .idle-warning-modal .modal-buttons button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .2s}.idle-warning-overlay .idle-warning-modal .modal-buttons button.extend-btn{background-color:#2196f3;color:#fff}.idle-warning-overlay .idle-warning-modal .modal-buttons button.extend-btn:hover{background-color:#1976d2}.idle-warning-overlay .idle-warning-modal .modal-buttons button.logout-btn{background-color:#f44336;color:#fff}.idle-warning-overlay .idle-warning-modal .modal-buttons button.logout-btn:hover{background-color:#d32f2f}.hogpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#a1a1a1;padding:20px 70px;overflow:auto;min-height:100vh}@media (max-width: 600px){.hogpage{padding:5px;width:100%;box-sizing:border-box}}@media (min-width: 601px) and (max-width: 932px){.hogpage{padding:15px 30px}}@media (min-width: 769px) and (max-width: 1024px){.hogpage{padding:20px 5px}}.hog{width:100%}.hog .employee-search{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.hog .employee-search select,.hog .employee-search .customer-search,.hog .employee-search .search-container{flex:1;width:250px;max-width:250px}.hog .employee-search button{white-space:nowrap}@media (max-width: 768px){.hog .employee-search{flex-wrap:wrap;gap:15px}.hog .employee-search select,.hog .employee-search .customer-search,.hog .employee-search .search-container{flex:1;min-width:200px;width:100%;max-width:none}}.hog .search-container{position:relative;display:flex;align-items:center}.hog .search-container .clear-search{position:absolute;right:10px;font-size:20px;cursor:pointer;color:#999;font-weight:700;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.hog .search-container .clear-search:hover{color:#666}.hog .customer-search{padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:16px;width:100%}.hog .customer-search:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.hog select{padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:16px;cursor:pointer}.hog button{padding:10px;border:2px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;background-color:#fff}.hog button:hover{background-color:#007bff;color:#fff;transition:ease-in-out .3s}.hog .no-deals{margin-top:20px;text-align:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.hog .hog-deals{width:100%;overflow-x:auto}.hog .desktop-text{display:inline}.hog .mobile-text{display:none}@media (max-width: 1200px){.hog .desktop-text{display:none}.hog .mobile-text{display:inline}}@media (max-width: 1024px){.hog .desktop-text{display:none}.hog .mobile-text{display:inline}}.totals-container+.totals-container{margin-top:-15px}.hogdeal{display:flex;flex-direction:row;margin:0;width:100%}.hogdeal .section{display:flex;align-items:center;justify-content:center;background-color:#fff;flex:2;min-width:80px;height:30px;border:1px solid lightgray;font-size:12px;padding:2px;box-sizing:border-box}.hogdeal .section span{font-size:15px;margin-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hogdeal .section input{width:70px;height:17px;text-align:center;font-size:12px;border:none;background:transparent;outline:1px solid;outline-color:#666;outline-style:inset}.hogdeal .section input:focus{outline:1px solid #007bff}.hogdeal .small-section{display:flex;align-items:center;justify-content:center;background-color:#fff;flex:1;min-width:40px;height:30px;border:1px solid lightgray;font-size:15px;padding:2px;box-sizing:border-box}.hogdeal.header-row .section,.hogdeal.header-row .small-section{background-color:#007bff;color:#fff;font-weight:500;border-bottom:none}@media (max-width: 1200px){.hogdeal .section{min-width:70px;height:28px;font-size:11px;padding:2px}.hogdeal .section input{width:55px;height:14px;font-size:11px;outline:none}.hogdeal .section span{font-size:11px;margin-right:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hogdeal .small-section{min-width:35px;height:28px;font-size:10px;padding:2px}}@media (max-width: 1024px){.hogdeal .section{min-width:65px;height:26px;font-size:10px;padding:1px}.hogdeal .section input{width:50px;height:13px;font-size:10px;outline:none}.hogdeal .section span{font-size:10px;margin-right:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hogdeal .small-section{min-width:32px;height:26px;font-size:9px;padding:1px}}@media (max-width: 768px){.hogdeal{margin:0}.hogdeal .section{flex:2;min-width:35px;height:25px;font-size:8px;padding:1px}.hogdeal .section input{width:28px;height:12px;font-size:8px;outline:none}.hogdeal .section span{font-size:8px;margin-right:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hogdeal .small-section{flex:1;min-width:25px;height:25px;font-size:7px;padding:1px}}@media (max-width: 480px){.hogdeal .section{min-width:30px;height:22px;font-size:7px;padding:1px}.hogdeal .section input{width:25px;height:10px;font-size:7px;outline:none}.hogdeal .section span{font-size:6px;margin-right:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hogdeal .small-section{min-width:20px;height:22px;font-size:6px;padding:1px}}.managerpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#a1a1a1;padding:20px;overflow:auto;min-height:100vh;width:100%;box-sizing:border-box}.managerpage .managerpage-container{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:20px;align-items:center}@media (max-width: 480px){.managerpage{padding:10px 5px}.managerpage .managerpage-container{gap:15px}}@media (min-width: 481px) and (max-width: 768px){.managerpage{padding:15px 10px}.managerpage .managerpage-container{gap:18px}}@media (min-width: 769px) and (max-width: 1024px){.managerpage{padding:20px 15px}.managerpage .managerpage-container{gap:20px}}@media (min-width: 1025px){.managerpage{padding:20px 70px}.managerpage .managerpage-container{gap:25px}}.permissions{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;padding:15px;border-radius:10px;box-shadow:0 2px 5px #0003;width:100%;max-width:900px;margin:20px 0;box-sizing:border-box}.permissions .permissions-section{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.permissions .permissions-section:last-child{margin-bottom:0}.permissions .team-section{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.permissions .team-section:last-child{margin-bottom:0}.permissions h1{font-size:28px;margin:15px 0 10px;color:#1a1a1a;text-align:center;width:100%}.permissions h2{font-size:22px;margin:15px 0 10px;color:#1a1a1a;border-bottom:2px solid #ddd;padding-bottom:5px;text-align:center;width:100%}.permissions .employees{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:15px;align-items:center}.permissions .inactive-button{color:#007bff;text-decoration:underline;cursor:pointer;font-size:16px;margin:10px 0;padding:8px 16px;border-radius:5px;transition:background-color .2s ease}.permissions .inactive-button:hover{background-color:#007bff1a}@media (max-width: 480px){.permissions{padding:10px;margin:10px 0}.permissions .permissions-section,.permissions .team-section{margin-bottom:20px}.permissions h1{font-size:20px;margin:10px 0 8px}.permissions h2{font-size:18px;margin:10px 0 8px}.permissions .inactive-button{font-size:14px;padding:6px 12px}}@media (min-width: 481px) and (max-width: 768px){.permissions{padding:12px;margin:15px 0}.permissions .permissions-section,.permissions .team-section{margin-bottom:22px}.permissions h1{font-size:24px}.permissions h2{font-size:20px}}@media (min-width: 769px) and (max-width: 1024px){.permissions{padding:15px;margin:20px 0}.permissions .permissions-section,.permissions .team-section{margin-bottom:25px}.permissions h1{font-size:26px}.permissions h2{font-size:22px}}.no-employees{padding:15px;text-align:center;color:#666;font-style:italic;background-color:#f9f9f9;border-radius:5px;margin:5px 0;font-size:14px;width:100%;max-width:600px}@media (max-width: 480px){.no-employees{padding:10px;font-size:12px}}.ep-container{width:100%;max-width:700px;display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:8px;box-sizing:border-box;transition:box-shadow .2s ease}.ep-container:hover{box-shadow:0 2px 6px #00000026}.ep-container select{min-width:100px;border-radius:6px;padding:6px 8px;text-align:center;font-size:12px;border:1px solid #ddd;background-color:#fff;cursor:pointer}.ep-container select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.ep-container span{font-size:18px;min-width:150px;font-weight:500;color:#333;text-align:left}.ep-container button{background-color:#007bff;color:#fff;padding:6px 12px;border-radius:6px;border:none;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s ease,opacity .2s ease}.ep-container button:hover{background-color:#0056b3}.ep-container button:active{transform:translateY(1px)}.ep-container button:disabled{background-color:#80bdff;cursor:not-allowed;opacity:.7}.ep-container button.loading{position:relative}.ep-container button.loading:after{content:"";width:10px;height:10px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;display:inline-block;margin-left:5px;vertical-align:-2px;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.ep-container .position-value{font-size:16px;display:flex;justify-content:center;align-items:center;color:#666}.ep-container .right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media (max-width: 480px){.ep-container{flex-direction:column;align-items:stretch;gap:10px;padding:15px}.ep-container span{font-size:16px;text-align:center;margin-bottom:5px}.ep-container .right{justify-content:center;gap:6px}.ep-container .right select{flex:1;min-width:80px;max-width:120px;font-size:11px;padding:8px 6px}.ep-container .right button{width:100%;padding:10px;font-size:14px;margin-top:5px}}@media (min-width: 481px) and (max-width: 768px){.ep-container{padding:10px;gap:8px}.ep-container span{font-size:16px;min-width:120px}.ep-container .right{gap:6px}.ep-container .right select{min-width:90px;font-size:11px;padding:5px 6px}.ep-container .right button{padding:5px 10px;font-size:11px}}@media (min-width: 769px) and (max-width: 1024px){.ep-container{padding:12px}.ep-container span{font-size:17px}.ep-container .right{gap:8px}.ep-container .right select{min-width:100px;font-size:12px}.ep-container .right button{padding:6px 12px;font-size:12px}}.invite-manager{padding:20px;max-width:800px;width:100%;margin:0 auto;background-color:#f5f5f5;border-radius:10px;box-shadow:0 2px 5px #0003;box-sizing:border-box}.invite-manager h2{color:#333;margin-bottom:20px;font-size:24px;text-align:center}.invite-manager .invite-form{display:flex;gap:10px;margin-bottom:20px}.invite-manager .invite-form input{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff}.invite-manager .invite-form input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.invite-manager .invite-form button{padding:12px 20px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.invite-manager .invite-form button:disabled{background-color:#ccc;cursor:not-allowed}.invite-manager .invite-form button:hover:not(:disabled){background-color:#0056b3}.invite-manager .invite-form button:active{transform:translateY(1px)}.invite-manager .message{padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.invite-manager .message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.invite-manager .message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.invite-manager .invite-link-container{background-color:#f8f9fa;border:2px solid #007bff;border-radius:8px;padding:20px;margin-bottom:20px}.invite-manager .invite-link-container h3{color:#007bff;margin:0 0 10px;font-size:18px;text-align:center}.invite-manager .invite-link-container p{margin:5px 0;color:#666;text-align:center}.invite-manager .invite-link-container .link-display{display:flex;gap:10px;margin:15px 0}.invite-manager .invite-link-container .link-display .link-input{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;font-family:monospace;word-break:break-all}.invite-manager .invite-link-container .link-display .copy-btn{padding:12px 20px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;white-space:nowrap;transition:background-color .2s ease}.invite-manager .invite-link-container .link-display .copy-btn:hover{background-color:#218838}.invite-manager .invite-link-container .link-display .copy-btn:active{transform:translateY(1px)}.invite-manager .invite-link-container .link-note{font-size:12px;color:#6c757d;font-style:italic;margin-top:10px;text-align:center}.invite-manager .invites-list h3{color:#333;margin-bottom:15px;font-size:20px;text-align:center}.invite-manager .invites-list .no-invites{text-align:center;color:#666;font-style:italic;padding:20px;background-color:#f9f9f9;border-radius:6px}.invite-manager .invites-list .invite-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.invite-manager .invites-list .invite-item .invite-info{display:flex;gap:20px;align-items:center;flex-wrap:wrap;flex:1}.invite-manager .invites-list .invite-item .invite-info .email{font-weight:700;color:#333;min-width:200px}.invite-manager .invites-list .invite-item .invite-info .status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.invite-manager .invites-list .invite-item .invite-info .status.accepted{background-color:#d4edda;color:#155724}.invite-manager .invites-list .invite-item .invite-info .status.pending{background-color:#fff3cd;color:#856404}.invite-manager .invites-list .invite-item .invite-info .date,.invite-manager .invites-list .invite-item .invite-info .expires{color:#666;font-size:12px}.invite-manager .invites-list .invite-item .invite-info .expires{font-weight:500}.invite-manager .invites-list .invite-item .invite-actions{display:flex;gap:8px;margin-left:15px;align-items:center}.invite-manager .invites-list .invite-item .copy-link-btn{padding:6px 12px;background-color:transparent;color:#007bff;border:1px solid #007bff;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease;white-space:nowrap}.invite-manager .invites-list .invite-item .copy-link-btn:hover{background-color:#007bff;color:#fff}.invite-manager .invites-list .invite-item .copy-link-btn:active{transform:translateY(1px)}.invite-manager .invites-list .invite-item .revoke-btn{padding:6px 12px;background-color:transparent;color:#dc3545;border:1px solid #dc3545;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.invite-manager .invites-list .invite-item .revoke-btn:hover{background-color:#dc3545;color:#fff}.invite-manager .invites-list .invite-item .revoke-btn:active{transform:translateY(1px)}@media (max-width: 480px){.invite-manager{padding:15px;margin:10px 0}.invite-manager h2{font-size:20px;margin-bottom:15px}.invite-manager .invite-form{flex-direction:column;gap:10px}.invite-manager .invite-form input{padding:10px;font-size:16px}.invite-manager .invite-form button{width:100%;padding:12px;font-size:16px}.invite-manager .invite-link-container{padding:15px}.invite-manager .invite-link-container h3{font-size:16px}.invite-manager .invite-link-container .link-display{flex-direction:column;gap:10px}.invite-manager .invite-link-container .link-display .link-input{font-size:12px;padding:10px}.invite-manager .invite-link-container .link-display .copy-btn{width:100%;padding:12px;font-size:16px}.invite-manager .invites-list h3{font-size:18px}.invite-manager .invites-list .invite-item{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.invite-manager .invites-list .invite-item .invite-info{flex-direction:column;gap:8px;align-items:flex-start}.invite-manager .invites-list .invite-item .invite-info .email{min-width:auto;width:100%;word-break:break-all}.invite-manager .invites-list .invite-item .invite-info .status,.invite-manager .invites-list .invite-item .invite-info .date,.invite-manager .invites-list .invite-item .invite-info .expires{font-size:11px}.invite-manager .invites-list .invite-item .invite-actions{align-self:flex-end;margin-left:0;margin-top:5px;flex-direction:column;gap:5px;width:100%}.invite-manager .invites-list .invite-item .copy-link-btn,.invite-manager .invites-list .invite-item .revoke-btn{padding:8px 16px;font-size:14px;width:100%}}@media (min-width: 481px) and (max-width: 768px){.invite-manager{padding:18px}.invite-manager h2{font-size:22px}.invite-manager .invite-form{gap:8px}.invite-manager .invite-form input{padding:10px}.invite-manager .invite-form button{padding:10px 16px}.invite-manager .invite-link-container{padding:18px}.invite-manager .invite-link-container .link-display{gap:8px}.invite-manager .invite-link-container .link-display .link-input{font-size:13px}.invite-manager .invite-link-container .link-display .copy-btn{padding:10px 16px;font-size:13px}.invite-manager .invites-list .invite-item{padding:12px}.invite-manager .invites-list .invite-item .invite-info{gap:15px}.invite-manager .invites-list .invite-item .invite-info .email{min-width:150px}.invite-manager .invites-list .invite-item .invite-actions{margin-left:0}.invite-manager .invites-list .invite-item .copy-link-btn,.invite-manager .invites-list .invite-item .revoke-btn{padding:6px 12px;font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.invite-manager{padding:20px}.invite-manager .invite-form,.invite-manager .invite-link-container .link-display{gap:10px}}.tickpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#a1a1a1;padding:30px 100px;overflow:auto;min-height:100vh}@media (max-width: 600px){.tickpage{padding:10px;width:100%;box-sizing:border-box}}@media (min-width: 601px) and (max-width: 768px){.tickpage{padding:20px 30px}}@media (min-width: 769px) and (max-width: 1024px){.tickpage{padding:25px 50px}}@media (min-width: 1025px) and (max-width: 1366px){.tickpage{padding:25px 60px}}@media (min-width: 1367px){.tickpage{padding:30px 80px}}.tickstats-container{padding:0!important;margin:0!important;background-color:#fff!important;width:100%!important;min-width:100%!important;border-bottom:1px solid #eee!important;display:flex!important;flex-direction:column!important}.tickstats-container:last-child{border-bottom:none!important}.tickstats-container .tick-table-row{width:100%!important;min-width:100%!important;flex:1!important}.ticktotal .total-title{margin:0;min-width:150px;color:#333;font-size:1.1rem;padding-bottom:12px}@media (max-width: 600px){.ticktotal .total-title{font-size:1rem}}.ticktotal .total-title h4{margin:0;padding:0;font-size:1.2rem;color:#333;text-decoration:underline}.ticktotal .summary-container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background-color:#fff;border-radius:8px;padding:12px;margin:8px 0;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.ticktotal .summary-container{grid-template-columns:1fr;gap:16px;padding:12px}}@media (max-width: 480px){.ticktotal .summary-container .total-numbers{flex-direction:column;align-items:flex-start;gap:8px}.ticktotal .summary-container .total-stat{width:100%;justify-content:space-between}}.ticktotal .total-section{display:flex;flex-direction:column;gap:8px;padding:4px 12px;border-radius:4px}.ticktotal .total-section .total-title{margin-bottom:4px;text-align:left}.ticktotal .total-section .total-numbers{display:flex;flex-direction:row;justify-content:flex-start;gap:24px}.ticktotal .total-section .total-stat{display:flex;align-items:center;gap:6px;min-width:80px}.ticktotal .total-section .total-stat label{color:#666;font-size:1rem;white-space:nowrap}.ticktotal .total-section .total-stat span{font-weight:600;color:#333;min-width:40px;text-align:right;font-size:1.1rem}*{margin:0;padding:0}.tick-container .store-totals{margin-bottom:30px}.tick-container .date-and-settings-container{display:flex;align-items:center;justify-content:center;margin:20px auto 25px;gap:20px;flex-wrap:nowrap}@media (max-width: 768px){.tick-container .date-and-settings-container{flex-direction:column;gap:15px;margin:15px auto 20px;width:90%;align-items:center}}.tick-container .date-and-settings-container .print-button{background-color:#007bff;color:#fff;border:none;border-radius:8px;padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 6px #0000001a;transition:all .2s}.tick-container .date-and-settings-container .print-button:hover{background-color:#0056b3}.tick-container .date-and-settings-container .print-button svg{font-size:18px}@media (max-width: 768px){.tick-container .date-and-settings-container .print-button{width:100%;justify-content:center}}.tick-container .working-days-settings{background-color:#fff;color:#333;border-radius:8px;box-shadow:0 2px 6px #0000001a;padding:12px 18px;flex:0 0 auto;display:flex;align-items:center}@media (max-width: 768px){.tick-container .working-days-settings{width:90%;max-width:320px;justify-content:center;padding:8px 5px;margin:0 auto;flex-wrap:wrap}.tick-container .working-days-settings.editing{flex-direction:column;align-items:center}.tick-container .working-days-settings.editing .settings-header{width:100%;justify-content:space-between;margin-right:0;margin-bottom:10px}.tick-container .working-days-settings.editing .settings-content{flex-direction:column;gap:8px;width:100%}.tick-container .working-days-settings.editing .settings-content .settings-row{width:100%;justify-content:space-between}.tick-container .working-days-settings.editing .settings-content .settings-row input{width:80px}}.tick-container .working-days-settings .settings-header{display:flex;align-items:center;margin-right:15px}@media (max-width: 768px){.tick-container .working-days-settings .settings-header{margin-right:8px;flex-shrink:0}.editing .tick-container .working-days-settings .settings-header{width:100%;justify-content:space-between;margin-right:0;margin-bottom:10px}}.tick-container .working-days-settings .settings-header h4{margin:0;font-size:1rem;font-weight:600;white-space:nowrap}@media (max-width: 768px){.tick-container .working-days-settings .settings-header h4{font-size:.85rem}}.tick-container .working-days-settings .settings-header .edit-button,.tick-container .working-days-settings .settings-header .save-button,.tick-container .working-days-settings .settings-header .cancel-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#555;margin-left:8px}.tick-container .working-days-settings .settings-header .edit-button:hover,.tick-container .working-days-settings .settings-header .save-button:hover,.tick-container .working-days-settings .settings-header .cancel-button:hover{color:#000}@media (max-width: 768px){.tick-container .working-days-settings .settings-header .edit-button,.tick-container .working-days-settings .settings-header .save-button,.tick-container .working-days-settings .settings-header .cancel-button{padding:2px;margin-left:5px}.tick-container .working-days-settings .settings-header .edit-button svg,.tick-container .working-days-settings .settings-header .save-button svg,.tick-container .working-days-settings .settings-header .cancel-button svg{font-size:.9rem!important}}.tick-container .working-days-settings .settings-header .settings-buttons{display:flex;gap:8px;margin-left:8px}@media (max-width: 768px){.tick-container .working-days-settings .settings-header .settings-buttons{gap:4px;margin-left:5px}}.tick-container .working-days-settings .settings-content{display:flex;align-items:center;gap:15px}@media (max-width: 768px){.tick-container .working-days-settings .settings-content{gap:5px;justify-content:center;width:100%;flex-wrap:wrap}}.tick-container .working-days-settings .settings-content .settings-row{display:flex;align-items:center;font-size:1rem;white-space:nowrap}@media (max-width: 768px){.tick-container .working-days-settings .settings-content .settings-row{font-size:.85rem;margin:0 3px}}.tick-container .working-days-settings .settings-content .settings-row span{margin-right:10px}@media (max-width: 768px){.tick-container .working-days-settings .settings-content .settings-row span{margin-right:5px}}.tick-container .working-days-settings .settings-content .settings-row input{width:60px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:1rem}@media (max-width: 768px){.tick-container .working-days-settings .settings-content .settings-row input{width:40px;padding:2px 3px;font-size:.8rem}}.tick-container .working-days-settings .settings-content .settings-row .value{font-weight:500;min-width:30px;display:inline-block}@media (max-width: 768px){.tick-container .working-days-settings .settings-content .settings-row .value{min-width:20px;font-size:.8rem}}.tick-container .date-range-selector{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.tick-container .date-range-selector{width:100%}}.tick-container .date-picker-container{display:flex;align-items:center;background-color:#fff;border-radius:8px;padding:6px 15px;box-shadow:0 2px 6px #0000001a;cursor:pointer;position:relative;transition:box-shadow .2s ease;width:fit-content}.tick-container .date-picker-container .calendar-icon{color:#333;margin-right:10px;font-size:20px}@media (max-width: 768px){.tick-container .date-picker-container .calendar-icon{margin-right:5px;font-size:18px}}@media (max-width: 768px){.tick-container .date-picker-container{width:100%;justify-content:space-between}}.tick-container .date-label{font-weight:500;margin-right:10px;white-space:nowrap;color:#333;font-size:14px}@media (max-width: 768px){.tick-container .date-label{margin-right:5px;font-size:.95rem}}.tick-container .date-inputs{display:flex;align-items:center;color:#007bff;font-weight:500;font-size:14px;gap:8px;background-color:#fff;border-radius:5px;padding:12px 18px;box-shadow:0 1px 3px #0000001a;cursor:pointer}@media (max-width: 768px){.tick-container .date-inputs{padding:8px 12px;font-size:.9rem;flex:1}}.tick-container .date-separator{color:#666;margin:0 3px}.tick-container .reset-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#555;cursor:pointer;margin-left:10px;padding:4px;border-radius:4px}@media (max-width: 768px){.tick-container .reset-button{margin-left:5px;padding:4px}}.tick-container .reset-button:hover{color:#000}.tick-container .reset-button svg{font-size:18px}.tick-container .date-picker-dropdown{position:absolute;top:100%;left:0;margin-top:10px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;z-index:1000;display:flex;flex-direction:column;padding:15px;border:1px solid #ddd;min-width:300px}@media (max-width: 767px){.tick-container .date-picker-dropdown{width:300px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:350px}}.tick-container .team-section .tick-table{width:100%;border-radius:8px;overflow-x:auto;box-shadow:0 2px 5px #0000001a;border:1px solid #eee}.tick-container .team-section .tick-table::-webkit-scrollbar{height:8px}.tick-container .team-section .tick-table::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:8px}.tick-container .team-section .tick-table::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:8px;border:2px solid transparent;background-clip:content-box}.tick-container .team-section .tick-table::-webkit-scrollbar-thumb:hover{background-color:#0006}.tick-container .team-section .tick-table:not(:hover)::-webkit-scrollbar-thumb{background-color:transparent}.tick-container .team-section .tick-table .tick-table-header{display:flex!important;align-items:center!important;padding:12px 16px!important;color:#fff!important;font-weight:600!important;width:800px!important;min-width:100%!important}.tick-container .team-section .tick-table .tick-table-header.a-team{background-color:red!important}.tick-container .team-section .tick-table .tick-table-header.b-team{background-color:#0010ff!important}.tick-container .team-section .tick-table .tick-table-header.c-team{background-color:#0f8000!important}.tick-container .team-section .tick-table .tick-table-header.hse-team{background-color:#2b2828!important}.tick-container .team-section .tick-table .tick-table-header .header-cell{flex:1!important;text-align:center!important;white-space:nowrap!important}.tick-container .team-section .tick-table .tick-table-header .header-cell.name-cell{flex:2!important;text-align:left!important}@media (max-width: 768px){.tick-container .team-section .tick-table .tick-table-header{padding:10px 12px!important;font-size:.9rem!important;min-width:800px!important}.tick-container .team-section .tick-table .tick-table-header .header-cell{padding:0 5px!important}}.tick-container .team-section .tick-table .team-members{width:800px!important;min-width:100%!important;background-color:#fff!important;display:flex!important;flex-direction:column!important}.tick-container .team-section .tick-table .team-members .tickstats-container{margin:0!important;border-radius:0!important;box-shadow:none!important;border-bottom:1px solid #eee!important;background-color:#fff!important;width:800px!important;min-width:100%!important;flex:1!important}.tick-container .team-section .tick-table .team-members .tickstats-container:last-child{border-bottom:none!important}.tick-container .tick-table-row{display:flex!important;align-items:center!important;padding:12px 16px!important;width:800px!important;min-width:100%!important;background-color:#fff!important}.tick-container .tick-table-row .table-cell{flex:1!important;text-align:center!important;font-weight:600!important;color:#333!important}.tick-container .tick-table-row .table-cell.name-cell{flex:2!important;text-align:left!important;font-weight:700!important}@media (max-width: 768px){.tick-container .tick-table-row{padding:10px 12px!important;font-size:.9rem!important;min-width:800px!important}.tick-container .tick-table-row .table-cell{padding:0 5px!important}}.tick-container .team-total{margin-top:0!important;padding-top:0!important;border-top:none!important;width:800px!important;min-width:100%!important}.tick-container .team-total .team-total-row{background-color:#c2c4c5!important;border-top:1px solid #a8a9aa!important;font-weight:700!important;width:800px!important;min-width:100%!important}.tick-container .team-total .team-total-row .table-cell{color:#333!important;font-weight:700!important}.tick-container .team-total .team-total-row .table-cell.name-cell{color:#333!important}@media print{.tick-container{padding:0!important;max-width:100%!important}.tick-table{width:100%!important;overflow:visible!important;border:1px solid #eaeaea!important;page-break-inside:avoid!important}.tick-table-header,.tick-table-row,.team-total .team-total-row{display:grid!important;grid-template-columns:22% repeat(9,8.6667%)!important;column-gap:0!important;align-items:center!important;width:100%!important;min-width:0!important;padding:4px 6px!important;box-sizing:border-box!important;page-break-inside:avoid!important}.tick-table .team-members,.tick-table .team-members .tickstats-container{width:100%!important;min-width:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.tick-table-header .header-cell,.tick-table-row .table-cell{flex:none!important;text-align:center!important;padding:0 4px!important;font-size:9pt!important;line-height:1.2!important;white-space:nowrap!important;box-sizing:border-box!important;min-width:0!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}.tick-table-header .header-cell.name-cell,.tick-table-row .table-cell.name-cell{text-align:left!important}.team-section{margin-bottom:12px!important;page-break-inside:avoid!important}}.summarypage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#a1a1a1;padding:30px 100px;overflow:auto;min-height:100vh}@media (max-width: 600px){.summarypage{padding:10px;width:100%;box-sizing:border-box}}@media (min-width: 601px) and (max-width: 768px){.summarypage{padding:20px 30px}}@media (min-width: 769px) and (max-width: 1024px){.summarypage{padding:25px 50px}}@media (min-width: 1025px) and (max-width: 1366px){.summarypage{padding:25px 60px}}@media (min-width: 1367px){.summarypage{padding:30px 80px}}.summarystats-container{padding:0!important;margin:0!important;background-color:#fff!important;width:100%!important;min-width:800px!important;border-bottom:1px solid #eee!important;display:flex!important;flex-direction:column!important}.summarystats-container .vacation-input{width:60px;padding:2px 4px;border:1px solid #ddd;border-radius:3px;text-align:center;font-size:inherit;background-color:transparent;color:#333}.summarytotal .summary-title{margin:0;min-width:150px;color:#333;font-size:1.1rem;padding-bottom:12px}@media (max-width: 600px){.summarytotal .summary-title{font-size:1rem}}.summarytotal .summary-container{background-color:#fff;border-radius:8px;padding:12px 16px;margin:8px 0;box-shadow:0 2px 4px #0000001a;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.summarytotal .summary-container{grid-template-columns:1fr;padding:10px 12px}}.summarytotal .total-title{text-decoration:underline;font-size:1.2rem;color:#333}@media (max-width: 600px){.summarytotal .total-title{font-size:1.1rem}}.summarytotal .total-numbers{display:flex;gap:30px;align-items:center;padding:10px 0;padding-bottom:20}@media (max-width: 768px){.summarytotal .total-numbers{flex-wrap:wrap;gap:16px}}@media (max-width: 600px){.summarytotal .total-numbers{flex-direction:column;align-items:flex-start;gap:8px;padding:5px 0}}.summarytotal .total-numbers label{color:#666;font-size:1.1rem;white-space:nowrap}@media (max-width: 600px){.summarytotal .total-numbers label{font-size:.9rem}}.summarytotal .total-numbers span{font-weight:600;color:#333;min-width:30px;text-align:right}.summarytotal .totals{display:flex;align-items:center;gap:24px;background-color:#fff;border-radius:8px;padding:12px 16px;margin:8px 0;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.summarytotal .totals{flex-wrap:wrap;gap:16px}}@media (max-width: 600px){.summarytotal .totals{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:12px}}.summarytotal .totals .total-section{display:flex;align-items:center;gap:8px}@media (max-width: 600px){.summarytotal .totals .total-section{width:100%;justify-content:space-between}}.summarytotal .totals .total-section label{color:#666;font-size:.9rem;white-space:nowrap}@media (max-width: 600px){.summarytotal .totals .total-section label{font-size:.85rem}}.summarytotal .totals .total-section span{font-weight:600;color:#333;min-width:30px;text-align:right}.summarytotal .total-section:nth-child(5){grid-column:span 2}@media (max-width: 768px){.summarytotal .total-section:nth-child(5){grid-column:span 1}}.tick-container{padding:20px;width:100%;max-width:100%}@media (max-width: 600px){.tick-container{padding:15px 10px}}@media (min-width: 601px) and (max-width: 768px){.tick-container{padding:15px}}@media (min-width: 769px) and (max-width: 1024px){.tick-container{padding:20px}}.tick-container .print-control-container{display:flex;justify-content:flex-end;margin-bottom:15px}.tick-container .print-control-container .standalone-print-button{background-color:#007bff;color:#fff;border:none;border-radius:8px;padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 6px #0000001a;transition:all .2s}.tick-container .print-control-container .standalone-print-button:hover{background-color:#0056b3}.tick-container .print-control-container .standalone-print-button svg{font-size:18px}@media (max-width: 768px){.tick-container .print-control-container{justify-content:center}.tick-container .print-control-container .standalone-print-button{width:90%;justify-content:center}}.tick-container .date-and-settings-container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap}@media (max-width: 768px){.tick-container .date-and-settings-container{flex-direction:column;gap:15px}}.tick-container .date-range-selector{position:relative}.tick-container .date-picker-container{display:flex;align-items:center;gap:10px;position:relative;width:fit-content;background-color:#fff;border-radius:8px;padding:6px 15px;box-shadow:0 2px 6px #0000001a}.tick-container .date-picker-container:hover{box-shadow:0 2px 6px #00000026}.tick-container .date-picker-container .calendar-icon{color:#007bff;font-size:20px}.tick-container .date-picker-container .date-label{font-weight:600;color:#333;white-space:nowrap}.tick-container .date-picker-container .date-inputs{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #ddd;border-radius:5px;cursor:pointer;background-color:#f9f9f9}.tick-container .date-picker-container .date-inputs:hover{border-color:#007bff}.tick-container .date-picker-container .date-inputs .date-separator{color:#777}.tick-container .date-picker-container .reset-button{background:none;border:none;color:#007bff;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.tick-container .date-picker-container .reset-button:hover{color:#0056b3}.tick-container .date-picker-dropdown{position:absolute;top:100%;left:0;z-index:100;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;padding:15px;margin-top:5px;display:flex;flex-direction:column;gap:15px;min-width:300px}@media (min-width: 768px){.tick-container .date-picker-dropdown{flex-direction:row;gap:20px}}@media (max-width: 767px){.tick-container .date-picker-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:350px;max-height:90vh;overflow-y:auto}}.tick-container .date-picker-item{display:flex;flex-direction:column;margin-bottom:15px}.tick-container .date-picker-item label{font-weight:600;margin-bottom:5px;color:#333;font-size:14px}.tick-container .date-picker-actions{display:flex;flex-direction:column;gap:10px;margin-top:10px}@media (min-width: 768px){.tick-container .date-picker-actions{flex-direction:row;justify-content:center}}.tick-container .date-picker-actions button{padding:8px 16px;border-radius:5px;font-size:14px;font-weight:500;cursor:pointer}.tick-container .date-picker-actions button.apply-button{background-color:#007bff;color:#fff;border:none}.tick-container .date-picker-actions button.apply-button:hover{background-color:#0056b3}.tick-container .date-picker-actions button.prev-month-button{background-color:#6c757d;color:#fff;border:none}.tick-container .date-picker-actions button.prev-month-button:hover{background-color:#5a6268}.tick-container .date-picker-actions button.cancel-button{border:1px solid #007bff;background-color:#fff;color:#007bff}.tick-container .date-picker-actions button.cancel-button:hover{background-color:#007bff;color:#fff}.tick-container .team-section{margin-bottom:40px}.tick-container .team-section h1{margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #eee}@media (max-width: 768px){.tick-container .team-section h1{font-size:1.3rem;margin-bottom:15px}}@media (max-width: 600px){.tick-container .team-section h1{font-size:1.1rem;margin-bottom:12px;padding-bottom:8px}}@media (max-width: 480px){.tick-container .team-section h1{font-size:1rem;margin-bottom:10px;padding-bottom:6px}}.tick-container .team-section .summary-table{width:100%;border-radius:8px;overflow-x:auto;box-shadow:0 2px 5px #0000001a;border:1px solid #eee}.tick-container .team-section .summary-table::-webkit-scrollbar{height:8px}.tick-container .team-section .summary-table::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:8px}.tick-container .team-section .summary-table::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:8px;border:2px solid transparent;background-clip:content-box}.tick-container .team-section .summary-table::-webkit-scrollbar-thumb:hover{background-color:#0006}.tick-container .team-section .summary-table:not(:hover)::-webkit-scrollbar-thumb{background-color:transparent}.tick-container .team-section .summary-table .summary-table-header{display:flex;align-items:center;padding:12px 16px;color:#fff;font-weight:600;width:800px;min-width:100%;position:sticky!important;top:0!important;z-index:10!important}.tick-container .team-section .summary-table .summary-table-header .header-cell{flex:1;text-align:center;white-space:nowrap}.tick-container .team-section .summary-table .summary-table-header .header-cell.name-cell{flex:2;text-align:left}@media (max-width: 768px){.tick-container .team-section .summary-table .summary-table-header{padding:10px 12px!important;font-size:.9rem!important;min-width:800px!important}.tick-container .team-section .summary-table .summary-table-header .header-cell{padding:0 5px!important}}.tick-container .team-section .summary-table .team-members{width:800px;min-width:100%;background-color:#fff!important;display:flex!important;flex-direction:column!important}.tick-container .team-section .summary-table .team-members .summarystats-container{margin:0;border-radius:0;box-shadow:none;border-bottom:1px solid #eee;background-color:#fff!important;width:800px;min-width:100%;flex:1!important}.tick-container .team-section .summary-table .team-members .summarystats-container:last-child{border-bottom:none}.tick-container .summary-table-row{display:flex;align-items:center;padding:12px 16px;width:800px;min-width:100%;background-color:#fff!important}.tick-container .summary-table-row .table-cell{flex:1;text-align:center;font-weight:600;color:#333}.tick-container .summary-table-row .table-cell.name-cell{flex:2;text-align:left;font-weight:700}@media (max-width: 768px){.tick-container .summary-table-row{padding:10px 12px!important;font-size:.9rem!important;min-width:800px!important}.tick-container .summary-table-row .table-cell{padding:0 5px!important}}.tick-container .team-total{margin-top:0;padding-top:0;border-top:none;width:800px;min-width:100%}.tick-container .team-total .team-total-row{background-color:#c2c4c5!important;border-top:1px solid #a8a9aa!important;font-weight:700;width:800px;min-width:100%}.tick-container .team-total .team-total-row .table-cell{color:#333;font-weight:700}.tick-container .team-total .team-total-row .table-cell.name-cell{color:#333}.tick-container .print-controls{display:flex;justify-content:center;margin-bottom:20px}.tick-container .print-controls .print-button{background-color:#007bff;color:#fff;border:none;border-radius:8px;padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 2px 6px #0000001a;transition:all .2s}.tick-container .print-controls .print-button:hover{background-color:#0056b3}.tick-container .print-controls .print-button svg{font-size:18px}@media (max-width: 768px){.tick-container .print-controls .print-button{width:90%;justify-content:center}}.tradepage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#a1a1a1;padding:20px 70px;overflow:auto;min-height:100vh}@media (max-width: 600px){.tradepage{padding:10px;width:100%;box-sizing:border-box}}@media (min-width: 601px) and (max-width: 768px){.tradepage{padding:15px 30px}}@media (min-width: 769px) and (max-width: 1024px){.tradepage{padding:20px 50px}}.trade{width:100%;max-width:1200px;padding:16px;box-sizing:border-box}@media (max-width: 600px){.trade{padding:12px 8px}}.trade .trade-day{width:100%;box-sizing:border-box;overflow-x:auto}@media (max-width: 600px){.trade .trade-day{padding:0}}.trade .trade-title{text-decoration:underline;display:flex;justify-content:center;margin-bottom:16px;font-size:1.8rem}@media (max-width: 600px){.trade .trade-title{font-size:1.3rem;margin-bottom:12px}}.trade .date-range-selector{margin-bottom:16px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);padding:12px;border-radius:8px;box-shadow:0 4px 12px #00000014;border:1px solid #e9ecef}.trade .date-range-selector .date-buttons{display:flex;gap:4px;margin-bottom:0}@media (max-width: 600px){.trade .date-range-selector .date-buttons{flex-direction:column;gap:4px}}.trade .date-range-selector .date-buttons .date-btn{flex:1;padding:8px 12px;border:2px solid #e9ecef;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);color:#495057;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.trade .date-range-selector .date-buttons .date-btn:hover{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-color:#007bff;color:#007bff;transform:translateY(-1px);box-shadow:0 4px 12px #007bff26}.trade .date-range-selector .date-buttons .date-btn.active{background:white;color:#007bff;border-color:#007bff;transform:translateY(-1px)}.trade .date-range-selector .date-buttons .date-btn:active{transform:translateY(0)}@media (max-width: 600px){.trade .date-range-selector .date-buttons .date-btn{padding:10px 12px;font-size:.9rem}}.trade .date-range-selector .custom-date-inputs{display:flex;gap:8px;align-items:flex-end;padding-top:12px;margin-top:12px;border-top:1px solid #e9ecef}@media (max-width: 600px){.trade .date-range-selector .custom-date-inputs{flex-direction:column;gap:8px;align-items:stretch}}.trade .date-range-selector .custom-date-inputs .date-input-group{display:flex;flex-direction:column;gap:4px;flex:1}.trade .date-range-selector .custom-date-inputs .date-input-group label{font-size:.8rem;color:#495057;font-weight:600;margin-bottom:2px}.trade .date-range-selector .custom-date-inputs .date-input-group input{padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;font-size:.85rem;background:white;transition:all .3s ease}.trade .date-range-selector .custom-date-inputs .date-input-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;background:#f8f9ff}.trade .date-range-selector .custom-date-inputs .date-input-group input:hover{border-color:#007bff}.trade .date-range-selector .custom-date-inputs .apply-btn{padding:8px 16px;background:white;color:#007bff;border:1px solid #007bff;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:70px}.trade .date-range-selector .custom-date-inputs .apply-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838 0%,#1ea085 100%);transform:translateY(-1px);box-shadow:0 4px 12px #28a74540}.trade .date-range-selector .custom-date-inputs .apply-btn:active:not(:disabled){transform:translateY(0)}.trade .date-range-selector .custom-date-inputs .apply-btn:disabled{background:linear-gradient(135deg,#6c757d 0%,#5a6268 100%);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 600px){.trade .date-range-selector .custom-date-inputs .apply-btn{padding:10px 16px;font-size:.9rem;min-width:auto}}.trade .trade-totals{margin-top:16px;width:100%}.trade .trade-totals .totals-container{display:flex;gap:20px;background-color:#fff;padding:10px 12px;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;box-sizing:border-box}@media (max-width: 768px){.trade .trade-totals .totals-container{flex-wrap:wrap;gap:12px;padding:10px}}@media (max-width: 600px){.trade .trade-totals .totals-container{flex-direction:column;align-items:stretch;gap:8px;padding:12px;min-height:auto}}.trade .trade-totals h3{margin:0;min-width:120px;color:#333;font-size:1rem;padding:4px 0}@media (max-width: 768px){.trade .trade-totals h3{min-width:100%;margin-bottom:6px}}@media (max-width: 600px){.trade .trade-totals h3{font-size:.95rem;min-width:auto;margin-bottom:6px;text-align:center;width:100%}}.trade .trade-totals .totals-section{display:flex;align-items:center;gap:6px;flex:1}@media (max-width: 600px){.trade .trade-totals .totals-section{justify-content:space-between;align-items:center;gap:6px;flex-direction:row;padding:6px 0;border-bottom:1px solid #eee}.trade .trade-totals .totals-section:last-child{border-bottom:none}}.trade .trade-totals .totals-section label{color:#666;font-size:.85rem;white-space:nowrap}@media (max-width: 600px){.trade .trade-totals .totals-section label{font-size:.85rem;font-weight:500}}.trade .trade-totals .totals-section span{font-weight:600;color:#333;min-width:25px;text-align:right;font-size:.9rem}@media (max-width: 600px){.trade .trade-totals .totals-section span{font-size:.95rem;font-weight:700;color:#007bff;text-align:right}}.trade-day{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}@media (max-width: 768px){.trade-day{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}}@media (max-width: 600px){.trade-day{grid-template-columns:1fr;gap:10px}}.trade-day .trade-stat-container{display:flex;flex-direction:column;gap:12px;justify-content:flex-start;background:#ffffff;border-radius:8px;padding:12px;box-shadow:0 2px 4px #0000001a;min-height:120px}@media (max-width: 600px){.trade-day .trade-stat-container{flex-direction:row;align-items:center;min-height:auto;padding:10px}}.trade-day .trade-stat-container .trade-date{font-weight:700;color:#333;font-size:.95rem;margin:0;text-align:center}@media (max-width: 600px){.trade-day .trade-stat-container .trade-date{text-align:left;min-width:80px;font-size:.9rem}}.trade-day .trade-stat-container .trade-stats-grid{display:flex;flex-direction:column;gap:8px}@media (max-width: 600px){.trade-day .trade-stat-container .trade-stats-grid{flex-direction:row;flex-wrap:wrap;gap:16px;flex-grow:1;justify-content:space-around}}.trade-day .trade-stat-container .trade-stat{display:flex;align-items:center;gap:8px}@media (max-width: 600px){.trade-day .trade-stat-container .trade-stat{min-width:70px;flex-direction:column;gap:2px;text-align:center}}.trade-day .trade-stat-container .trade-stat label{color:#666;font-size:.85rem;white-space:nowrap}@media (max-width: 600px){.trade-day .trade-stat-container .trade-stat label{font-size:.75rem}}.trade-day .trade-stat-container .trade-stat span{font-weight:600;color:#333;font-size:.9rem}@media (max-width: 600px){.trade-day .trade-stat-container .trade-stat span{font-size:.85rem}}.trade-day>*{padding:5px;min-height:120px;background:#f8f9fa;border-radius:8px;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;font-size:12px}.trade-day .trade-date{width:100%;text-align:center;margin-bottom:8px}.activitypage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#a1a1a1;padding:20px 70px;overflow:auto;min-height:100vh}@media (max-width: 600px){.activitypage{padding:5px;width:100%;box-sizing:border-box}}@media (min-width: 601px) and (max-width: 932px){.activitypage{padding:15px 30px}}@media (min-width: 769px) and (max-width: 1024px){.activitypage{padding:20px 5px}}.activity{width:100%;position:relative}.activity .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:0;overflow:hidden}.activity .modal-overlay .create-container{margin:0 auto;max-height:90vh;overflow-y:auto;max-width:90%}.activity .employee-search{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.activity .employee-search select,.activity .employee-search .customer-search,.activity .employee-search .search-container{flex:1;width:250px;max-width:250px}.activity .employee-search button{white-space:nowrap}@media (max-width: 768px){.activity .employee-search{flex-wrap:wrap;gap:15px}.activity .employee-search select,.activity .employee-search .customer-search,.activity .employee-search .search-container{flex:1;min-width:200px;width:100%;max-width:none}}.activity .search-container{position:relative;display:flex;align-items:center}.activity .search-container .clear-search{position:absolute;right:10px;font-size:20px;cursor:pointer;color:#999;font-weight:700;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.activity .search-container .clear-search:hover{color:#666}.activity .customer-search{padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:16px;width:100%}.activity .customer-search:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.activity select{padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:16px;cursor:pointer}.activity button{padding:10px;border:2px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;background-color:#fff}.activity button:hover{background-color:#007bff;color:#fff;transition:ease-in-out .3s}.activity .no-deals{margin-top:20px;text-align:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.activity .activity-deals{width:100%;overflow-x:auto}.activity .desktop-text{display:inline}.activity .mobile-text{display:none}@media (max-width: 1200px){.activity .desktop-text{display:none}.activity .mobile-text{display:inline}}@media (max-width: 1024px){.activity .desktop-text{display:none}.activity .mobile-text{display:inline}}.totals-labels{display:flex;align-items:center;justify-content:center;width:100%}.totals-labels .totals-section-label{flex:1;min-width:80px;padding:3px;border:1px solid white;font-size:15px;background-color:#007bff;color:#fff;text-align:center}@media (max-width: 1200px){.totals-labels .totals-section-label{min-width:70px;font-size:13px;padding:2px}}@media (max-width: 1024px){.totals-labels .totals-section-label{min-width:65px;font-size:12px;padding:2px}}@media (max-width: 768px){.totals-labels .totals-section-label{min-width:60px;font-size:10px;padding:2px}}@media (max-width: 480px){.totals-labels .totals-section-label{min-width:50px;font-size:9px;padding:1px}}.totals-container{margin:20px 0;width:100%}.totals-container .totals{display:flex;align-items:center;justify-content:center;width:100%}.totals-container .totals .totals-section{flex:1;min-width:80px;padding:3px;border:1px solid lightgray;font-size:15px;background-color:#fff;text-align:center}@media (max-width: 1200px){.totals-container .totals .totals-section{min-width:70px;font-size:13px;padding:2px}}@media (max-width: 1024px){.totals-container .totals .totals-section{min-width:65px;font-size:12px;padding:2px}}@media (max-width: 768px){.totals-container .totals .totals-section{min-width:60px;font-size:10px;padding:2px}}@media (max-width: 480px){.totals-container .totals .totals-section{min-width:50px;font-size:9px;padding:1px}}.date-range{display:flex;align-items:center;margin:0 10px}.date-range .date-input{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px;width:140px}.date-range .date-separator{margin:0 10px;font-weight:700}.activitydeal{display:flex;flex-direction:row;margin:0;width:100%}.activitydeal .section{display:flex;align-items:center;justify-content:center;background-color:#fff;flex:2;min-width:80px;height:30px;border:1px solid lightgray;font-size:12px;padding:2px;box-sizing:border-box}.activitydeal .section input{width:60px;height:15px;text-align:center;font-size:12px;border:none;background:transparent;outline:1px solid;outline-color:#666;outline-style:inset}.activitydeal .section input:focus{outline:1px solid #007bff}.activitydeal .section span{font-size:15px;margin-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.activitydeal .small-section{display:flex;align-items:center;justify-content:center;background-color:#fff;flex:1;min-width:40px;height:30px;border:1px solid lightgray;font-size:13.5px;padding:2px;box-sizing:border-box}.activitydeal .edit-button:hover{background-color:#007bff;color:#fff;transition:all .2s ease-in-out}.activitydeal.header-row .section,.activitydeal.header-row .small-section{background-color:#007bff;color:#fff;font-weight:500;border-bottom:none}@media (max-width: 1200px){.activitydeal .section{min-width:70px;height:28px;font-size:11px;padding:2px}.activitydeal .section input{width:55px;height:14px;font-size:11px;outline:none}.activitydeal .section span{font-size:11px;margin-right:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activitydeal .small-section{min-width:35px;height:28px;font-size:10px;padding:2px}}@media (max-width: 1024px){.activitydeal .section{min-width:65px;height:26px;font-size:10px;padding:1px}.activitydeal .section input{width:50px;height:13px;font-size:10px;outline:none}.activitydeal .section span{font-size:10px;margin-right:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activitydeal .small-section{min-width:32px;height:26px;font-size:9px;padding:1px}}@media (max-width: 768px){.activitydeal{margin:0}.activitydeal .section{flex:2;min-width:35px;height:25px;font-size:6px;padding:1px}.activitydeal .section input{width:28px;height:12px;font-size:6px;outline:none}.activitydeal .section span{font-size:6px;margin-right:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activitydeal .small-section{flex:1;min-width:25px;height:25px;font-size:5px;padding:1px}}@media (max-width: 480px){.activitydeal .section{min-width:30px;height:22px;font-size:6px;padding:1px}.activitydeal .section input{width:25px;height:10px;font-size:6px;outline:none}.activitydeal .section span{font-size:6px;margin-right:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activitydeal .small-section{min-width:20px;height:22px;font-size:4px;padding:1px}}.potofgoldpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#a1a1a1;padding:30px 100px;overflow:auto;min-height:100vh}@media (max-width: 600px){.potofgoldpage{padding:10px;width:100%;box-sizing:border-box}}@media (min-width: 601px) and (max-width: 768px){.potofgoldpage{padding:20px 30px}}@media (min-width: 769px) and (max-width: 1024px){.potofgoldpage{padding:25px 50px}}@media (min-width: 1025px) and (max-width: 1366px){.potofgoldpage{padding:25px 60px}}@media (min-width: 1367px){.potofgoldpage{padding:30px 80px}}.potofgold{width:100%;overflow-x:hidden}.potofgold .potofgoldcontainer{display:flex;flex-direction:column;align-items:center;background-color:#f5f5f5;padding:10px 20px 20px;border-radius:10px;box-shadow:0 4px 12px #0003;width:900px;max-width:90%;margin:30px auto;box-sizing:border-box;max-height:none;overflow-y:visible;overflow-x:hidden}.potofgold .potofgoldcontainer h1{margin:20px 0;color:#333;font-size:28px;text-align:center}.potofgold .potofgoldcontainer .pot-buttons{display:flex;gap:10px;margin-bottom:20px;width:100%;justify-content:center}.potofgold .potofgoldcontainer .pot-buttons button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.potofgold .potofgoldcontainer .pot-buttons button:hover{background-color:#0056b3}.potofgold .potofgoldcontainer .pot-buttons button:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.potofgold .potofgoldcontainer .pot-buttons button:disabled{background-color:#222;color:#fff;cursor:default;opacity:1;font-weight:700;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #000;position:relative;padding-right:30px}.potofgold .potofgoldcontainer .pot-buttons button:disabled:after{content:"✓";position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:14px;font-weight:700;color:#007bff}.potofgold .potofgoldcontainer .pot-label-row{margin-top:10px;display:flex;flex-direction:row;width:100%;font-weight:700;background-color:#333;color:#fff;border-radius:6px 6px 0 0;box-sizing:border-box}.potofgold .potofgoldcontainer .pot-label-row .pot-fullsection{display:flex;align-items:center;justify-content:center;flex:2;min-width:0;height:40px;padding:2px 10px;box-sizing:border-box;text-align:center;border-right:1px solid rgba(255,255,255,.2)}.potofgold .potofgoldcontainer .pot-label-row .pot-section{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:40px;padding:2px;box-sizing:border-box;text-align:center;border-right:1px solid rgba(255,255,255,.2)}.potofgold .potofgoldcontainer .pot-label-row .pot-section:last-child{border-right:none}.potofgold .potofgoldcontainer .pot-employee{width:100%;margin-bottom:20px;border-radius:0 0 6px 6px;overflow:visible;box-shadow:0 2px 5px #0000001a;max-height:none;display:flex;flex-direction:column}.potofgold .potofgoldcontainer .pot-stats{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:40px;gap:20px;background-color:#fff;padding:15px;border-radius:6px;box-shadow:0 2px 5px #0000001a;box-sizing:border-box}.potofgold .potofgoldcontainer .pot-stats .potsection,.potofgold .potofgoldcontainer .pot-stats .pot-section{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:flex-start;gap:20px;box-sizing:border-box}.potofgold .potofgoldcontainer .pot-stats .pot-label{color:#333;min-width:160px}.potofgold .potofgoldcontainer .pot-stats .pot-label h3{margin:0;font-size:16px}.potofgold .potofgoldcontainer .pot-stats .pot-number{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:700;color:#007bff}.potofgold .potofgoldcontainer .pot-stats input{width:120px;border:none;border-bottom:1px solid #ccc;background-color:transparent;padding:8px 0;outline:none;transition:border-bottom-color .3s;font-size:16px;text-align:center;color:#007bff;font-weight:700}.potofgold .potofgoldcontainer .pot-stats input:focus{border-bottom-color:#007bff}@media (max-width: 768px){.potofgold .potofgoldcontainer{width:95%;max-width:700px;padding:15px;margin:15px auto;border-radius:8px}.potofgold .potofgoldcontainer h1{font-size:24px}.potofgold .potofgoldcontainer .pot-label-row .pot-fullsection{min-width:0;flex:3}.potofgold .potofgoldcontainer .pot-label-row .pot-section{min-width:0;flex:2}.potofgold .potofgoldcontainer .pot-stats .pot-section{flex-direction:column;align-items:flex-start;gap:5px}.potofgold .potofgoldcontainer .pot-stats .pot-label{min-width:100%}}@media (max-width: 480px){.potofgold .potofgoldcontainer{width:98%;padding:10px;margin:10px auto}.potofgold .potofgoldcontainer h1{font-size:20px}.potofgold .potofgoldcontainer .pot-label-row{font-size:12px}.potofgold .potofgoldcontainer .pot-label-row .pot-fullsection{min-width:0;padding:2px 5px;flex:2}.potofgold .potofgoldcontainer .pot-label-row .pot-section{min-width:0;padding:2px 3px;flex:1}.potofgold .potofgoldcontainer .pot-buttons{flex-direction:column;width:100%;align-items:center}.potofgold .potofgoldcontainer .pot-buttons button{width:100%;margin-bottom:5px}.potofgold .potofgoldcontainer .pot-buttons button:disabled:after{right:15px}}.employee-row{display:flex;flex-direction:row;width:100%;transition:background-color .2s;box-sizing:border-box}.employee-row:nth-child(odd){background-color:#f9f9f9}.employee-row:nth-child(2n){background-color:#fff}.employee-row:hover{background-color:#e9f5ff}.employee-row .pot-fullsection{display:flex;align-items:center;padding:12px 15px;flex:2;min-width:0;box-sizing:border-box;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-row .employee-name{font-weight:500;color:#333}.employee-row .pot-section{display:flex;align-items:center;justify-content:center;padding:12px 5px;flex:1;min-width:0;box-sizing:border-box;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-row .pot-section:last-child{border-right:none;font-weight:700;color:#007bff}.employee-row:last-child .pot-section,.employee-row:last-child .pot-fullsection{border-bottom:none}.not-qualified{opacity:.6}.disqualified-label{font-size:.8em;color:#fff;margin-left:5px}@media (max-width: 768px){.employee-row .pot-fullsection{padding:10px;flex:3}.employee-row .pot-section{padding:10px 3px;flex:2}}@media (max-width: 480px){.employee-row{font-size:13px}.employee-row .pot-fullsection{padding:8px 5px;flex:2}.employee-row .pot-section{padding:8px 3px;flex:1}}.uplogpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#a1a1a1;padding:20px 70px;overflow:auto;min-height:100vh}@media (max-width: 600px){.uplogpage{padding:10px;width:100%;box-sizing:border-box}}@media (min-width: 601px) and (max-width: 768px){.uplogpage{padding:15px 30px}}@media (min-width: 769px) and (max-width: 1024px){.uplogpage{padding:20px 50px}}.uplog{width:100%;max-width:1200px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:20px;position:relative}.uplog .uplog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.uplog .uplog-header .uplog-header-left{display:flex;align-items:center;gap:15px}.uplog .uplog-header h2{font-size:24px;margin:0}.uplog .uplog-header h6{cursor:pointer;color:#007bff;font-size:14px;font-weight:500;margin:0;padding:5px 10px;border-radius:4px;transition:all .2s ease}.uplog .uplog-header h6:hover{background-color:#f8f9fa;color:#0056b3;text-decoration:underline}.uplog .uplog-header .date-selector input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.uplog .uplog-header .date-selector .link{text-underline-offset:5px;text-decoration-color:#007bff}.uplog .uplog-header .date-selector span{margin-right:10px;color:#007bff}.uplog .uplog-content .rows-container{margin-bottom:20px;min-height:100px}.uplog .uplog-content .rows-container .dragging{opacity:.9;transform:scale(1.02);box-shadow:0 5px 10px #00000026}.uplog .uplog-content .no-rows-message{background-color:#f8f9fa;border:1px dashed #ccc;border-radius:6px;padding:30px;text-align:center;color:#666;margin-bottom:20px;font-size:16px}.uplog .uplog-content .add-row-btn{margin-top:15px}.uplog .uplog-content .add-row-btn button{display:flex;align-items:center;justify-content:center;gap:5px;background-color:#fff;border:1px solid white;color:#007bff;border-radius:4px;padding:8px 15px;cursor:pointer;font-size:14px;transition:all .2s ease;min-width:100px;white-space:nowrap;height:36px;box-sizing:border-box;line-height:1}.uplog .uplog-content .add-row-btn button:hover{border:1px solid #007bff}.uplog .uplog-content .add-row-btn button:disabled{opacity:.6;cursor:not-allowed;border:1px solid #ddd;color:#666;padding:8px 15px;height:36px;line-height:1}.uplog .uplog-content .add-row-btn button.loading{background-color:#f8f9fa;border:1px solid #ddd;color:#666;padding:8px 15px;height:36px;line-height:1}.scroll-to-top-btn{position:absolute;bottom:20px;right:20px}.scroll-to-top-btn button{cursor:pointer;color:#007bff;font-size:14px;font-weight:500;margin:0;padding:5px 10px;border-radius:4px;transition:all .2s ease;background-color:transparent;border:none}.scroll-to-top-btn button:hover{background-color:#f8f9fa;color:#0056b3;text-decoration:underline}.loading{display:flex;justify-content:center;align-items:center;height:300px;font-size:16px;color:#666}.uplog-stats-group{display:flex;gap:1.2rem;margin:1rem 0;justify-content:center}.uplog-stat{background:#f7f7fa;border-radius:10px;padding:.6rem 1.1rem;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;align-items:center;min-width:80px;transition:box-shadow .2s}.uplog-stat label{font-size:.92rem;color:#555;margin-bottom:.3rem;font-weight:500;letter-spacing:.5px}.uplog-stat span{font-size:1.4rem;font-weight:700;color:#1a237e;margin-top:.1rem}.uplog-stat.fresh span,.uplog-stat.appointment span,.uplog-stat.writeup span{color:#000}.uplogrow-container{margin-bottom:15px;background-color:#fff;border:1px solid #eee;border-radius:6px;transition:all .2s ease;will-change:transform,opacity,box-shadow;position:relative}.uplogrow-container:hover{box-shadow:0 2px 8px #0000001a}.uplogrow-container.editing{background-color:#f8f9fa;border-color:#ddd}.uplogrow-container .drag-handle{position:absolute;left:5px;top:10px;cursor:grab;color:#999;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px}.uplogrow-container .drag-handle:hover{color:#333;background-color:#f0f0f0}.uplogrow-container .drag-handle:active{cursor:grabbing}.uplogrow-container .drag-handle svg{font-size:20px}.uplogrow-container .uplogrow{display:flex;align-items:flex-start;padding:12px 12px 12px 40px;flex-wrap:wrap}.uplogrow-container .uplogrow.row-1{border-bottom:1px solid #f0f0f0;background-color:#f9f9f94d}.uplogrow-container .uplogrow.row-2{border-bottom:1px solid #f0f0f0;display:flex;align-items:center}.uplogrow-container .uplogrow.row-3{background-color:#f9f9f94d;padding-top:8px;padding-bottom:12px}.uplogrow-container .uplogrow .field-group{margin-right:15px;margin-bottom:5px;display:flex;flex-direction:column}.uplogrow-container .uplogrow .field-group.checkbox-group .checkbox-container{height:26px;display:flex;align-items:center}.uplogrow-container .uplogrow .field-group.notes-group{flex:1;width:100%}.uplogrow-container .uplogrow .field-group.notes-group label{display:flex;align-items:center}.uplogrow-container .uplogrow .field-group.notes-group label svg{margin-right:5px;font-size:18px}.uplogrow-container .uplogrow .field-group.notes-group .notes-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.uplogrow-container .uplogrow .field-group.notes-group .notes-value{padding:6px 0;min-height:24px}.uplogrow-container .uplogrow .field-group label{font-size:12px;color:#777;margin-bottom:4px;font-weight:500}.uplogrow-container .uplogrow .field-group .field-value{font-size:14px;min-height:22px;padding:6px;display:flex;align-items:center;justify-content:center;background-color:#ddd;border-radius:8px}.uplogrow-container .uplogrow .field-group:nth-child(1){width:130px}.uplogrow-container .uplogrow .field-group:nth-child(2){width:90px}.uplogrow-container .uplogrow .field-group:nth-child(3){width:130px}.uplogrow-container .uplogrow .field-group:nth-child(4),.uplogrow-container .uplogrow .field-group:nth-child(5){width:130px}.uplogrow-container .uplogrow .field-group:nth-child(6){width:250px}.uplogrow-container .uplogrow .field-group:nth-child(1) input[type=checkbox],.uplogrow-container .uplogrow .field-group:nth-child(3) input[type=checkbox],.uplogrow-container .uplogrow .field-group:nth-child(4) input[type=checkbox],.uplogrow-container .uplogrow .field-group:nth-child(5) input[type=checkbox]{align-self:flex-start;margin-top:4px}.uplogrow-container .uplogrow .field-group:nth-child(1) .field-value,.uplogrow-container .uplogrow .field-group:nth-child(3) .field-value,.uplogrow-container .uplogrow .field-group:nth-child(4) .field-value,.uplogrow-container .uplogrow .field-group:nth-child(5) .field-value{text-align:left}.uplogrow-container .uplogrow .row-2 .field-group:nth-child(1),.uplogrow-container .uplogrow .row-2 .field-group:nth-child(3),.uplogrow-container .uplogrow .row-2 .field-group:nth-child(4),.uplogrow-container .uplogrow .row-2 .field-group:nth-child(5){width:80px}.uplogrow-container .uplogrow .row-2 .field-group:nth-child(2){width:150px;flex-grow:1}.uplogrow-container .uplogrow input[type=text],.uplogrow-container .uplogrow input[type=time],.uplogrow-container .uplogrow select{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.uplogrow-container .uplogrow input[type=checkbox]{transform:scale(1.2);margin:0;align-self:flex-start}.uplogrow-container .uplogrow .actions{display:flex;gap:8px;margin-left:auto;align-self:center;justify-content:flex-end;min-width:80px;height:32px;padding:0}.uplogrow-container .uplogrow .actions button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;padding:0;margin:0;flex-shrink:0}.uplogrow-container .uplogrow .actions button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.uplogrow-container .uplogrow .actions button svg{font-size:18px}.uplogrow-container .uplogrow .actions button.edit{background-color:#fff;color:#007bff}.uplogrow-container .uplogrow .actions button.edit:hover{border:1px solid #007bff}.uplogrow-container .uplogrow .actions button.delete{background-color:#fff;color:#e74c3c}.uplogrow-container .uplogrow .actions button.delete:hover{border:1px solid #e74c3c}.uplogrow-container .uplogrow .actions button.save{background-color:#2ecc71;color:#fff}.uplogrow-container .uplogrow .actions button.save:hover{background-color:#27ae60}.uplogrow-container .uplogrow .actions button.cancel{background-color:#95a5a6;color:#fff}.uplogrow-container .uplogrow .actions button.cancel:hover{background-color:#7f8c8d}.uplogrow-container-dragging{box-shadow:0 5px 15px #00000026!important;opacity:.9;background-color:#f8f9fa;transform:scale(1.02)}.uplogstatspage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#a1a1a1;padding:20px;overflow:auto;min-height:100vh;width:100%;box-sizing:border-box}@media (max-width: 600px){.uplogstatspage{padding:5px;width:100%;box-sizing:border-box}}@media (min-width: 601px) and (max-width: 768px){.uplogstatspage{padding:15px 30px}}@media (min-width: 769px) and (max-width: 1024px){.uplogstatspage{padding:20px 5px}}.uplogstats{width:100%;max-width:1600px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:24px 24px 12px;font-family:Inter,Arial,sans-serif;box-sizing:border-box}.uplogstats .link{color:#007bff;text-underline-offset:5px;text-decoration-color:#007bff}.uplogstats.header-row{display:flex;align-items:center;background:#007bff;border-radius:6px 6px 0 0;font-weight:600;font-size:1.05rem;color:#fff;padding:10px 0;margin-bottom:2px}.uplogstats.header-row .section,.uplogstats.header-row .small-section{background-color:#007bff;color:#fff;font-weight:500;border-bottom:none}.uplogstats .employee-search{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;background:#ffffff;padding:16px 12px;border-radius:8px;box-shadow:0 1px 3px #00000008}.uplogstats .employee-search select,.uplogstats .employee-search input,.uplogstats .employee-search .date-input{flex:1;width:250px;max-width:250px;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:16px}.uplogstats .employee-search .date-separator{margin:0 10px;font-weight:700}@media (max-width: 768px){.uplogstats .employee-search{flex-wrap:wrap;gap:15px}.uplogstats .employee-search select,.uplogstats .employee-search input,.uplogstats .employee-search .date-input{flex:1;min-width:200px;width:100%;max-width:none}}.uplogstats .uplog-stats-group{display:flex;gap:1.2rem;margin:1rem 0;justify-content:center;flex-wrap:wrap}.uplogstats .uplog-stat{background:#f7f7fa;border-radius:10px;padding:.6rem 1.1rem;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;align-items:center;min-width:80px;transition:box-shadow .2s}.uplogstats .uplog-stat label{font-size:.92rem;color:#555;margin-bottom:.3rem;font-weight:500;letter-spacing:.5px}.uplogstats .uplog-stat span{font-size:1.4rem;font-weight:700;color:#1a237e;margin-top:.1rem}.uplogstats .uplog-stat.fresh span,.uplogstats .uplog-stat.appointment span,.uplogstats .uplog-stat.writeup span{color:#000}.uplogstats .stats-table{width:100%;overflow-x:auto}.uplogstats .desktop-text{display:inline}.uplogstats .mobile-text{display:none}@media (max-width: 1200px){.uplogstats{padding:16px 16px 8px}.uplogstats .desktop-text{display:none}.uplogstats .mobile-text{display:inline}.uplogstats .uplog-stats-group{gap:1rem}.uplogstats .uplog-stat{min-width:75px}.uplogstats .uplog-stat label{font-size:.85rem}.uplogstats .uplog-stat span{font-size:1.3rem}.uplogstats.header-row{font-size:.9rem;padding:8px 0}}@media (max-width: 768px){.uplogstats{padding:12px 12px 6px;background:transparent;border-radius:0;box-shadow:none}.uplogstats .employee-search{border-radius:0;background:transparent;box-shadow:none;padding:8px 0}.uplogstats .uplog-stats-group{gap:.8rem;margin:.8rem 0;padding:0 10px}.uplogstats .uplog-stat{min-width:70px;padding:.5rem .8rem}.uplogstats .uplog-stat label{font-size:.8rem;margin-bottom:.2rem}.uplogstats .uplog-stat span{font-size:1.2rem}.uplogstats.header-row{font-size:.8rem;padding:6px 0}}@media (max-width: 480px){.uplogstats{padding:5px 0}.uplogstats .employee-search{padding:5px 0;margin-bottom:10px}.uplogstats .uplog-stats-group{gap:.6rem;margin:.6rem 0;padding:0 5px;justify-content:space-between}.uplogstats .uplog-stat{min-width:60px;padding:.4rem .6rem;flex:1;max-width:calc(50% - .3rem)}.uplogstats .uplog-stat label{font-size:.7rem;margin-bottom:.15rem;text-align:center}.uplogstats .uplog-stat span{font-size:1.1rem}.uplogstats.header-row{font-size:.7rem;padding:4px 0}}.section{flex:1 1 0;padding:6px 8px;text-align:left;border-right:1px solid #e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section:last-child{border-right:none}.uplogstatsrow{display:flex;flex-direction:row;margin:0;width:100%;background:#fafbfc;border-bottom:1px solid #e5e7eb;font-size:12px;color:#222;transition:background .15s;align-items:stretch;height:30px}.uplogstatsrow:hover{background:#f1f5f9}.uplogstatsrow.header-row .section,.uplogstatsrow.header-row .small-section{background-color:#007bff;color:#fff;font-weight:500;border-bottom:none}@media (max-width: 1200px){.uplogstatsrow{font-size:11px}}@media (max-width: 1024px){.uplogstatsrow{font-size:10px}}.section{display:flex;align-items:center;justify-content:center;background-color:#fff;flex:2;min-width:80px;height:auto;border:1px solid lightgray;font-size:12px;padding:2px;box-sizing:border-box;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section span{font-size:15px;margin-right:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.small-section{display:flex;align-items:center;justify-content:center;background-color:#fff;flex:1;min-width:40px;height:auto;border:1px solid lightgray;font-size:15px;padding:2px;box-sizing:border-box}@media (max-width: 1200px){.section{min-width:70px;font-size:11px;padding:2px}.section span{font-size:11px;margin-right:3px}.small-section{min-width:35px;font-size:10px;padding:2px}}@media (max-width: 1024px){.section{min-width:65px;font-size:10px;padding:1px}.section span{font-size:10px;margin-right:2px}.small-section{min-width:32px;font-size:9px;padding:1px}}@media (max-width: 700px){.section{flex:2;min-width:35px;font-size:8px;padding:1px}.section span{font-size:8px;margin-right:1px}.small-section{flex:1;min-width:25px;font-size:7px;padding:1px}}@media (max-width: 480px){.section{min-width:30px;font-size:7px;padding:1px}.section span{font-size:6px;margin-right:1px}.small-section{min-width:20px;font-size:6px;padding:1px}}.leaderboardpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#a1a1a1;padding:30px 100px;overflow:auto;min-height:100vh}@media (max-width: 600px){.leaderboardpage{padding:10px;width:100%;box-sizing:border-box}}@media (min-width: 601px) and (max-width: 768px){.leaderboardpage{padding:20px 30px}}@media (min-width: 769px) and (max-width: 1024px){.leaderboardpage{padding:25px 50px}}@media (min-width: 1025px) and (max-width: 1366px){.leaderboardpage{padding:25px 60px}}@media (min-width: 1367px){.leaderboardpage{padding:30px 80px}}.leaderboard{width:100%;overflow-x:hidden}.leaderboard .leaderboard-container{display:flex;flex-direction:column;align-items:center;padding:10px 20px 20px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.leaderboard .leaderboard-container h1{margin:20px 0;color:#333;font-size:28px;text-align:center}.leaderboard .leaderboard-container .leaderboard-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;width:100%;align-items:center}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:16px 12px;border-radius:8px;box-shadow:0 1px 3px #00000008;width:100%;max-width:1200px;flex-wrap:wrap}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters select,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters input,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .date-input{flex:0 1 auto;width:200px;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:5px;font-size:16px;background-color:#fff;transition:border-color .3s}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters select:focus,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters input:focus,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .date-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .date-separator{margin:0 10px;font-weight:700;color:#333;flex-shrink:0}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .timetable{min-width:150px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .date-input{min-width:120px;max-width:150px}.leaderboard .leaderboard-container .leaderboard-legend{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;padding:15px;background-color:#f8f9fa;border-radius:8px;justify-content:center;max-width:1000px}.leaderboard .leaderboard-container .leaderboard-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.leaderboard .leaderboard-container .leaderboard-legend .legend-item span{white-space:nowrap}.leaderboard .leaderboard-container .deal-square{width:23px;height:23px;border:1px solid #333;margin:0;position:relative;transition:transform .2s ease}.leaderboard .leaderboard-container .deal-square.new-car{background-color:#007bff;border-color:#0056b3}.leaderboard .leaderboard-container .deal-square.used-car{background-color:red;border-color:#ff4b4b}.leaderboard .leaderboard-container .deal-square.vacation-unit,.leaderboard .leaderboard-container .deal-square.vacation-half{background-color:gray;border-color:#606060}.leaderboard .leaderboard-container .deal-square.vacation-half:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 23px 23px 0;border-color:transparent white transparent transparent}.leaderboard .leaderboard-container .deal-square.split-closer:before{content:"";position:absolute;bottom:0;left:0;width:0;height:0;border-style:solid;border-width:23px 0 0 23px;border-color:transparent transparent transparent white}.leaderboard .leaderboard-container .deal-square.split-additional:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 23px 23px 0;border-color:transparent white transparent transparent}.leaderboard .leaderboard-container .leaderboard-table{width:100%;max-width:1500px;background:white;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header{display:grid;grid-template-columns:60px 150px 2fr 200px;gap:15px;padding:15px 20px;background-color:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:700;color:#333}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-rank{text-align:center}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-name{font-weight:600}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-deals{text-align:center}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-stats .stat-item{font-size:14px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row{display:grid;grid-template-columns:60px 150px 2fr 200px;gap:15px;padding:15px 20px;border-bottom:1px solid #eee;align-items:center;transition:background-color .2s ease}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row:hover{background-color:#f8f9fa}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row:nth-child(2n){background-color:#fafafa}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-rank{text-align:center;font-weight:700;color:#666;font-size:16px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-name{font-weight:500;color:#000;font-size:16px;padding:2px;background-color:#007bff;display:flex;align-items:center;justify-content:center;border-radius:8px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-deals .deals-container{display:flex;flex-wrap:wrap;gap:2px;justify-content:flex-start;align-items:center;min-height:24px;transition:all .3s ease}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-deals .front-gross-prominent{font-size:20px;color:#007bff;font-weight:700;text-align:center;padding:5px;border-radius:8px;transition:all .3s ease}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item{font-size:14px;color:#666;font-weight:500}@media (max-width: 1024px){.leaderboard .leaderboard-container{padding:15px;max-width:95%}.leaderboard .leaderboard-container h1{font-size:26px;margin:15px 0}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters{gap:8px;padding:12px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters select,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters input,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .date-input{width:180px;padding:8px;font-size:14px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .timetable{min-width:130px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .date-input{min-width:110px;max-width:130px}.leaderboard .leaderboard-container .leaderboard-legend{gap:12px;padding:12px;margin-bottom:25px}.leaderboard .leaderboard-container .leaderboard-legend .legend-item{font-size:13px;gap:6px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-row{grid-template-columns:50px 120px 1.5fr 180px;gap:20px;padding:12px 15px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-stats,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .row-stats,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-row .header-stats,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-row .row-stats{gap:8px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-stats .stat-item,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .row-stats .stat-item,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-row .header-stats .stat-item,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-row .row-stats .stat-item{font-size:13px}.leaderboard .leaderboard-container .leaderboard-table .deal-square{width:25px;height:25px}}@media (max-width: 768px){.leaderboard .leaderboard-container{width:100%;padding:10px}.leaderboard .leaderboard-container h1{font-size:22px;margin:10px 0}.leaderboard .leaderboard-container .leaderboard-buttons{gap:10px;margin-bottom:15px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters{flex-direction:column;gap:8px;padding:12px;width:100%}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters select,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters input,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .date-input{width:100%;min-width:unset;max-width:none;padding:12px;font-size:16px;margin:0}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .date-separator{margin:5px 0;text-align:center}.leaderboard .leaderboard-container .leaderboard-legend{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:12px;margin-bottom:20px;max-width:100%}.leaderboard .leaderboard-container .leaderboard-legend .legend-item{font-size:12px;gap:6px;flex:0 0 calc(50% - 6px);justify-content:center;min-width:120px;max-width:calc(50% - 6px);text-align:center}.leaderboard .leaderboard-container .leaderboard-legend .legend-item span{flex:1;text-align:center}.leaderboard .leaderboard-container .leaderboard-table{border-radius:6px;box-shadow:0 1px 5px #0000001a}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header{display:none}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row{display:flex;flex-direction:column;gap:8px;padding:12px;border-bottom:1px solid #eee;position:relative}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row:hover{background-color:#f8f9fa}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row:nth-child(2n){background-color:#fafafa}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-rank{position:absolute;top:8px;left:8px;font-size:14px;font-weight:700;color:#666;background:#f0f0f0;padding:2px 6px;border-radius:4px;z-index:10}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-name{font-size:18px;font-weight:600;padding:8px 12px;border-radius:6px;text-align:center;margin-bottom:8px;width:100%;box-sizing:border-box;margin-top:30px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-deals{width:100%}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-deals .deals-container{justify-content:center;gap:3px;min-height:20px;margin-bottom:8px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-deals .front-gross-prominent{font-size:18px;text-align:center;padding:8px;background:#f8f9fa;border-radius:6px;margin-bottom:8px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item{font-size:13px;color:#666;font-weight:500;text-align:center;padding:6px;background:#f8f9fa;border-radius:4px;position:relative}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item:before{content:attr(data-label);display:block;font-size:10px;color:#999;font-weight:400;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.leaderboard .leaderboard-container .leaderboard-table .deal-square{width:25px;height:25px}}@media (max-width: 480px){.leaderboard .leaderboard-container{padding:8px}.leaderboard .leaderboard-container h1{font-size:20px;margin:8px 0}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters{padding:10px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters select,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters input,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .date-input{padding:10px;font-size:16px}.leaderboard .leaderboard-container .leaderboard-legend{padding:10px;gap:8px}.leaderboard .leaderboard-container .leaderboard-legend .legend-item{font-size:11px;gap:4px;flex:0 0 calc(50% - 4px);min-width:100px;max-width:calc(50% - 4px)}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row{padding:10px;gap:6px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-rank{top:6px;left:6px;font-size:12px;padding:1px 4px;z-index:10}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-name{font-size:16px;padding:6px 10px;margin-bottom:6px;width:100%;margin-top:25px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-deals .deals-container{gap:2px;min-height:18px;margin-bottom:6px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-deals .front-gross-prominent{font-size:16px;padding:6px;margin-bottom:6px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats{gap:6px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item{font-size:12px;padding:4px}.leaderboard .leaderboard-container .leaderboard-table .deal-square{width:25px;height:25px}}@media (max-width: 360px){.leaderboard .leaderboard-container{padding:5px}.leaderboard .leaderboard-container h1{font-size:18px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters{padding:8px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters select,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters input,.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .date-input{padding:8px;font-size:14px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row{padding:8px;gap:4px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-name{font-size:14px;padding:4px 8px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-deals .front-gross-prominent{font-size:14px;padding:4px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item{font-size:11px;padding:3px}.leaderboard .leaderboard-container .leaderboard-table .deal-square{width:25px;height:25px}}@page{size:landscape;margin:.25cm}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body,#root{margin:0!important;padding:0!important;background:#ffffff!important;width:100%!important;height:auto!important;overflow:visible!important}button,nav,.navbar,.date-and-settings-container,.print-controls,.print-control-container,.print-button,.standalone-print-button,footer{display:none!important}.tickpage,.summarypage{padding:0!important;background:#ffffff!important}.tick-container{padding:0!important;max-width:100%!important}.tick-container .team-section{margin-bottom:6px!important;page-break-inside:avoid!important;break-inside:avoid!important}.tick-container .team-section h1{margin:0 0 4px!important;padding:0 0 2px!important;border-bottom:1px solid #e5e5e5!important;font-size:9pt!important;line-height:1.02!important}.tick-container .store-totals{margin:0 0 10px!important;page-break-inside:avoid!important}.tick-container .ticktotal .total-title{padding-bottom:3px!important;font-size:8.5pt!important}.tick-container .ticktotal .totals{padding:3px 5px!important;gap:6px!important;box-shadow:none!important;border:1px solid #eaeaea!important}.tick-container .ticktotal .totals .total-section label,.tick-container .ticktotal .totals .total-section span{font-size:7pt!important}.tick-container .tick-table{width:100%!important;border:1px solid #eaeaea!important;box-shadow:none!important;overflow:visible!important;page-break-inside:avoid!important}.tick-container .tick-table-header,.tick-container .tick-table .team-members,.tick-container .tick-table .team-members .tickstats-container,.tick-container .tick-table .team-members .tickstats-container .tick-table-row,.tick-container .team-total .team-total-row{width:100%!important;min-width:0!important;padding:2px 4px!important;page-break-inside:avoid!important;box-sizing:border-box!important}.tick-container .tick-table .tick-table-header.tick-table-header,.tick-container .tick-table .team-members.team-members,.tick-container .tick-table .team-members .tickstats-container.tickstats-container,.tick-container .tick-table .team-members .tickstats-container .tick-table-row.tick-table-row,.tick-container .team-total .team-total-row.team-total-row{width:100%!important;min-width:100%!important}.tick-container .tick-table-header .header-cell,.tick-container .tick-table-row .table-cell{flex:none!important;text-align:center!important;padding:0 1px!important;font-size:7pt!important;line-height:1.05!important;white-space:nowrap!important;box-sizing:border-box!important;min-width:0!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}.tick-container .tick-table-header .header-cell.name-cell,.tick-container .tick-table-row .table-cell.name-cell{text-align:left!important}.tick-container .tick-table-header .header-cell.header-cell,.tick-container .tick-table-row .table-cell.table-cell,.tick-container .tick-table-header .header-cell.name-cell.name-cell,.tick-container .tick-table-row .table-cell.name-cell.name-cell{width:auto!important}.tick-container .tick-table-header,.tick-container .tick-table-row,.tick-container .team-total .team-total-row{display:grid!important;grid-template-columns:22% repeat(9,8.6667%)!important;column-gap:0!important;align-items:center!important}.tick-container .tickstats-container{display:block!important;padding:0!important}.tick-container .tick-table .team-members{padding:0!important;margin:0!important}.tick-container .tick-table-header{color:#fff!important}.tick-container .team-members .tickstats-container{border-bottom:1px solid #eeeeee!important;background:#ffffff!important}.tick-container .team-members .tickstats-container:last-child{border-bottom:none!important}.tick-container .team-total .team-total-row{background:#c2c4c5!important;border-top:1px solid #a8a9aa!important;font-weight:700!important;color:#333!important}.tick-container .tick-table,.tick-container .team-members,.tick-container .tickstats-container,.tick-container .tick-table-row{page-break-inside:avoid!important;break-inside:avoid!important}.tick-container .summary-table{width:100%!important;border:1px solid #eaeaea!important;box-shadow:none!important;overflow:visible!important;page-break-inside:avoid!important}.tick-container .summary-table-header,.tick-container .summary-table .team-members,.tick-container .summary-table .team-members .summarystats-container,.tick-container .summary-table .team-members .summarystats-container .summary-table-row,.summarypage .tick-container .team-total .team-total-row{width:100%!important;min-width:0!important;padding:2px 3px!important;page-break-inside:avoid!important;box-sizing:border-box!important}.tick-container .summary-table .summary-table-header.summary-table-header,.tick-container .summary-table .team-members.team-members,.tick-container .summary-table .team-members .summarystats-container.summarystats-container,.tick-container .summary-table .team-members .summarystats-container .summary-table-row.summary-table-row,.summarypage .tick-container .team-total .team-total-row.team-total-row{width:100%!important;min-width:100%!important}.tick-container .summary-table-header .header-cell,.tick-container .summary-table-row .table-cell{flex:none!important;text-align:center!important;padding:0 2px!important;font-size:7pt!important;line-height:1.08!important;white-space:nowrap!important;box-sizing:border-box!important;min-width:0!important;display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}.tick-container .summary-table-header .header-cell.name-cell,.tick-container .summary-table-row .table-cell.name-cell{text-align:left!important}.tick-container .summary-table-header,.tick-container .summary-table-row,.summarypage .tick-container .team-total .team-total-row{display:grid!important;grid-template-columns:22% repeat(7,11.1429%)!important;column-gap:0!important;align-items:center!important}.tick-container .summary-table-header{position:static!important;top:auto!important}.tick-container .summary-table .team-members{padding:0!important;margin:0!important}.tick-container .summary-table-header{color:#fff!important}.tick-container .summary-table .team-members .summarystats-container{border-bottom:1px solid #eeeeee!important;background:#ffffff!important}.tick-container .summary-table .team-members .summarystats-container:last-child{border-bottom:none!important}.summarypage .tick-container .team-total .team-total-row{background:#c2c4c5!important;border-top:1px solid #a8a9aa!important;font-weight:700!important;color:#333!important}.tick-container .summary-table,.tick-container .summary-table .team-members,.tick-container .summary-table .summarystats-container,.tick-container .summary-table-row{page-break-inside:avoid!important;break-inside:avoid!important}.summarypage .team-section{margin-bottom:8px!important}.summarypage .team-section h1{margin:0 0 4px!important;padding:0 0 2px!important;border-bottom:1px solid #e5e5e5!important;font-size:9pt!important;line-height:1.04!important}.tick-container .summarytotal{margin:0 0 10px!important;page-break-inside:avoid!important}.tick-container .summarytotal .summary-title h3{margin:0 0 4px!important;padding:0 0 2px!important;border-bottom:1px solid #e5e5e5!important;font-size:9pt!important;line-height:1.04!important}.tick-container .summarytotal .summary-container{padding:3px 5px!important;gap:6px!important;box-shadow:none!important;border:1px solid #eaeaea!important;grid-template-columns:repeat(3,1fr)!important}.tick-container .summarytotal .total-title h4{font-size:8pt!important;margin:0!important;text-decoration:none!important}.tick-container .summarytotal .total-numbers{gap:4px!important;padding:2px 0!important}.tick-container .summarytotal .total-numbers label,.tick-container .summarytotal .total-numbers span{font-size:7pt!important}.tick-container .summary-table-row .vacation-input{border:none!important;background:transparent!important;box-shadow:none!important;width:auto!important;padding:0!important;margin:0!important;color:#333!important;-webkit-appearance:none!important;-moz-appearance:textfield!important;appearance:none!important}}