@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}.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:30px}.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}}.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 input{width:60px;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 .section span{font-size:15px;margin-right:5px}.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}.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}.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}.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}.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 .section{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.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 .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 .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 .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{background:#ffffff;border-radius:8px;padding:12px 16px;margin:8px 0;box-shadow:0 2px 4px #0000001a}@media (max-width: 600px){.tickstats-container{padding:10px 12px}}@media (min-width: 601px) and (max-width: 768px){.tickstats-container{padding:12px 14px}}.tickstats-container .employee-info{display:flex;align-items:center;gap:24px}@media (max-width: 1024px) and (min-width: 769px){.tickstats-container .employee-info{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width: 768px){.tickstats-container .employee-info{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width: 600px){.tickstats-container .employee-info{flex-direction:column;align-items:flex-start;gap:12px}}.tickstats-container .employee-info h3{margin:0;min-width:150px;color:#333;font-size:1.1rem}@media (max-width: 1024px) and (min-width: 769px){.tickstats-container .employee-info h3{min-width:100%;margin-bottom:10px;font-size:1.05rem}}@media (max-width: 768px){.tickstats-container .employee-info h3{min-width:100%;margin-bottom:8px}}@media (max-width: 600px){.tickstats-container .employee-info h3{font-size:1rem}}.tickstats-container .employee-info .stats-grid{display:flex;align-items:center;gap:24px;flex-grow:1}@media (max-width: 1024px) and (min-width: 769px){.tickstats-container .employee-info .stats-grid{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:16px}}@media (max-width: 768px){.tickstats-container .employee-info .stats-grid{width:100%;flex-wrap:wrap;justify-content:space-between;gap:12px}}@media (max-width: 600px){.tickstats-container .employee-info .stats-grid{width:100%;justify-content:space-between;gap:10px}}.tickstats-container .employee-info .stats-grid .stat-item{display:flex;align-items:center;gap:8px}@media (max-width: 1024px) and (min-width: 769px){.tickstats-container .employee-info .stats-grid .stat-item{min-width:calc(50% - 16px);margin-bottom:10px}}@media (max-width: 768px){.tickstats-container .employee-info .stats-grid .stat-item{min-width:calc(50% - 12px);margin-bottom:8px}}@media (max-width: 600px){.tickstats-container .employee-info .stats-grid .stat-item{min-width:calc(50% - 10px)}}.tickstats-container .employee-info .stats-grid .stat-item label{color:#444;font-size:.9rem;white-space:nowrap}@media (max-width: 600px){.tickstats-container .employee-info .stats-grid .stat-item label{font-size:.85rem}}.tickstats-container .employee-info .stats-grid .stat-item span{font-weight:600;color:#333;min-width:30px;text-align:right}.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 .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){.ticktotal .totals{flex-wrap:wrap;gap:16px}}@media (max-width: 600px){.ticktotal .totals{padding:10px 12px;flex-direction:column;align-items:flex-start;gap:12px}}.ticktotal .totals .total-section{display:flex;align-items:center;gap:8px}@media (max-width: 600px){.ticktotal .totals .total-section{width:100%;justify-content:space-between}}.ticktotal .totals .total-section label{color:#666;font-size:.9rem;white-space:nowrap}@media (max-width: 600px){.ticktotal .totals .total-section label{font-size:.85rem}}.ticktotal .totals .total-section span{font-weight:600;color:#333;min-width:30px;text-align:right}*{margin:0;padding:0}.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%}}.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:100%;justify-content:space-between;padding:10px 15px}.tick-container .working-days-settings.editing{flex-direction:column;align-items:stretch}.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:10px}.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}.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}.tick-container .working-days-settings .settings-header .settings-buttons{display:flex;gap:8px;margin-left:8px}.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:10px}}.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:.9rem}}.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:50px;padding:3px 5px;font-size:.9rem}}.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:25px}}.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}.tick-container .date-picker-container:hover{box-shadow:0 2px 6px #00000026}.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:50%;transform:translate(-50%);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}@media (min-width: 768px){.tick-container .date-picker-dropdown{flex-direction:row;gap:20px}}@media (max-width: 767px){.tick-container .date-picker-dropdown{left:0;transform:none;width:300px}}.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.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}.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{background:#ffffff;border-radius:8px;padding:12px 16px;margin:8px 0;box-shadow:0 2px 4px #0000001a}@media (max-width: 600px){.summarystats-container{padding:10px 12px}}@media (min-width: 601px) and (max-width: 768px){.summarystats-container{padding:12px 14px}}.summarystats-container .employee-info{display:flex;align-items:center;gap:24px}@media (max-width: 1024px) and (min-width: 769px){.summarystats-container .employee-info{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width: 768px){.summarystats-container .employee-info{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width: 600px){.summarystats-container .employee-info{flex-direction:column;align-items:flex-start;gap:12px}}.summarystats-container .employee-info h3{margin:0;min-width:150px;color:#333;font-size:1.1rem}@media (max-width: 1024px) and (min-width: 769px){.summarystats-container .employee-info h3{min-width:100%;margin-bottom:10px;font-size:1.05rem}}@media (max-width: 768px){.summarystats-container .employee-info h3{min-width:100%;margin-bottom:8px}}@media (max-width: 600px){.summarystats-container .employee-info h3{font-size:1rem}}.summarystats-container .employee-info .stats-grid{display:flex;align-items:center;gap:24px;flex-grow:1}@media (max-width: 1024px) and (min-width: 769px){.summarystats-container .employee-info .stats-grid{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:16px}}@media (max-width: 768px){.summarystats-container .employee-info .stats-grid{width:100%;flex-wrap:wrap;justify-content:space-between;gap:12px}}@media (max-width: 600px){.summarystats-container .employee-info .stats-grid{width:100%;justify-content:space-between;gap:10px}}.summarystats-container .employee-info .stats-grid .stat-item{display:flex;align-items:center;gap:8px}@media (max-width: 1024px) and (min-width: 769px){.summarystats-container .employee-info .stats-grid .stat-item{min-width:calc(50% - 16px);margin-bottom:10px}}@media (max-width: 768px){.summarystats-container .employee-info .stats-grid .stat-item{min-width:calc(50% - 12px);margin-bottom:8px}}@media (max-width: 600px){.summarystats-container .employee-info .stats-grid .stat-item{min-width:calc(50% - 10px)}}.summarystats-container .employee-info .stats-grid .stat-item label{color:#444;font-size:.9rem;white-space:nowrap}@media (max-width: 600px){.summarystats-container .employee-info .stats-grid .stat-item label{font-size:.85rem}}.summarystats-container .employee-info .stats-grid .stat-item span{font-weight:600;color:#333;min-width:30px;text-align:right}.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 .team-section{margin-bottom:40px}.tick-container .team-section h1{margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #eee}@media (max-width: 600px){.tick-container .team-section h1{font-size:1.5rem;margin-bottom:15px}}.tick-container .team-total{margin-top:20px;padding-top:16px;border-top:1px solid #eee}.tick-container .team-total h3{color:#333;font-size:1.1rem;margin:0}@media (max-width: 600px){.tick-container .team-total h3{font-size:1rem}}.tick-container .team-total .stats-grid{display:flex;align-items:center;gap:24px;margin-top:12px}@media (max-width: 768px){.tick-container .team-total .stats-grid{flex-wrap:wrap;gap:16px}}@media (max-width: 600px){.tick-container .team-total .stats-grid{flex-direction:column;align-items:flex-start;gap:10px}}.tick-container .team-total .stats-grid .stat-item{display:flex;align-items:center;gap:8px}.tick-container .team-total .stats-grid .stat-item label{color:#666;font-size:.9rem;white-space:nowrap}@media (max-width: 600px){.tick-container .team-total .stats-grid .stat-item label{font-size:.85rem}}.tick-container .team-total .stats-grid .stat-item span{font-weight:700;color:#333;min-width:30px;text-align:right}.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:20px;box-sizing:border-box}@media (max-width: 600px){.trade{padding:15px 10px}}.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:20px}@media (max-width: 600px){.trade .trade-title{font-size:1.5rem;margin-bottom:15px}}.trade .trade-totals{margin-top:20px;width:100%}.trade .trade-totals .totals-container{display:flex;gap:24px;background-color:#fff;padding:12px 16px;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:16px;padding:12px}}@media (max-width: 600px){.trade .trade-totals .totals-container{flex-direction:column;align-items:stretch;gap:12px;padding:16px;min-height:auto}}.trade .trade-totals h3{margin:0;min-width:150px;color:#333;font-size:1.1rem;padding:6px 0}@media (max-width: 768px){.trade .trade-totals h3{min-width:100%;margin-bottom:8px}}@media (max-width: 600px){.trade .trade-totals h3{font-size:1rem;min-width:auto;margin-bottom:8px;text-align:center;width:100%}}.trade .trade-totals .totals-section{display:flex;align-items:center;gap:8px;flex:1}@media (max-width: 600px){.trade .trade-totals .totals-section{justify-content:space-between;align-items:center;gap:8px;flex-direction:row;padding:8px 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:.9rem;white-space:nowrap}@media (max-width: 600px){.trade .trade-totals .totals-section label{font-size:.9rem;font-weight:500}}.trade .trade-totals .totals-section span{font-weight:600;color:#333;min-width:30px;text-align:right}@media (max-width: 600px){.trade .trade-totals .totals-section span{font-size:1rem;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{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{flex:1;min-width:200px;width:100%;max-width:none}}.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}.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}.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}.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}.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}.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 .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 .label-row .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 .label-row .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 .label-row .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 .label-row .fullsection{min-width:0;flex:3}.potofgold .potofgoldcontainer .label-row .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 .label-row{font-size:12px}.potofgold .potofgoldcontainer .label-row .fullsection{min-width:0;padding:2px 5px;flex:2}.potofgold .potofgoldcontainer .label-row .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 .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 .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 .section:last-child{border-right:none;font-weight:700;color:#007bff}.employee-row:last-child .section,.employee-row:last-child .fullsection{border-bottom:none}.not-qualified{opacity:.6}.disqualified-label{font-size:.8em;color:#ff6b6b;margin-left:5px}@media (max-width: 768px){.employee-row .fullsection{padding:10px;flex:3}.employee-row .section{padding:10px 3px;flex:2}}@media (max-width: 480px){.employee-row{font-size:13px}.employee-row .fullsection{padding:8px 5px;flex:2}.employee-row .section{padding:8px 3px;flex:1}}