@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;border-bottom:1px solid var(--color-border);position:sticky;top:0;background-color:var(--color-bg-card);color:var(--color-text-primary);z-index:999}.navbar .left{display:flex;align-items:center;gap:24px;background-color:transparent;position:relative;min-width:0}.navbar .left span{background-color:transparent;cursor:pointer;font-size:13px;font-family:var(--font-family)}.navbar .left .navbar-logo-wrap{display:flex;align-items:center;min-width:120px;flex-shrink:0}.navbar .left img{max-height:36px;width:auto;object-fit:contain;background-color:transparent;flex-shrink:0}.navbar .left a{background-color:transparent}.navbar .left .nav-link{color:var(--color-text-secondary);text-underline-offset:5px;font-size:13px;font-weight:500;transition:color .15s ease;padding:6px 10px;border-radius:var(--radius-xs);position:relative;white-space:nowrap}.navbar .left .nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-subtle)}.navbar .left .nav-link.active{color:var(--primary-color);font-weight:600}.navbar .left .nav-link.active:after{content:"";position:absolute;bottom:-3px;left:10px;right:10px;height:2px;background-color:var(--primary-color);border-radius:1px}.navbar .left .nav-links{display:flex;align-items:center;gap:2px}.navbar .left .nav-links .mobile-menu-header{display:none}@media (max-width: 1024px){.navbar .left .nav-links{position:fixed;top:52px;left:0;right:0;width:100%;height:auto;background-color:var(--color-bg-card);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:6px 0 12px;gap:2px;border-bottom:1px solid var(--color-border);box-shadow:0 8px 24px #00000012;z-index:998;transform:translateY(-6px);opacity:0;pointer-events:none;visibility:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s linear .25s}.navbar .left .nav-links.active{transform:translateY(0);opacity:1;pointer-events:auto;visibility:visible;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,visibility 0s linear 0s}.navbar .left .nav-links .mobile-menu-header{display:none}.navbar .left .nav-links .nav-link{width:100%;padding:10px 20px;border-radius:0;color:var(--color-text-secondary)}.navbar .left .nav-links .nav-link:hover{background-color:var(--color-bg-subtle);color:var(--color-text-primary)}.navbar .left .nav-links .nav-link:after{display:none}.navbar .left .nav-links .nav-link span{font-size:13px;font-weight:500}}.navbar .right{display:flex;align-items:center;gap:12px;background-color:transparent;z-index:1000}.navbar .right .profile-link{color:var(--color-text-secondary);text-decoration:none;background-color:transparent;transition:color .15s ease;font-size:13px;font-weight:500}.navbar .right .profile-link:hover{color:var(--color-text-primary);text-decoration:underline}.navbar .right .profile-link span{background-color:transparent}.navbar .right .hamburger-menu{display:none;cursor:pointer;background-color:transparent;z-index:1001;min-width:44px;min-height:44px;align-items:center;justify-content:center}@media (max-width: 1024px){.navbar .right .hamburger-menu{display:flex}}.navbar .right .hamburger-menu .hamburger{width:20px;height:16px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.navbar .right .hamburger-menu .hamburger .bar{display:block;width:100%;height:2px;background-color:var(--color-text-secondary);transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s ease,width .28s ease;border-radius:2px;transform-origin:center;position:relative}.navbar .right .hamburger-menu .hamburger.open .bar:nth-child(1){transform:translateY(7px) rotate(45deg);background-color:var(--color-text-primary)}.navbar .right .hamburger-menu .hamburger.open .bar:nth-child(2){opacity:0;transform:scaleX(0)}.navbar .right .hamburger-menu .hamburger.open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);background-color:var(--color-text-primary)}.navbar .right .logout{cursor:pointer;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:13px;font-family:var(--font-family);font-weight:500;padding:5px 12px;min-height:30px;border-radius:var(--radius-sm);transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.navbar .right .logout:hover{border-color:var(--color-text-primary);color:var(--color-text-primary);background-color:var(--color-bg-subtle)}.navbar .right .logout svg{font-size:15px}.navbar .right span{background-color:transparent}.navbar .right .user{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px;color:var(--color-text-primary)}.navbar .mobile-overlay{display:none;pointer-events:none}@media (max-width: 1024px){.navbar .mobile-overlay{display:block;position:fixed;top:52px;left:0;width:100%;height:calc(100% - 52px);background-color:#0000;z-index:997;transition:background-color .25s ease}.navbar .mobile-overlay.active{pointer-events:auto;background-color:#0003}}@media (max-width: 1400px) and (min-width: 1025px){.navbar .left{gap:16px}.navbar .left span{font-size:13px}.navbar .left .nav-links{gap:2px}}@media (max-width: 1200px) and (min-width: 1025px){.navbar .left{gap:10px}.navbar .left span{font-size:12px}.navbar .left .nav-links{gap:1px}.navbar .left .nav-link{font-size:12px;padding:5px 8px}.navbar .left img{max-height:30px}.navbar .right{gap:10px}.navbar .right span{font-size:12px}}@media (max-width: 768px){.navbar .left{font-size:12px}}@media (max-width: 576px){.navbar{padding:0 16px;height:48px}.navbar .left span{display:block}.navbar .left img{max-height:28px}.navbar .left .nav-links{top:48px}.navbar .right span{font-size:12px}.navbar .right .logout{font-size:12px;padding:4px 10px;min-height:28px}.navbar .right .hamburger-menu .hamburger{width:18px;height:14px}.navbar .right .hamburger-menu .hamburger.open .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar .right .hamburger-menu .hamburger.open .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar .mobile-overlay{top:48px;height:calc(100% - 48px)}}.login{height:100vh;background-color:#6c6c6c94;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:var(--primary-color);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:var(--primary-color);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:var(--primary-hover);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:var(--primary-active)}.login .card .right .microsoft-login-wrapper .microsoft-login-button:active:not(:disabled){background-color:var(--primary-active)}.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 var(--primary-active);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:var(--color-bg-card);padding:var(--spacing-card);padding-top:10px;border-radius:var(--radius-card);box-shadow:var(--shadow-md);border:1px solid var(--color-border);width:900px;max-width:90%;margin:30px auto;box-sizing:border-box;max-height:90vh;overflow-y:auto;font-family:var(--font-family)}.create-container::-webkit-scrollbar{width:6px}.create-container::-webkit-scrollbar-track{background:var(--color-bg-subtle);border-radius:10px}.create-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}.create-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.modal-overlay .create-container{margin:0 auto;max-width:90%}.create-container h1{background-color:transparent;margin:15px 0;text-align:center;color:var(--color-text-primary);font-size:22px;font-weight:600}.create-container .row{display:flex;align-items:center;justify-content:space-between;width:550px;margin:16px;background-color:transparent}.create-container .row label{background-color:transparent;font-size:16px;font-weight:500;color:var(--color-text-primary)}.create-container .row select{width:175px;padding:8px 12px;background-color:var(--color-bg-card);border:1px solid var(--color-border);text-align:center;font-size:14px;border-radius:var(--radius-sm);font-family:var(--font-family);color:var(--color-text-primary);transition:border-color .15s ease}.create-container .row select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff26}.create-container .row input{width:164px;padding:8px 12px;background-color:var(--color-bg-card);border:1px solid var(--color-border);text-align:center;font-size:14px;border-radius:var(--radius-sm);font-family:var(--font-family);color:var(--color-text-primary);transition:border-color .15s ease}.create-container .row input[type=date]{width:175px;padding:7px 12px;text-align:left}.create-container .row input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff26}.create-container .close{margin:16px;align-self:flex-end;color:var(--color-text-secondary);cursor:pointer;background-color:transparent;font-size:22px;transition:color .15s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:flex-end}.create-container .close:hover{color:var(--color-text-primary)}.create-container .submit{background-color:transparent;width:100%;display:flex;justify-content:center;gap:16px}.create-container button{margin:24px 8px;width:180px;height:44px;border-radius:var(--radius-sm);background-color:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.create-container button:hover{background-color:var(--color-hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.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:16px;margin:15px auto;border-radius:var(--radius-card);box-sizing:border-box}.create-container h1{font-size:20px;margin:10px 0 18px}.create-container .row{width:100%;flex-direction:column;align-items:flex-start;margin:12px 0;gap:8px;box-sizing:border-box}.create-container .row label{font-size:15px;margin-bottom:4px;width:100%;box-sizing:border-box}.create-container .row select,.create-container .row input{width:100%;padding:10px 12px;font-size:15px;border-radius:var(--radius-sm);border:1px solid var(--color-border);box-sizing:border-box;max-width:100%}.create-container .row select[type=date],.create-container .row input[type=date]{padding:9px 12px;font-family:inherit}.create-container .close{margin:8px;font-size:26px}.create-container .submit{margin-top:16px;flex-direction:column;align-items:center;gap:10px}.create-container button{width:100%;max-width:300px;margin:8px 0;height:44px;font-size:15px}}@media (max-width: 480px){.create-container{width:98%;padding:12px;margin:10px auto;box-sizing:border-box}.create-container h1{font-size:18px;margin:8px 0 14px}.create-container .row{margin:10px 0;gap:6px;width:100%;box-sizing:border-box}.create-container .row label{font-size:14px}.create-container .row select,.create-container .row input{padding:9px 10px;font-size:14px;width:100%;box-sizing:border-box;max-width:100%}.create-container .row select[type=date],.create-container .row input[type=date]{padding:8px 10px;font-family:inherit}.create-container .close{margin:6px;font-size:22px}.create-container button{height:44px;font-size:14px;margin:12px 0}}.deal-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg-card);padding:var(--spacing-card);border-radius:var(--radius-sm);box-shadow:none;border:1px solid var(--color-border);width:100%;max-width:500px;min-width:450px;margin:5px 0;flex:1 0 450px;box-sizing:border-box;transition:border-color .15s ease}.deal-container:hover{border-color:var(--primary-color)}.edit{margin:2px;align-self:flex-end}.edit button{background-color:transparent;padding:4px 8px;border-radius:var(--radius-sm);color:var(--primary-color);border:1px solid var(--primary-color);cursor:pointer;font-size:12px;font-family:var(--font-family);transition:all .2s ease;min-width:44px;min-height:32px}.edit button:hover{background-color:var(--primary-color);color:#fff}.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;font-family:var(--font-family)}.desc-cell{flex:1;padding:0;font-size:12px;height:15px;opacity:30%;color:var(--color-text-secondary);min-width:0}.cell{flex:1;margin-top:15px;padding:15px;background-color:var(--color-bg-card);border:1px solid var(--color-border);font-size:12px;border-radius:var(--radius-xs);height:5px;min-width:0;color:var(--color-text-primary);font-weight:500;transition:background-color .15s ease}.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:16px}.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}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;width:100%;min-height:200px}.loading-spinner.compact{min-height:unset;padding:6px 0;flex-direction:row;gap:8px}.loading-spinner .loading-message{color:#666;font-size:14px;font-weight:500;letter-spacing:.3px}.deals{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 16px;font-family:var(--font-family)}.deals>div.deal-container{width:450px;margin:0}.deals .date{display:flex;align-items:center;justify-content:center;gap:15px;position:relative;width:100%;margin-bottom:20px}.deals .date h1{color:var(--color-text-primary);font-size:24px;font-weight:700}.deals .date .arrow{cursor:pointer;color:var(--color-text-secondary);transition:color .15s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.deals .date .arrow:hover{color:var(--primary-color)}.deals .date .calendar-icon{cursor:pointer;color:var(--color-text-secondary);transition:color .15s ease}.deals .date .calendar-icon:hover{color:var(--primary-color)}.deals .date .calendar-container{position:absolute;top:40px;z-index:1000;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-md)}.deals .finance-managers-section{width:100%;margin-bottom:15px;padding:10px 0}.deals .finance-managers-section .finance-managers-row{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap}.deals .finance-managers-section .finance-managers-row .fm-dropdown{display:flex;align-items:center;gap:8px}.deals .finance-managers-section .finance-managers-row .fm-dropdown label{font-weight:500;color:var(--color-text-secondary);font-size:14px;white-space:nowrap}.deals .finance-managers-section .finance-managers-row .fm-dropdown select{padding:7px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background-color:var(--color-bg-card);cursor:pointer;transition:border-color .2s;min-width:150px;color:var(--color-text-primary);font-family:var(--font-family)}.deals .finance-managers-section .finance-managers-row .fm-dropdown select:hover{border-color:var(--primary-color)}.deals .finance-managers-section .finance-managers-row .fm-dropdown select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff26}.deals .finance-managers-section .delivered-counts{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.deals .finance-managers-section .delivered-counts span{font-size:12px;color:var(--color-text-secondary)}.deals .finance-managers-section .delivered-counts span strong{color:var(--color-text-primary);font-weight:600}.deals .finance-managers-section .delivered-counts .total{padding-left:8px;border-left:1px solid var(--color-border)}@media (max-width: 768px){.deals{gap:12px}.deals>div.deal-container{width:400px}.deals .finance-managers-section .finance-managers-row .fm-dropdown select{min-width:130px}}@media (max-width: 574px){.deals{padding:0 8px}.deals>div.deal-container{width:100%;margin:0}.deals .finance-managers-section .finance-managers-row{flex-direction:column;gap:10px;align-items:stretch}.deals .finance-managers-section .finance-managers-row .fm-dropdown{width:100%}.deals .finance-managers-section .finance-managers-row .fm-dropdown select{min-width:unset;width:100%}.date h1{font-size:18px}}.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:var(--primary-color);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:var(--color-bg-app);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:color-mix(in srgb,var(--primary-color) 33%,transparent);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:var(--primary-color);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:var(--primary-color);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:var(--primary-color);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:var(--primary-hover);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:var(--primary-active)}.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 var(--primary-active);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:var(--primary-color);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:var(--color-bg-app);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%;font-family:var(--font-family)}.hog .view-toggle-container{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0}.hog .view-toggle-container .toggle-label{font-size:14px;font-weight:500;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}@media (max-width: 768px){.hog .view-toggle-container .toggle-label{font-size:13px}}.hog .view-toggle-container .toggle-switch{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.hog .view-toggle-container .toggle-switch input[type=checkbox]{opacity:0;width:0;height:0}.hog .view-toggle-container .toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:var(--primary-color)}.hog .view-toggle-container .toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px)}.hog .view-toggle-container .toggle-switch .toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);border-radius:26px;transition:.3s}.hog .view-toggle-container .toggle-switch .toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.hog .view-toggle-container .toggle-switch:hover .toggle-slider{box-shadow:0 0 4px #00000026}@media (max-width: 768px){.hog .view-toggle-container .toggle-switch{width:44px;height:22px}.hog .view-toggle-container .toggle-switch .toggle-slider:before{height:16px;width:16px}.hog .view-toggle-container .toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(22px)}}.hog .employee-search{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;padding:10px 14px;border-radius:var(--radius-sm);box-shadow:none}.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:12px}.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:18px;cursor:pointer;color:var(--color-text-muted);font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.hog .search-container .clear-search:hover{color:var(--color-text-secondary)}.hog .customer-search{padding:10px 14px;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-family);width:100%;color:var(--color-text-primary);background-color:var(--color-bg-card);transition:border-color .15s ease}.hog .customer-search:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff26}.hog select{padding:10px 14px;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-family);cursor:pointer;color:var(--color-text-primary);background-color:var(--color-bg-card);transition:border-color .15s ease}.hog select:focus{outline:none;border-color:var(--primary-color)}.hog button{padding:10px 16px;border:1px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--primary-color);cursor:pointer;background-color:transparent;font-size:14px;font-weight:500;font-family:var(--font-family);transition:all .2s ease;min-height:44px}.hog button:hover{background-color:var(--primary-color);color:#fff}.hog .no-deals{margin-top:20px;text-align:center;padding:24px;background-color:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);color:var(--color-text-secondary)}.hog .pagination-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0}.hog .pagination-container .pagination-arrow{padding:4px 8px;font-size:18px;line-height:1;border:none;background:transparent;color:var(--primary-color);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.hog .pagination-container .pagination-arrow:hover:not(:disabled){color:var(--primary-hover)}.hog .pagination-container .pagination-arrow:disabled{opacity:.3;cursor:not-allowed}.hog .pagination-container .pagination-info{font-size:14px;color:var(--color-text-secondary);margin:0 4px}.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}}.date-range{display:flex;align-items:center;margin:0 10px;font-family:var(--font-family)}.date-range .date-input{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;width:140px;color:var(--color-text-primary);background-color:var(--color-bg-card);font-family:var(--font-family)}.date-range .date-separator{margin:0 10px;font-weight:600;color:var(--color-text-secondary)}.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:12px;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 var(--primary-color)}.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:12px;padding:2px;box-sizing:border-box}.hogdeal.header-row .section,.hogdeal.header-row .small-section{background-color:var(--primary-color);color:#fff;font-weight:500;border-bottom:none}.hogdeal.header-row .section.sortable,.hogdeal.header-row .small-section.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s}.hogdeal.header-row .section.sortable:hover,.hogdeal.header-row .small-section.sortable:hover{background-color:var(--primary-hover)}.hogdeal.header-row .section.sortable:active,.hogdeal.header-row .small-section.sortable:active{background-color:var(--primary-active)}.hogdeal.header-row .section.sortable.active,.hogdeal.header-row .small-section.sortable.active{background-color:#000;color:#fff}.hogdeal.header-row .section.sortable.active:hover,.hogdeal.header-row .small-section.sortable.active:hover,.hogdeal.header-row .section.sortable.active:active,.hogdeal.header-row .small-section.sortable.active:active{background-color:#000}@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:5px;padding:1px}.hogdeal .section input{width:25px;height:10px;font-size:5px;outline:none}.hogdeal .section span{font-size:5px;margin-right:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hogdeal .small-section{min-width:20px;height:22px;font-size:4px;padding:1px}}.managerpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--color-bg-app);padding:20px;overflow:auto;min-height:100vh;width:100%;box-sizing:border-box}.managerpage .managerpage-container{width:100%;max-width:1400px;display:flex;flex-direction:column;gap:var(--gap-grid)}.managerpage .managers-layout{display:flex;flex-direction:column;gap:var(--gap-grid);width:100%}.managerpage .managers-left,.managerpage .managers-right{display:flex;flex-direction:column;gap:var(--gap-grid)}.managerpage .managers-left>*,.managerpage .managers-right>*{margin-top:0}@media (min-width: 1024px){.managerpage{padding:24px 40px}.managerpage .managers-layout{display:grid;grid-template-columns:55fr 45fr;gap:var(--gap-grid);align-items:start}}@media (max-width: 480px){.managerpage{padding:10px 5px}}@media (min-width: 481px) and (max-width: 768px){.managerpage{padding:15px 10px}}@media (min-width: 769px) and (max-width: 1023px){.managerpage{padding:20px 15px}}.permissions{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg-card);padding:var(--spacing-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);width:100%;max-width:900px;margin:20px 0;box-sizing:border-box;font-family:var(--font-family)}.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:26px;margin:15px 0 10px;color:var(--color-text-primary);text-align:center;width:100%;font-weight:700}.permissions h2{font-size:20px;margin:15px 0 10px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding-bottom:6px;text-align:center;width:100%;font-weight:600}.permissions .employees{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:15px;align-items:center}.permissions .inactive-button{color:var(--primary-color);text-decoration:underline;cursor:pointer;font-size:14px;margin:10px 0;padding:8px 16px;border-radius:var(--radius-sm);transition:background-color .15s ease;min-height:44px;display:flex;align-items:center}.permissions .inactive-button:hover{background-color:var(--color-hover-bg)}@media (max-width: 480px){.permissions{padding:14px;margin:10px 0}.permissions .permissions-section,.permissions .team-section{margin-bottom:18px}.permissions h1{font-size:18px;margin:10px 0 8px}.permissions h2{font-size:16px;margin:10px 0 8px}.permissions .inactive-button{font-size:13px;padding:6px 12px}}@media (min-width: 481px) and (max-width: 768px){.permissions{padding:16px;margin:15px 0}.permissions .permissions-section,.permissions .team-section{margin-bottom:20px}.permissions h1{font-size:22px}.permissions h2{font-size:18px}}@media (min-width: 769px) and (max-width: 1024px){.permissions{padding:var(--spacing-card);margin:20px 0}.permissions .permissions-section,.permissions .team-section{margin-bottom:22px}.permissions h1{font-size:24px}.permissions h2{font-size:20px}}.no-employees{padding:15px;text-align:center;color:var(--color-text-secondary);font-style:italic;background-color:var(--color-bg-subtle);border-radius:var(--radius-sm);margin:5px 0;font-size:14px;width:100%;max-width:600px;font-family:var(--font-family)}@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 16px;background-color:var(--color-bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);border:1px solid var(--color-border);margin-bottom:8px;box-sizing:border-box;transition:box-shadow .2s ease,background-color .15s ease;font-family:var(--font-family)}.ep-container:hover{box-shadow:var(--shadow-md);background-color:var(--color-hover-bg)}.ep-container select{min-width:100px;border-radius:var(--radius-sm);padding:6px 10px;text-align:center;font-size:13px;border:1px solid var(--color-border);background-color:var(--color-bg-card);cursor:pointer;color:var(--color-text-primary);font-family:var(--font-family);transition:border-color .15s ease}.ep-container select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff26}.ep-container span{font-size:16px;min-width:150px;font-weight:500;color:var(--color-text-primary);text-align:left}.ep-container button{background-color:var(--primary-color);color:#fff;padding:6px 14px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-family);min-width:90px;height:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease}.ep-container button:hover{background-color:var(--primary-hover)}.ep-container button:active{transform:translateY(1px)}.ep-container button:disabled{background-color:var(--color-text-muted);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:14px;display:flex;justify-content:center;align-items:center;color:var(--color-text-secondary)}.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:14px}.ep-container span{font-size:15px;text-align:center;margin-bottom:4px}.ep-container .right{justify-content:center;gap:6px}.ep-container .right select{flex:1;min-width:80px;max-width:120px;font-size:12px;padding:8px 6px}.ep-container .right button{width:100%;min-width:100%;height:44px;padding:10px;font-size:14px;margin-top:5px}}@media (min-width: 481px) and (max-width: 768px){.ep-container{padding:10px 12px;gap:8px}.ep-container span{font-size:15px;min-width:120px}.ep-container .right{gap:6px}.ep-container .right select{min-width:90px;font-size:12px;padding:5px 8px}.ep-container .right button{padding:5px 10px;font-size:12px;min-width:85px;height:36px}}@media (min-width: 769px) and (max-width: 1024px){.ep-container{padding:12px 14px}.ep-container span{font-size:16px}.ep-container .right{gap:8px}.ep-container .right select{min-width:100px;font-size:13px}.ep-container .right button{padding:6px 12px;font-size:13px;min-width:90px}}.invite-manager{padding:20px;max-width:800px;width:100%;margin:0 auto;background-color:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);box-sizing:border-box;font-family:var(--font-family)}.invite-manager h2{color:var(--color-text-primary);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 var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);background-color:var(--color-bg-subtle);color:var(--color-text-primary)}.invite-manager .invite-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff26;background-color:var(--color-bg-card)}.invite-manager .invite-form button{padding:12px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-family);transition:background-color .2s ease;min-height:44px}.invite-manager .invite-form button:disabled{background-color:var(--color-text-muted);cursor:not-allowed}.invite-manager .invite-form button:hover:not(:disabled){background-color:var(--primary-hover)}.invite-manager .invite-form button:active{transform:translateY(1px)}.invite-manager .message{padding:12px;border-radius:var(--radius-sm);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:var(--color-bg-subtle);border:2px solid var(--primary-color);border-radius:var(--radius-card);padding:20px;margin-bottom:20px}.invite-manager .invite-link-container h3{color:var(--primary-color);margin:0 0 10px;font-size:18px;text-align:center}.invite-manager .invite-link-container p{margin:5px 0;color:var(--color-text-secondary);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 var(--color-border);border-radius:var(--radius-sm);font-size:14px;background-color:var(--color-bg-card);color:var(--color-text-primary);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:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:700;white-space:nowrap;transition:background-color .2s ease;min-height:44px}.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:var(--color-text-secondary);font-style:italic;margin-top:10px;text-align:center}.invite-manager .invites-list h3{color:var(--color-text-primary);margin-bottom:15px;font-size:20px;text-align:center}.invite-manager .invites-list .no-invites{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:20px;background-color:var(--color-bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.invite-manager .invites-list .invite-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:10px;background-color:var(--color-bg-card);transition:background-color .12s ease}.invite-manager .invites-list .invite-item:hover{background-color:var(--color-hover-bg)}.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:var(--color-text-primary);min-width:200px}.invite-manager .invites-list .invite-item .invite-info .status{padding:4px 8px;border-radius:99px;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:var(--color-text-secondary);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:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-xs);cursor:pointer;font-size:12px;font-family:var(--font-family);transition:all .2s ease;white-space:nowrap;min-height:32px}.invite-manager .invites-list .invite-item .copy-link-btn:hover{background-color:var(--primary-color);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:var(--radius-xs);cursor:pointer;font-size:12px;font-family:var(--font-family);transition:all .2s ease;min-height:32px}.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}}.team-editor{padding:var(--spacing-card);max-width:800px;width:100%;margin:0 auto;background-color:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);box-sizing:border-box;font-family:var(--font-family)}.team-editor h2{color:var(--color-text-primary);margin-bottom:8px;font-size:22px;text-align:center;font-weight:700}.team-editor .team-editor-desc{color:var(--color-text-secondary);font-size:14px;text-align:center;margin-bottom:20px}.team-editor .message{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:20px;font-size:14px;font-family:var(--font-family)}.team-editor .message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.team-editor .message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.team-editor .team-editor-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:24px;padding:16px;background-color:var(--color-bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.team-editor .team-editor-form input[type=text]{flex:1;min-width:120px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background-color:var(--color-bg-card);color:var(--color-text-primary);font-family:var(--font-family)}.team-editor .team-editor-form input[type=text]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff26}.team-editor .team-editor-form .color-input-wrap{display:flex;align-items:center;gap:12px}.team-editor .team-editor-form .color-input-wrap input[type=color]{width:36px;height:36px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-bg-card);flex-shrink:0}.team-editor .team-editor-form .color-input-wrap .color-hex{width:80px;height:36px;padding:0 10px;box-sizing:border-box;line-height:36px;font-family:monospace;font-size:13px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);color:var(--color-text-primary)}.team-editor .team-editor-form button[type=submit]{padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-family);height:40px;transition:background-color .2s ease}.team-editor .team-editor-form button[type=submit]:disabled{background-color:var(--color-text-muted);cursor:not-allowed}.team-editor .team-editor-form button[type=submit]:hover:not(:disabled){background-color:var(--primary-hover)}.team-editor .teams-list .loading{color:var(--color-text-secondary);padding:16px;text-align:center;background-color:var(--color-bg-subtle);border-radius:var(--radius-sm)}.team-editor .teams-list .teams-section{margin-bottom:24px}.team-editor .teams-list .teams-section:last-child{margin-bottom:0}.team-editor .teams-list .teams-section h3{color:var(--color-text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.team-editor .teams-list .inactive-teams .team-row{background-color:var(--color-bg-subtle);opacity:.88}.team-editor .teams-list .no-teams{color:var(--color-text-secondary);padding:16px;text-align:center;background-color:var(--color-bg-subtle);border-radius:var(--radius-sm);font-size:14px}.team-editor .teams-list ul{list-style:none;margin:0;padding:0}.team-editor .teams-list .team-row{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:8px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);transition:box-shadow .15s ease,background-color .15s ease}.team-editor .teams-list .team-row:hover{box-shadow:var(--shadow-md)}.team-editor .teams-list .team-row.inactive{opacity:.72;background-color:var(--color-bg-subtle)}.team-editor .teams-list .team-row.editing{flex-wrap:wrap;gap:10px;background-color:var(--color-hover-bg)}.team-editor .teams-list .team-row .color-swatch{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-xs);border:1px solid rgba(0,0,0,.15)}.team-editor .teams-list .team-row .team-name{flex:1;font-weight:500;color:var(--color-text-primary);font-size:15px}.team-editor .teams-list .team-row .inactive-badge{font-size:11px;padding:2px 8px;background-color:var(--color-bg-subtle);color:var(--color-text-secondary);border-radius:99px;border:1px solid var(--color-border)}.team-editor .teams-list .team-row .edit-name{flex:1;min-width:140px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text-primary);font-family:var(--font-family)}.team-editor .teams-list .team-row .edit-name:focus{outline:none;border-color:var(--primary-color)}.team-editor .teams-list .team-row .color-input-wrap{display:flex;align-items:center;gap:12px}.team-editor .teams-list .team-row .color-input-wrap input[type=color]{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-xs)}.team-editor .teams-list .team-row .color-input-wrap .color-hex{width:80px;height:36px;padding:0 10px;box-sizing:border-box;line-height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:monospace;font-size:13px;color:var(--color-text-primary)}.team-editor .teams-list .team-row .row-actions{display:flex;gap:8px;margin-left:auto}.team-editor .teams-list .team-row .edit-btn{padding:6px 12px;background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-xs);cursor:pointer;font-size:12px;font-family:var(--font-family);min-height:32px;transition:all .15s ease}.team-editor .teams-list .team-row .edit-btn:hover{background-color:var(--primary-color);color:#fff}.team-editor .teams-list .team-row .inactive-btn{padding:6px 12px;background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xs);cursor:pointer;font-size:12px;font-family:var(--font-family);min-height:32px;transition:all .15s ease}.team-editor .teams-list .team-row .inactive-btn:hover{background-color:var(--color-bg-subtle);border-color:var(--color-text-secondary)}.team-editor .teams-list .team-row .reactivate-btn{padding:6px 12px;background-color:transparent;color:#28a745;border:1px solid #28a745;border-radius:var(--radius-xs);cursor:pointer;font-size:12px;font-family:var(--font-family);min-height:32px;transition:all .15s ease}.team-editor .teams-list .team-row .reactivate-btn:hover:not(:disabled){background-color:#28a745;color:#fff}.team-editor .teams-list .team-row .reactivate-btn:disabled{opacity:.7;cursor:not-allowed}.team-editor .teams-list .team-row .save-btn{padding:6px 14px;background-color:#28a745;color:#fff;border:none;border-radius:var(--radius-xs);cursor:pointer;font-size:12px;font-family:var(--font-family);min-height:32px}.team-editor .teams-list .team-row .save-btn:disabled{background-color:var(--color-text-muted);cursor:not-allowed}.team-editor .teams-list .team-row .cancel-btn{padding:6px 12px;background-color:var(--color-text-secondary);color:#fff;border:none;border-radius:var(--radius-xs);cursor:pointer;font-size:12px;font-family:var(--font-family);min-height:32px;transition:background-color .15s ease}.team-editor .teams-list .team-row .cancel-btn:hover{background-color:var(--color-text-primary)}.team-editor .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.team-editor .modal{background:var(--color-bg-card);padding:24px;border-radius:var(--radius-card);max-width:400px;width:100%;box-shadow:var(--shadow-md);border:1px solid var(--color-border);font-family:var(--font-family)}.team-editor .modal h3{margin:0 0 12px;font-size:18px;color:var(--color-text-primary);font-weight:600}.team-editor .modal p{margin:0 0 20px;color:var(--color-text-secondary);font-size:14px;line-height:1.6}.team-editor .modal .modal-actions{display:flex;gap:10px;justify-content:flex-end}.team-editor .modal .modal-actions .confirm-inactive-btn{padding:10px 16px;background-color:var(--color-text-secondary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-family:var(--font-family);min-height:44px;transition:background-color .15s ease}.team-editor .modal .modal-actions .confirm-inactive-btn:disabled{opacity:.7;cursor:not-allowed}.team-editor .modal .modal-actions .confirm-inactive-btn:hover:not(:disabled){background-color:var(--color-text-primary)}.team-editor .modal .modal-actions .cancel-btn{padding:10px 16px;background-color:var(--color-bg-subtle);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-family:var(--font-family);min-height:44px;transition:background-color .15s ease}.team-editor .modal .modal-actions .cancel-btn:hover{background-color:var(--color-hover-bg)}@media (max-width: 480px){.team-editor{padding:16px}.team-editor .team-editor-form{flex-direction:column;align-items:stretch}.team-editor .team-editor-form input[type=text]{min-width:auto}.team-editor .team-editor-form .color-input-wrap .color-hex{flex:1}.team-editor .team-editor-form button[type=submit]{width:100%}.team-editor .team-row{flex-wrap:wrap}.team-editor .team-row .row-actions{margin-left:0;width:100%;justify-content:flex-end}}.tickpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--color-bg-app);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}.tickstats-container .employee-name-link{color:inherit;text-decoration:none;cursor:pointer}.tickstats-container .employee-name-link:hover{text-decoration:underline}.ticktotal{font-family:var(--font-family)}.ticktotal .total-title{margin:0;min-width:150px;color:var(--color-text-primary);font-size:1rem;font-weight:600;padding-bottom:12px}@media (max-width: 600px){.ticktotal .total-title{font-size:.95rem}}.ticktotal .total-title h4{margin:0;padding:0;font-size:1.1rem;color:var(--color-text-primary);font-weight:600;text-decoration:underline}.ticktotal .summary-container{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-radius:var(--radius-sm);padding:14px 16px;margin:8px 0;box-shadow:none}@media (max-width: 1024px){.ticktotal .summary-container{grid-template-columns:repeat(2,1fr);gap:14px;padding:14px}}@media (max-width: 768px){.ticktotal .summary-container{grid-template-columns:repeat(2,1fr);gap:14px;padding:12px}}@media (max-width: 480px){.ticktotal .summary-container{grid-template-columns:1fr}}@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:var(--radius-sm);border-left:3px solid var(--color-border);background-color:var(--color-bg-subtle);transition:border-color .15s ease}.ticktotal .total-section:hover{border-color:var(--primary-color)}.ticktotal .total-section .total-title{margin-bottom:4px;text-align:left;padding-bottom:6px}.ticktotal .total-section .total-numbers{display:flex;flex-direction:row;justify-content:flex-start;gap:20px;flex-wrap:wrap}.ticktotal .total-section .total-stat{display:flex;align-items:center;gap:6px;min-width:80px}.ticktotal .total-section .total-stat label{color:var(--color-text-secondary);font-size:.875rem;white-space:nowrap}@media (max-width: 1024px){.ticktotal .total-section .total-stat label{font-size:.825rem}}.ticktotal .total-section .total-stat span{font-weight:600;color:var(--color-text-primary);min-width:40px;text-align:right;font-size:1rem}@media (max-width: 1024px){.ticktotal .total-section .total-stat span{font-size:.95rem;min-width:35px}}@media (max-width: 1024px){.ticktotal .total-section{padding:4px 8px}.ticktotal .total-section .total-numbers{gap:14px}}:root{--color-bg-app: #e3e3e3;--color-bg-card: #FFFFFF;--color-bg-subtle: #F3F4F6;--color-text-primary: #1A1A2E;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-border: #E5E7EB;--color-hover-bg: #F0F4FF;--primary-color: #007bff;--primary-hover: #0069d9;--primary-active: #0062cc;--radius-card: 8px;--radius-sm: 5px;--radius-xs: 3px;--shadow-card: 0 1px 3px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--spacing-card: 20px;--gap-grid: 16px;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);font-size:14px;background-color:var(--color-bg-app);color:var(--color-text-primary);line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;background-color:var(--color-bg-app)}.react-datepicker__header{background-color:var(--primary-color)!important;border-bottom-color:var(--primary-color)!important}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff!important}.react-datepicker__navigation-icon:before{border-color:#fff!important}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:#ffffffbf!important}.react-datepicker__day--selected,.react-datepicker__day--range-start,.react-datepicker__day--range-end,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__day--keyboard-selected{background-color:var(--primary-color)!important;color:#fff!important;border-radius:var(--radius-xs)!important}.react-datepicker__day:hover{background-color:var(--primary-hover)!important;color:#fff!important;border-radius:var(--radius-xs)!important}.react-datepicker__day--today{font-weight:700}.react-datepicker{border:1px solid var(--color-border)!important;border-radius:var(--radius-card)!important;box-shadow:var(--shadow-md)!important;font-family:var(--font-family)!important}.react-datepicker__header{border-radius:var(--radius-card) var(--radius-card) 0 0!important}.tick-container .store-totals{margin-bottom:24px}.tick-container .date-and-settings-container{display:flex;align-items:center;justify-content:center;margin:0 0 16px;gap:16px;flex-wrap:wrap;padding:10px 16px;border-radius:var(--radius-sm);box-shadow:none}@media (max-width: 1024px){.tick-container .date-and-settings-container{flex-direction:column;gap:12px;margin:12px auto 16px;width:95%;align-items:center}}@media (max-width: 768px){.tick-container .date-and-settings-container{flex-direction:column;gap:12px;margin:12px auto 16px;width:90%;align-items:center}}.tick-container .date-and-settings-container .print-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:9px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-card);transition:all .2s;font-family:var(--font-family);font-weight:500;font-size:14px;min-height:44px}.tick-container .date-and-settings-container .print-button:hover{background-color:var(--primary-hover)}.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:var(--color-bg-subtle);color:var(--color-text-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:10px 16px;flex:0 0 auto;display:flex;align-items:center}@media (max-width: 1024px){.tick-container .working-days-settings{width:100%;max-width:100%;justify-content:center;padding:10px 12px;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}}@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:.9rem;font-weight:600;white-space:nowrap;color:var(--color-text-primary)}@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:var(--color-text-secondary);margin-left:8px;min-width:32px;min-height:32px;border-radius:var(--radius-xs);transition:color .15s ease}.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:var(--color-text-primary)}@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:.9rem;white-space:nowrap;color:var(--color-text-primary)}@media (max-width: 768px){.tick-container .working-days-settings .settings-content .settings-row{font-size:.82rem;margin:0 3px}}.tick-container .working-days-settings .settings-content .settings-row span{margin-right:10px;color:var(--color-text-secondary)}@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 var(--color-border);border-radius:var(--radius-xs);text-align:center;font-size:.9rem;font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg-card)}@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:600;min-width:30px;display:inline-block;color:var(--color-text-primary)}@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;flex-wrap:wrap;gap:10px}@media (max-width: 1024px){.tick-container .date-range-selector{width:100%;flex-direction:column;align-items:stretch;gap:10px}}@media (max-width: 768px){.tick-container .date-range-selector{width:100%;flex-direction:column;align-items:stretch;gap:10px}}.tick-container .date-range-selector .fourInAWeek-toggle,.tick-container .date-range-selector .vac-in-totals-toggle{display:flex;align-items:center;gap:10px;margin-left:12px}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-input,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;background-color:var(--color-border);border-radius:999px;position:relative;outline:none;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:inset 0 2px 6px #00000014}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-input:after,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .2s ease}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-input:checked,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-input:checked{background-color:var(--primary-color)}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-input:checked:after,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-input:checked:after{transform:translate(18px)}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-input:focus-visible,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-input:focus-visible{box-shadow:0 0 0 3px #007bff33}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-label,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-label{color:var(--color-text-secondary);font-weight:500;-webkit-user-select:none;user-select:none;font-size:14px}@media (max-width: 1024px){.tick-container .date-range-selector .fourInAWeek-toggle,.tick-container .date-range-selector .vac-in-totals-toggle{margin-left:0;width:100%;justify-content:center;gap:8px}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-label,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-label{font-size:.9rem}}@media (max-width: 768px){.tick-container .date-range-selector .fourInAWeek-toggle,.tick-container .date-range-selector .vac-in-totals-toggle{margin-left:0;width:100%;justify-content:center;gap:8px}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-input,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-input{width:36px;height:20px}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-input:after,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-input:after{top:3px;left:3px;width:14px;height:14px}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-input:checked:after,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-input:checked:after{transform:translate(16px)}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-label,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-label{font-size:.88rem}}@media (max-width: 480px){.tick-container .date-range-selector .fourInAWeek-toggle,.tick-container .date-range-selector .vac-in-totals-toggle{gap:6px}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-input,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-input{width:32px;height:18px}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-input:after,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-input:after{top:3px;left:3px;width:12px;height:12px}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-input:checked:after,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-input:checked:after{transform:translate(14px)}.tick-container .date-range-selector .fourInAWeek-toggle .toggle-label,.tick-container .date-range-selector .vac-in-totals-toggle .toggle-label{font-size:.82rem}}.tick-container .date-picker-container{display:flex;align-items:center;background-color:var(--color-bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:6px 14px;cursor:pointer;position:relative;transition:border-color .15s ease;width:fit-content}.tick-container .date-picker-container .calendar-icon{color:var(--color-text-secondary);margin-right:10px;font-size:18px}@media (max-width: 1024px){.tick-container .date-picker-container .calendar-icon{margin-right:8px;font-size:17px}}@media (max-width: 768px){.tick-container .date-picker-container .calendar-icon{margin-right:5px;font-size:16px}}@media (max-width: 1024px){.tick-container .date-picker-container{width:100%;justify-content:space-between;padding:8px 12px}}@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:var(--color-text-primary);font-size:14px}@media (max-width: 1024px){.tick-container .date-label{margin-right:8px;font-size:.9rem}}@media (max-width: 768px){.tick-container .date-label{margin-right:5px;font-size:.9rem}}.tick-container .date-inputs{display:flex;align-items:center;color:var(--color-text-primary);font-weight:500;font-size:14px;gap:8px;background-color:var(--color-bg-card);border-radius:var(--radius-xs);border:1px solid var(--color-border);padding:8px 14px;cursor:pointer}@media (max-width: 1024px){.tick-container .date-inputs{padding:8px 12px;font-size:.88rem;flex:1}}@media (max-width: 768px){.tick-container .date-inputs{padding:7px 10px;font-size:.88rem;flex:1}}.tick-container .date-separator{color:var(--color-text-secondary);margin:0 3px}.tick-container .reset-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;margin-left:10px;padding:4px;border-radius:var(--radius-xs);min-width:32px;min-height:32px;transition:color .15s ease}@media (max-width: 768px){.tick-container .reset-button{margin-left:5px}}.tick-container .reset-button:hover{color:var(--color-text-primary)}.tick-container .reset-button svg{font-size:18px}.tick-container .date-picker-dropdown{position:absolute;top:100%;left:0;margin-top:10px;background-color:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-md);z-index:1000;display:flex;flex-direction:column;padding:15px;border:1px solid var(--color-border);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:var(--radius-sm);overflow-x:auto;box-shadow:none;border:1px solid var(--color-border)}.tick-container .team-section .tick-table::-webkit-scrollbar{height:6px}.tick-container .team-section .tick-table::-webkit-scrollbar-track{background:var(--color-bg-subtle);border-radius:8px}.tick-container .team-section .tick-table::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:8px;border:2px solid transparent;background-clip:content-box}.tick-container .team-section .tick-table::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.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;gap:12px!important;color:#fff!important;font-weight:600!important;font-size:13px!important;width:900px!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:.85rem!important;min-width:900px!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:900px!important;min-width:100%!important;background-color:var(--color-bg-card)!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 var(--color-border)!important;background-color:var(--color-bg-card)!important;width:900px!important;min-width:100%!important;flex:1!important;transition:background-color .12s ease}.tick-container .team-section .tick-table .team-members .tickstats-container:hover{background-color:var(--color-hover-bg)!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:11px 16px!important;gap:12px!important;width:900px!important;min-width:100%!important;background-color:transparent!important}.tick-container .tick-table-row .table-cell{flex:1!important;text-align:center!important;font-weight:600!important;color:var(--color-text-primary)!important;font-size:13px}.tick-container .tick-table-row .table-cell.name-cell{flex:2!important;text-align:left!important;font-weight:700!important;color:var(--color-text-primary)!important}@media (max-width: 768px){.tick-container .tick-table-row{padding:9px 12px!important;font-size:.85rem!important;min-width:900px!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:900px!important;min-width:100%!important}.tick-container .team-total .team-total-row{display:flex!important;align-items:center!important;gap:12px!important;padding:11px 16px!important;background-color:#c2c4c5!important;border-top:1px solid #a8a9aa!important;font-weight:700!important;width:900px!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-container .date-and-settings-container{box-shadow:none!important;border:none!important;background:transparent!important}.tick-container .team-section .tick-table .tick-table-header{display:table-row!important;width:auto!important;min-width:0!important;padding:0!important;gap:0!important}.tick-container .team-section .tick-table .team-members{display:table-row-group!important;width:auto!important;min-width:0!important;flex-direction:unset!important}.tick-container .team-section .tick-table .team-members .tickstats-container{display:contents!important;width:auto!important;min-width:0!important;flex:unset!important}.tick-container .tick-table-row{display:table-row!important;width:auto!important;min-width:0!important;padding:0!important;gap:0!important}.tick-container .team-total{display:contents!important;width:auto!important;min-width:0!important}.tick-container .team-total .team-total-row{display:table-row!important;width:auto!important;min-width:0!important;padding:0!important;gap:0!important}.team-section{margin-bottom:2px!important;page-break-inside:avoid!important}}.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}.summarystats-container .employee-name-link{color:inherit;text-decoration:none;cursor:pointer}.summarystats-container .employee-name-link:hover{text-decoration:underline}.summarytotal{font-family:var(--font-family)}.summarytotal .summary-title{margin:0;color:var(--color-text-primary);font-size:1rem;font-weight:600;padding-bottom:12px}@media (max-width: 600px){.summarytotal .summary-title{font-size:.95rem}}.summarytotal .summary-container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-radius:var(--radius-sm);padding:14px 16px;margin:8px 0;box-shadow:none}@media (max-width: 1024px){.summarytotal .summary-container{grid-template-columns:repeat(2,1fr);gap:14px;padding:14px}}@media (max-width: 480px){.summarytotal .summary-container{grid-template-columns:1fr}}.summarytotal .total-section{display:flex;flex-direction:column;gap:8px;padding:4px 12px;border-radius:var(--radius-sm);border-left:3px solid var(--color-border);background-color:var(--color-bg-subtle);transition:border-color .15s ease}.summarytotal .total-section:hover{border-color:var(--primary-color)}.summarytotal .total-section .total-title{margin-bottom:4px;padding-bottom:6px}.summarytotal .total-section .total-title h4{margin:0;padding:0;font-size:1rem;color:var(--color-text-primary);font-weight:600;text-decoration:underline}.summarytotal .total-section .total-numbers{display:flex;flex-direction:row;justify-content:flex-start;gap:16px;flex-wrap:wrap}.summarytotal .total-section .total-stat{display:flex;align-items:center;gap:6px;min-width:80px}.summarytotal .total-section .total-stat label{color:var(--color-text-secondary);font-size:.875rem;white-space:nowrap}@media (max-width: 1024px){.summarytotal .total-section .total-stat label{font-size:.825rem}}.summarytotal .total-section .total-stat span{font-weight:600;color:var(--color-text-primary);min-width:40px;text-align:right;font-size:1rem}@media (max-width: 1024px){.summarytotal .total-section .total-stat span{font-size:.95rem;min-width:35px}}@media (max-width: 1024px){.summarytotal .total-section{padding:4px 8px}.summarytotal .total-section .total-numbers{gap:12px}}.tick-container{padding:var(--spacing-card);width:100%;max-width:100%;font-family:var(--font-family)}@media (max-width: 600px){.tick-container{padding:14px 10px}}@media (min-width: 601px) and (max-width: 768px){.tick-container{padding:15px}}@media (min-width: 769px) and (max-width: 1024px){.tick-container{padding:var(--spacing-card)}}.tick-container .print-control-container{display:flex;justify-content:flex-end;margin-bottom:15px}.tick-container .print-control-container .standalone-print-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:7px 14px;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:none;transition:all .2s;font-family:var(--font-family);font-weight:500;font-size:13px;min-height:36px}.tick-container .print-control-container .standalone-print-button:hover{background-color:var(--primary-hover)}.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:16px;flex-wrap:wrap;gap:12px;padding:10px 16px;border-radius:var(--radius-sm);box-shadow:none}@media (max-width: 768px){.tick-container .date-and-settings-container{flex-direction:column;gap:12px}}.tick-container .date-range-selector{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.tick-container .date-range-selector .fourInAWeek-toggle.vac-in-totals-toggle{display:flex;align-items:center;gap:10px}.tick-container .date-range-selector .fourInAWeek-toggle.vac-in-totals-toggle .toggle-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;background-color:var(--color-border);border-radius:999px;position:relative;outline:none;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;box-shadow:inset 0 2px 6px #00000014}.tick-container .date-range-selector .fourInAWeek-toggle.vac-in-totals-toggle .toggle-input:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #00000026}.tick-container .date-range-selector .fourInAWeek-toggle.vac-in-totals-toggle .toggle-input:checked{background-color:var(--primary-color);box-shadow:inset 0 2px 6px #00000026}.tick-container .date-range-selector .fourInAWeek-toggle.vac-in-totals-toggle .toggle-input:checked:after{transform:translate(18px)}.tick-container .date-range-selector .fourInAWeek-toggle.vac-in-totals-toggle .toggle-label{font-weight:500;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;font-size:14px}.tick-container .date-picker-container{display:flex;align-items:center;gap:10px;position:relative;width:fit-content;background-color:var(--color-bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:6px 14px;transition:border-color .15s ease}.tick-container .date-picker-container .calendar-icon{color:var(--primary-color);font-size:18px}.tick-container .date-picker-container .date-label{font-weight:500;color:var(--color-text-primary);white-space:nowrap;font-size:14px}.tick-container .date-picker-container .date-inputs{display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid var(--color-border);border-radius:var(--radius-xs);cursor:pointer;background-color:var(--color-bg-card);color:var(--color-text-primary);font-size:14px}.tick-container .date-picker-container .date-inputs:hover{border-color:var(--primary-color)}.tick-container .date-picker-container .date-inputs .date-separator{color:var(--color-text-secondary)}.tick-container .date-picker-container .reset-button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:color .15s ease}.tick-container .date-picker-container .reset-button:hover{color:var(--color-text-primary)}.tick-container .date-picker-dropdown{position:absolute;top:100%;left:0;z-index:100;background-color:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-md);border:1px solid var(--color-border);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:var(--color-text-primary);font-size:13px}.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:var(--radius-sm);font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;min-height:40px}.tick-container .date-picker-actions button.apply-button{background-color:var(--primary-color);color:#fff;border:none}.tick-container .date-picker-actions button.apply-button:hover{background-color:var(--primary-hover)}.tick-container .date-picker-actions button.prev-month-button{background-color:var(--color-text-secondary);color:#fff;border:none}.tick-container .date-picker-actions button.prev-month-button:hover{background-color:var(--color-text-primary)}.tick-container .date-picker-actions button.cancel-button{border:1px solid var(--primary-color);background-color:transparent;color:var(--primary-color)}.tick-container .date-picker-actions button.cancel-button:hover{background-color:var(--color-hover-bg)}@media print{.tick-container.tick-container .team-section .summary-table .summary-table-header{display:table-row!important;width:auto!important;min-width:0!important;padding:0!important;gap:0!important;position:static!important;top:auto!important}.tick-container.tick-container .team-section .summary-table .team-members{display:table-row-group!important;width:auto!important;min-width:0!important;flex-direction:unset!important}.tick-container.tick-container .team-section .summary-table .team-members .summarystats-container{display:contents!important;width:auto!important;min-width:0!important;flex:unset!important}.tick-container.tick-container .team-section .summary-table .team-members .team-total{display:contents!important;width:auto!important;min-width:0!important}}.tick-container .team-section{margin-bottom:32px}.tick-container .team-section h1{margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:1.25rem;font-weight:700}@media (max-width: 768px){.tick-container .team-section h1{font-size:1.15rem;margin-bottom:12px}}@media (max-width: 600px){.tick-container .team-section h1{font-size:1.05rem;margin-bottom:10px;padding-bottom:8px}}@media (max-width: 480px){.tick-container .team-section h1{font-size:1rem;margin-bottom:8px;padding-bottom:6px}}.tick-container .team-section .summary-table{width:100%;border-radius:var(--radius-sm);overflow-x:auto;box-shadow:none;border:1px solid var(--color-border)}.tick-container .team-section .summary-table::-webkit-scrollbar{height:6px}.tick-container .team-section .summary-table::-webkit-scrollbar-track{background:var(--color-bg-subtle);border-radius:8px}.tick-container .team-section .summary-table::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:8px;border:2px solid transparent;background-clip:content-box}.tick-container .team-section .summary-table::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.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;gap:12px;color:#fff;font-weight:600;width:900px;min-width:100%;position:sticky!important;top:0!important;z-index:10!important;font-size:13px}.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:.85rem!important;min-width:900px!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:900px;min-width:100%;background-color:var(--color-bg-card)!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 var(--color-border);background-color:var(--color-bg-card)!important;width:900px;min-width:100%;flex:1!important;transition:background-color .12s ease}.tick-container .team-section .summary-table .team-members .summarystats-container:hover{background-color:var(--color-hover-bg)!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:11px 16px;gap:12px;width:900px;min-width:100%;background-color:transparent!important}.tick-container .summary-table-row .table-cell{flex:1;text-align:center;font-weight:600;color:var(--color-text-primary);font-size:13px}.tick-container .summary-table-row .table-cell.name-cell{flex:2;text-align:left;font-weight:700;color:var(--color-text-primary)}@media (max-width: 768px){.tick-container .summary-table-row{padding:9px 12px!important;font-size:.85rem!important;min-width:900px!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:900px;min-width:100%}.tick-container .team-total .team-total-row{display:flex;align-items:center;padding:11px 16px;gap:12px;background-color:#c2c4c5!important;border-top:1px solid #a8a9aa!important;font-weight:700;width:900px;min-width:100%}.tick-container .team-total .team-total-row .table-cell{flex:1;text-align:center;color:#333;font-weight:700}.tick-container .team-total .team-total-row .table-cell.name-cell{flex:2;text-align:left;color:#333}.tick-container .print-controls{display:flex;justify-content:center;margin-bottom:20px}.tick-container .print-controls .print-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:9px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-card);transition:all .2s;font-family:var(--font-family);font-weight:500;font-size:14px;min-height:44px}.tick-container .print-controls .print-button:hover{background-color:var(--primary-hover)}.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}}@media print{.tick-container .summary-table-row{display:table-row!important;width:auto!important;min-width:0!important;padding:0!important;gap:0!important}.tick-container .team-total{display:contents!important;width:auto!important;min-width:0!important}.tick-container .team-total .team-total-row{display:table-row!important;width:auto!important;min-width:0!important;padding:0!important;gap:0!important}.tick-container .date-and-settings-container{box-shadow:none!important;border:none!important;background:transparent!important}}.tradepage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--color-bg-app);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:1100px;padding:8px 16px 40px;box-sizing:border-box}.trade .trade-title{text-align:center;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-decoration:none;margin-bottom:24px;letter-spacing:-.02em}.trade .trade-title:after{content:"";display:block;width:48px;height:3px;background:var(--primary-color);margin:7px auto 0;border-radius:2px}@media (max-width: 600px){.trade .trade-title{font-size:1.2rem;margin-bottom:16px}}.trade .date-range-selector{background:var(--color-bg-card);border-radius:12px;padding:10px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);margin-bottom:16px}.trade .date-range-selector .date-buttons{display:flex;gap:4px;background:var(--color-bg-subtle);padding:4px;border-radius:9px}@media (max-width: 600px){.trade .date-range-selector .date-buttons{flex-direction:column}}.trade .date-range-selector .date-buttons .date-btn{flex:1;padding:9px 14px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:7px;cursor:pointer;font-weight:600;font-size:.82rem;font-family:var(--font-family);transition:all .2s ease;letter-spacing:-.01em}.trade .date-range-selector .date-buttons .date-btn:hover{background:rgba(255,255,255,.65);color:var(--color-text-primary)}.trade .date-range-selector .date-buttons .date-btn.active{background:white;color:var(--primary-color);box-shadow:0 1px 6px #0000001a}.trade .date-range-selector .date-buttons .date-btn:active{transform:scale(.98)}.trade .date-range-selector .custom-date-inputs{display:flex;gap:12px;align-items:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}@media (max-width: 600px){.trade .date-range-selector .custom-date-inputs{flex-direction:column;align-items:stretch}}.trade .date-range-selector .custom-date-inputs .date-input-group{flex:1;display:flex;flex-direction:column;gap:5px}.trade .date-range-selector .custom-date-inputs .date-input-group label{font-size:.68rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em}.trade .date-range-selector .custom-date-inputs .date-input-group input{padding:9px 12px;border:1.5px solid var(--color-border);border-radius:8px;font-size:.85rem;background:var(--color-bg-subtle);color:var(--color-text-primary);font-family:var(--font-family);transition:all .2s ease}.trade .date-range-selector .custom-date-inputs .date-input-group input:hover{border-color:#c5c7cb}.trade .date-range-selector .custom-date-inputs .date-input-group input:focus{outline:none;border-color:var(--primary-color);background:white;box-shadow:0 0 0 3px #007bff14}.trade .trade-totals{margin-bottom:20px}.trade .trade-totals .totals-container{display:flex;flex-direction:column;gap:8px}.trade .trade-totals .totals-row{background:var(--color-bg-card);border-radius:10px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);display:flex;align-items:stretch;overflow:hidden}.trade .trade-totals .totals-row.ytd-row{background:#f8f9ff;border-color:#007bff26}@media (max-width: 600px){.trade .trade-totals .totals-row{flex-direction:column}}.trade .trade-totals .totals-row h3{font-size:.65rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;width:130px;min-width:130px;flex-shrink:0;margin:0;padding:0 16px;display:flex;align-items:center;border-right:1px solid var(--color-border);background:var(--color-bg-subtle)}@media (max-width: 600px){.trade .trade-totals .totals-row h3{border-right:none;border-bottom:1px solid var(--color-border);padding:10px 16px;min-width:auto;justify-content:center;font-size:.7rem}}.trade .trade-totals .totals-row .totals-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px;border-right:1px solid var(--color-border);transition:background .15s}.trade .trade-totals .totals-row .totals-section:last-child{border-right:none}.trade .trade-totals .totals-row .totals-section:last-child span{color:var(--primary-color)}@media (max-width: 600px){.trade .trade-totals .totals-row .totals-section{flex-direction:row;justify-content:space-between;padding:10px 16px;border-right:none;border-bottom:1px solid var(--color-border)}.trade .trade-totals .totals-row .totals-section:last-child{border-bottom:none}}.trade .trade-totals .totals-row .totals-section label{font-size:.65rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}@media (max-width: 600px){.trade .trade-totals .totals-row .totals-section label{margin-bottom:0}}.trade .trade-totals .totals-row .totals-section span{font-size:1.35rem;font-weight:700;color:var(--color-text-primary);line-height:1.1;letter-spacing:-.03em}@media (max-width: 600px){.trade .trade-totals .totals-row .totals-section span{font-size:1rem;font-weight:700}}.trade .trade-day{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box}.trade-stat-container{width:100%;background:var(--color-bg-card);border-radius:10px;border:1px solid var(--color-border);box-shadow:var(--shadow-card);display:flex;align-items:stretch;overflow:hidden;position:relative}.trade-stat-container:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-border);flex-shrink:0}.trade-stat-container.has-trades:before{background:var(--primary-color)}.trade-stat-container.no-deals{opacity:.55}.trade-stat-container .trade-date{font-size:.8rem;font-weight:700;color:var(--color-text-primary);width:140px;min-width:140px;max-width:140px;flex-shrink:0;padding:14px 16px 14px 20px;border-right:1px solid var(--color-border);letter-spacing:-.01em;margin:0;display:flex;align-items:center;background:var(--color-bg-subtle)}@media (max-width: 768px){.trade-stat-container .trade-date{width:110px;min-width:110px;max-width:110px;font-size:.75rem}}@media (max-width: 600px){.trade-stat-container .trade-date{width:85px;min-width:85px;max-width:85px;font-size:.72rem;padding:12px 10px 12px 16px}}.trade-stat-container .trade-stats-grid{display:flex;flex:1}.trade-stat-container .trade-stat{flex:0 0 33.3333333333%;width:33.3333333333%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-right:1px solid var(--color-border)}.trade-stat-container .trade-stat:last-child{border-right:none}.trade-stat-container .trade-stat:last-child span{color:var(--primary-color)}@media (max-width: 600px){.trade-stat-container .trade-stat{padding:10px 6px}}.trade-stat-container .trade-stat label{font-size:.6rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;white-space:nowrap}.trade-stat-container .trade-stat span{font-size:1rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.1}.activitypage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--color-bg-app);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;font-family:var(--font-family)}.activity .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:0;overflow:hidden}.activity .employee-search{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--radius-sm);box-shadow:none}.activity .employee-search select,.activity .employee-search .customer-search,.activity .employee-search .search-container{flex:1 1 auto;width:200px;max-width:250px;min-width:180px}.activity .employee-search button{white-space:nowrap}@media (max-width: 1024px){.activity .employee-search{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activity .employee-search select,.activity .employee-search .customer-search,.activity .employee-search .search-container{width:100%;max-width:none;min-width:0}.activity .employee-search .date-range{grid-column:1/-1}}@media (max-width: 768px){.activity .employee-search{display:flex;flex-direction:column;gap:12px}.activity .employee-search select,.activity .employee-search .customer-search,.activity .employee-search .search-container{flex:1;min-width:0;width:100%;max-width:none}.activity .employee-search .date-range{width:100%}}.activity .search-container{position:relative;display:flex;align-items:center}.activity .search-container .clear-search{position:absolute;right:10px;font-size:18px;cursor:pointer;color:var(--color-text-muted);font-weight:700;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.activity .search-container .clear-search:hover{color:var(--color-text-secondary)}.activity .customer-search{padding:10px 14px;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-family);width:100%;color:var(--color-text-primary);background-color:var(--color-bg-card);transition:border-color .15s ease}.activity .customer-search:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff26}.activity select{padding:10px 14px;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:15px;font-family:var(--font-family);cursor:pointer;color:var(--color-text-primary);background-color:var(--color-bg-card);transition:border-color .15s ease}.activity select:focus{outline:none;border-color:var(--primary-color)}.activity button{padding:10px 16px;border:1px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--primary-color);cursor:pointer;background-color:transparent;font-size:14px;font-weight:500;font-family:var(--font-family);transition:all .2s ease;min-height:44px}.activity button:hover{background-color:var(--primary-color);color:#fff}.activity .no-deals{margin-top:20px;text-align:center;padding:24px;background-color:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);color:var(--color-text-secondary)}.activity .pagination-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0}.activity .pagination-container .pagination-arrow{padding:4px 8px;font-size:18px;line-height:1;border:none;background:transparent;color:var(--primary-color);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.activity .pagination-container .pagination-arrow:hover:not(:disabled){color:var(--primary-hover)}.activity .pagination-container .pagination-arrow:disabled{opacity:.3;cursor:not-allowed}.activity .pagination-container .pagination-info{font-size:14px;color:var(--color-text-secondary);margin:0 4px}.activity .activity-deals{width:100%}.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}}.store-totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;padding:14px 16px;margin:8px 0;font-family:var(--font-family)}@media (max-width: 1024px){.store-totals-grid{padding:14px;gap:10px}}@media (max-width: 480px){.store-totals-grid{grid-template-columns:1fr;padding:12px}}.store-total-section{display:flex;flex-direction:column;gap:8px;padding:4px 12px;border-radius:var(--radius-sm);border-left:3px solid var(--color-border);background-color:var(--color-bg-subtle);transition:border-color .15s ease}.store-total-section:hover{border-color:var(--primary-color)}@media (max-width: 1024px){.store-total-section{padding:4px 8px}}.store-total-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);text-decoration:underline;padding-bottom:6px;margin-bottom:4px}.store-total-numbers{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap}@media (max-width: 1024px){.store-total-numbers{gap:14px}}.store-total-stat{display:flex;align-items:center;gap:6px;min-width:80px;font-family:var(--font-family)}.store-total-stat label{color:var(--color-text-secondary);font-size:.875rem;white-space:nowrap}@media (max-width: 1024px){.store-total-stat label{font-size:.825rem}}.store-total-stat span{font-weight:600;color:var(--color-text-primary);font-size:1rem}@media (max-width: 1024px){.store-total-stat span{font-size:.95rem}}.store-total-stat span.sold{color:#2e7d32}.date-range{display:flex;align-items:center;justify-content:center;margin:0;gap:10px;flex-wrap:wrap;width:100%;font-family:var(--font-family)}.date-range .date-input{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;width:140px;flex-shrink:0;color:var(--color-text-primary);background-color:var(--color-bg-card);font-family:var(--font-family);transition:border-color .15s ease}.date-range .date-input:focus{outline:none;border-color:var(--primary-color)}.date-range .date-separator{font-weight:600;flex-shrink:0;color:var(--color-text-secondary)}@media (max-width: 1024px){.date-range{gap:8px}.date-range .date-input{flex:1;min-width:120px;max-width:200px}}@media (max-width: 768px){.date-range{flex-direction:row;justify-content:space-between;gap:10px}.date-range .date-input{flex:1;min-width:0;width:auto;max-width:none}.date-range .date-separator{margin:0}}@media (max-width: 480px){.date-range .date-input{font-size:13px;padding:6px 8px}}.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 var(--primary-color)}.activitydeal .section span{font-size:12px;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:12px;padding:2px;box-sizing:border-box;overflow:hidden}.activitydeal .small-section span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activitydeal .edit-button{padding:2px 6px;font-size:11px;cursor:pointer;border:1px solid var(--color-border);border-radius:2px;background:var(--color-bg-subtle);white-space:nowrap}.activitydeal .edit-button:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transition:all .2s ease-in-out}.activitydeal.header-row .section,.activitydeal.header-row .small-section{background-color:var(--primary-color);color:#fff;font-weight:500;border-bottom:none}.activitydeal.header-row .section.sortable,.activitydeal.header-row .small-section.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s}.activitydeal.header-row .section.sortable:hover,.activitydeal.header-row .small-section.sortable:hover{background-color:var(--primary-hover)}.activitydeal.header-row .section.sortable:active,.activitydeal.header-row .small-section.sortable:active{background-color:var(--primary-active)}.activitydeal.header-row .section.sortable.active,.activitydeal.header-row .small-section.sortable.active{background-color:var(--color-bg-card);color:var(--primary-color)}.activitydeal.header-row .section.sortable.active:hover,.activitydeal.header-row .small-section.sortable.active:hover{background-color:var(--color-hover-bg)}.activitydeal.header-row .section.sortable.active:active,.activitydeal.header-row .small-section.sortable.active:active{background-color:var(--color-bg-subtle)}@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:9px;padding:2px}.activitydeal .edit-button{padding:2px 4px;font-size:10px}}@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:8px;padding:1px}.activitydeal .edit-button{padding:1px 3px;font-size:9px}}@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}.activitydeal .edit-button{padding:1px 2px;font-size:8px}}@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}.activitydeal .edit-button{padding:1px 2px;font-size:7px}}.potofgoldpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--color-bg-app);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:var(--color-bg-card);padding:24px 20px;border-radius:12px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);width:900px;max-width:92%;margin:24px auto;box-sizing:border-box}.potofgold .potofgoldcontainer h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:20px;text-align:center}.potofgold .potofgoldcontainer h1:after{content:"";display:block;width:48px;height:3px;background:var(--primary-color);margin:7px auto 0;border-radius:2px}.potofgold .potofgoldcontainer .pot-buttons{width:100%;max-width:380px;background:var(--color-bg-subtle);border-radius:9px;padding:4px;display:flex;gap:4px;margin-bottom:20px}.potofgold .potofgoldcontainer .pot-buttons button{flex:1;padding:9px 14px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:7px;cursor:pointer;font-weight:600;font-size:.82rem;font-family:var(--font-family);transition:all .2s ease;letter-spacing:-.01em}.potofgold .potofgoldcontainer .pot-buttons button:hover:not(:disabled){background:rgba(255,255,255,.65);color:var(--color-text-primary)}.potofgold .potofgoldcontainer .pot-buttons button:disabled{background:white;color:var(--primary-color);box-shadow:0 1px 6px #0000001a;cursor:default;opacity:1;font-weight:700}.potofgold .potofgoldcontainer .pot-buttons button:focus{outline:none}.potofgold .potofgoldcontainer .pot-buttons button:active:not(:disabled){transform:scale(.98)}.potofgold .potofgoldcontainer .pot-label-row{display:flex;flex-direction:row;width:100%;background:var(--primary-color);color:#fff;border-radius:8px 8px 0 0;box-sizing:border-box;overflow:hidden}.potofgold .potofgoldcontainer .pot-label-row .pot-fullsection{display:flex;align-items:center;justify-content:flex-start;flex:2;min-width:0;height:36px;padding:0 12px;box-sizing:border-box;border-right:1px solid rgba(255,255,255,.2);font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.potofgold .potofgoldcontainer .pot-label-row .pot-section{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;height:36px;padding:0 4px;box-sizing:border-box;text-align:center;border-right:1px solid rgba(255,255,255,.2);font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.potofgold .potofgoldcontainer .pot-label-row .pot-section:last-child{border-right:none}.potofgold .potofgoldcontainer .pot-employee{width:100%;margin-bottom:24px;border-radius:0 0 8px 8px;overflow:hidden;border:1px solid var(--color-border);border-top:none;display:flex;flex-direction:column}.potofgold .potofgoldcontainer .pot-stats{display:flex;flex-direction:row;width:100%;background:var(--color-bg-card);border-radius:10px;border:1px solid var(--color-border);box-shadow:var(--shadow-card);overflow:hidden}.potofgold .potofgoldcontainer .pot-stats .pot-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;border-right:1px solid var(--color-border);gap:5px}.potofgold .potofgoldcontainer .pot-stats .pot-section:last-child{border-right:none}.potofgold .potofgoldcontainer .pot-stats .pot-label h3{font-size:.63rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0;text-align:center;white-space:nowrap}.potofgold .potofgoldcontainer .pot-stats .pot-number{display:flex;align-items:baseline;gap:2px;font-size:1.35rem;font-weight:700;color:var(--primary-color);letter-spacing:-.03em;line-height:1.1}.potofgold .potofgoldcontainer .pot-stats .pot-number label:first-child{font-size:.95rem;font-weight:700;color:var(--color-text-muted);cursor:default}.potofgold .potofgoldcontainer .pot-stats .pot-number label:not(:first-child){font-size:1.35rem;font-weight:700;color:var(--primary-color);letter-spacing:-.03em}.potofgold .potofgoldcontainer .pot-stats input{width:100px;border:none;border-bottom:2px solid var(--color-border);background:transparent;padding:2px 0;outline:none;font-size:1.35rem;text-align:center;color:var(--primary-color);font-weight:700;font-family:var(--font-family);letter-spacing:-.03em;transition:border-color .2s}.potofgold .potofgoldcontainer .pot-stats input:focus{border-bottom-color:var(--primary-color)}@media (max-width: 768px){.potofgold .potofgoldcontainer{width:95%;padding:16px;margin:16px auto}.potofgold .potofgoldcontainer .pot-stats{flex-direction:column}.potofgold .potofgoldcontainer .pot-stats .pot-section{flex-direction:row;justify-content:space-between;border-right:none;border-bottom:1px solid var(--color-border);padding:12px 16px}.potofgold .potofgoldcontainer .pot-stats .pot-section:last-child{border-bottom:none}.potofgold .potofgoldcontainer .pot-stats .pot-label h3{text-align:left}}@media (max-width: 480px){.potofgold .potofgoldcontainer{width:98%;padding:10px;margin:10px auto}.potofgold .potofgoldcontainer .pot-buttons{max-width:100%;flex-direction:column}.potofgold .potofgoldcontainer .pot-label-row .pot-fullsection{flex:2;padding:0 6px}.potofgold .potofgoldcontainer .pot-label-row .pot-section{flex:1;padding:0 2px;font-size:.58rem}}.employee-row{display:flex;flex-direction:row;width:100%;box-sizing:border-box;position:relative;border-left:3px solid transparent;transition:border-left-color .15s}.employee-row.qualified{border-left-color:var(--primary-color)}.employee-row:nth-child(odd){background-color:var(--color-bg-subtle)}.employee-row:nth-child(2n){background-color:#fff}.employee-row .pot-fullsection{display:flex;align-items:center;padding:10px 12px;flex:2;min-width:0;box-sizing:border-box;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.employee-row .employee-name{font-weight:600}.employee-row .pot-section{display:flex;align-items:center;justify-content:center;padding:10px 5px;flex:1;min-width:0;box-sizing:border-box;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;color:var(--color-text-primary)}.employee-row .pot-section:last-child{border-right:none;font-weight:700;font-size:.88rem;color:var(--primary-color)}.employee-row:last-child .pot-section,.employee-row:last-child .pot-fullsection{border-bottom:none}.not-qualified{opacity:.45}.disqualified-label{font-size:.72em;color:#fffc;margin-left:6px;font-weight:400}@media (max-width: 768px){.employee-row .pot-fullsection{padding:9px 10px;flex:3}.employee-row .pot-section{padding:9px 3px;flex:2}}@media (max-width: 480px){.employee-row{font-size:12px}.employee-row .pot-fullsection{padding:8px 6px;flex:2}.employee-row .pot-section{padding:8px 2px;flex:1;font-size:.78rem}}.uplogpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--color-bg-app);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:var(--color-bg-card);border-radius:var(--radius-sm);box-shadow:none;border:1px solid var(--color-border);padding:var(--spacing-card);position:relative;font-family:var(--font-family)}.uplog .uplog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.uplog .uplog-header .uplog-header-left{display:flex;align-items:center;gap:15px}.uplog .uplog-header h2{font-size:22px;margin:0;color:var(--color-text-primary);font-weight:700}.uplog .uplog-header h6{cursor:pointer;color:var(--primary-color);font-size:13px;font-weight:500;margin:0;padding:6px 12px;border-radius:var(--radius-sm);transition:all .2s ease}.uplog .uplog-header h6:hover{background-color:var(--color-hover-bg);color:var(--primary-hover);text-decoration:underline}.uplog .uplog-header .date-selector input{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg-card);transition:border-color .15s ease}.uplog .uplog-header .date-selector input:focus{outline:none;border-color:var(--primary-color)}.uplog .uplog-header .date-selector .link{text-underline-offset:5px;text-decoration-color:var(--primary-color)}.uplog .uplog-header .date-selector span{margin-right:10px;color:var(--primary-color)}.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:var(--shadow-md)}.uplog .uplog-content .no-rows-message{background-color:var(--color-bg-subtle);border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:30px;text-align:center;color:var(--color-text-secondary);margin-bottom:20px;font-size:15px}.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:transparent;border:1px solid transparent;color:var(--primary-color);border-radius:var(--radius-xs);padding:8px 15px;cursor:pointer;font-size:14px;font-family:var(--font-family);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 var(--primary-color);background-color:var(--color-hover-bg)}.uplog .uplog-content .add-row-btn button:disabled{opacity:.5;cursor:not-allowed;border:1px solid var(--color-border);color:var(--color-text-muted);padding:8px 15px;height:36px;line-height:1}.uplog .uplog-content .add-row-btn button.loading{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-muted);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:var(--primary-color);font-size:13px;font-weight:500;margin:0;padding:5px 10px;border-radius:var(--radius-xs);transition:all .2s ease;background-color:transparent;border:none;font-family:var(--font-family)}.scroll-to-top-btn button:hover{background-color:var(--color-hover-bg);color:var(--primary-hover);text-decoration:underline}.loading{display:flex;justify-content:center;align-items:center;height:300px;font-size:15px;color:var(--color-text-secondary);font-family:var(--font-family)}.uplog-stats-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:1rem 0;font-family:var(--font-family)}.uplog-stat{background:var(--color-bg-subtle);border-radius:var(--radius-sm);padding:4px 12px;border:none;border-left:3px solid var(--color-border);display:flex;flex-direction:column;align-items:flex-start;min-width:80px;transition:border-color .15s ease;font-family:var(--font-family)}.uplog-stat:hover{border-color:var(--primary-color)}.uplog-stat label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:4px;font-weight:500;white-space:nowrap}.uplog-stat span{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.uplog-stat.fresh span,.uplog-stat.appointment span,.uplog-stat.writeup span{color:var(--color-text-primary)}@media (max-width: 768px){.uplog{padding:14px}.uplog .uplog-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:15px;padding-bottom:12px}.uplog .uplog-header .uplog-header-left{width:100%;justify-content:space-between;gap:10px}.uplog .uplog-header .uplog-header-left h2{font-size:18px}.uplog .uplog-header .uplog-header-left h6{font-size:12px;padding:4px 8px}.uplog .uplog-header .date-selector{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px}.uplog .uplog-header .date-selector input{padding:6px 10px;font-size:13px;flex-shrink:0}.uplog .uplog-header .date-selector .link{flex-shrink:0}.uplog .uplog-header .date-selector .link span{margin-right:0;font-size:13px}.uplog-stats-group{gap:8px;margin:.75rem 0}.uplog-stat{padding:4px 8px;min-width:60px}.uplog-stat label{font-size:.825rem;margin-bottom:2px}.uplog-stat span{font-size:.95rem}.scroll-to-top-btn{bottom:10px;right:10px}.scroll-to-top-btn button{font-size:12px;padding:4px 8px}}.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.on-turn{background-color:#2ecc711f;border-color:#2ecc7166}.uplogrow-container.on-turn .uplogrow.row-1{background-color:#2ecc7114}.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:#000}.uplogrow-container .uplogrow .actions button.edit:hover{border:1px solid #000000}.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:var(--color-bg-app);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;border-radius:var(--radius-sm);box-shadow:none;padding:24px 24px 12px;font-family:var(--font-family);box-sizing:border-box}.uplogstats .link{color:var(--primary-color);text-underline-offset:5px;text-decoration-color:var(--primary-color)}.uplogstats.header-row{display:flex;align-items:center;background:var(--primary-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0;font-weight:600;font-size:1rem;color:#fff;padding:10px 0;margin-bottom:2px}.uplogstats.header-row .section,.uplogstats.header-row .small-section{background-color:var(--primary-color);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:16px 0;padding:10px 14px;border-radius:var(--radius-sm)}.uplogstats .employee-search select,.uplogstats .employee-search input,.uplogstats .employee-search .date-input{flex:1;width:250px;max-width:250px;padding:9px 12px;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg-card);transition:border-color .15s ease}.uplogstats .employee-search select:focus,.uplogstats .employee-search input:focus,.uplogstats .employee-search .date-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff26}.uplogstats .employee-search .date-separator{margin:0 10px;font-weight:600;color:var(--color-text-secondary)}.uplogstats .employee-search .multi-select-container{position:relative;flex:1;width:250px;max-width:250px;margin:0}.uplogstats .employee-search .multi-select-button{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);background:var(--color-bg-card);color:var(--color-text-primary);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:border-color .15s ease;min-height:40px}.uplogstats .employee-search .multi-select-button:hover{border-color:var(--primary-color)}.uplogstats .employee-search .multi-select-button .dropdown-arrow{font-size:12px;margin-left:8px;color:var(--color-text-secondary)}.uplogstats .employee-search .multi-select-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:4px;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:var(--shadow-md)}.uplogstats .employee-search .multi-select-actions{display:flex;gap:8px;padding:8px;border-bottom:1px solid var(--color-border);background:var(--color-bg-subtle)}.uplogstats .employee-search .select-action-btn{flex:1;padding:6px 12px;font-size:13px;border:1px solid var(--primary-color);border-radius:var(--radius-xs);background:var(--color-bg-card);color:var(--primary-color);cursor:pointer;font-family:var(--font-family);transition:all .15s ease}.uplogstats .employee-search .select-action-btn:hover{background:var(--primary-color);color:#fff}.uplogstats .employee-search .multi-select-option{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid var(--color-border)}.uplogstats .employee-search .multi-select-option:hover{background-color:var(--color-hover-bg)}.uplogstats .employee-search .multi-select-option input[type=checkbox]{margin-right:10px;cursor:pointer;width:16px;height:16px}.uplogstats .employee-search .multi-select-option span{color:var(--color-text-primary);font-weight:500;flex:1}@media (max-width: 768px){.uplogstats .employee-search{flex-wrap:wrap;gap:12px}.uplogstats .employee-search select,.uplogstats .employee-search input,.uplogstats .employee-search .date-input,.uplogstats .employee-search .multi-select-container{flex:1;min-width:200px;width:100%;max-width:none}}.uplogstats .pagination-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:12px 0}.uplogstats .pagination-container .pagination-arrow{padding:4px 8px;font-size:18px;line-height:1;border:none;background:transparent;color:var(--primary-color);cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.uplogstats .pagination-container .pagination-arrow:hover:not(:disabled){color:var(--primary-hover)}.uplogstats .pagination-container .pagination-arrow:disabled{opacity:.3;cursor:not-allowed}.uplogstats .pagination-container .pagination-info{font-size:14px;color:var(--color-text-secondary);margin:0 4px}.uplogstats .uplog-stats-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:1rem 0;flex-wrap:wrap}.uplogstats .uplog-stat{background:var(--color-bg-subtle);border-radius:var(--radius-sm);padding:4px 12px;border:none;border-left:3px solid var(--color-border);display:flex;flex-direction:column;align-items:flex-start;min-width:80px;transition:border-color .15s ease}.uplogstats .uplog-stat:hover{border-color:var(--primary-color)}.uplogstats .uplog-stat label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:4px;font-weight:500;white-space:nowrap}.uplogstats .uplog-stat span{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.uplogstats .uplog-stat.fresh span,.uplogstats .uplog-stat.appointment span,.uplogstats .uplog-stat.writeup span{color:var(--color-text-primary)}.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:10px}.uplogstats .uplog-stat{min-width:75px}.uplogstats .uplog-stat label{font-size:.825rem}.uplogstats .uplog-stat span{font-size:.95rem}.uplogstats.header-row{font-size:.9rem;padding:8px 0}}@media (max-width: 768px){.uplogstats{padding:12px 12px 6px;background:var(--color-bg-card);border-radius:var(--radius-sm)}.uplogstats .employee-search{border-radius:var(--radius-sm);padding:8px 0}.uplogstats .uplog-stats-group{gap:8px;margin:.8rem 0}.uplogstats .uplog-stat{min-width:70px;padding:4px 8px}.uplogstats .uplog-stat label{font-size:.825rem;margin-bottom:2px}.uplogstats .uplog-stat span{font-size:.95rem}.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:6px;margin:.6rem 0}.uplogstats .uplog-stat{min-width:60px;padding:4px 8px}.uplogstats .uplog-stat label{font-size:.78rem;margin-bottom:2px}.uplogstats .uplog-stat span{font-size:.9rem}.uplogstats.header-row{font-size:.7rem;padding:4px 0}}.section{flex:1 1 0;padding:6px 8px;text-align:left;border-right:1px solid var(--color-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-family);color:var(--color-text-primary)}.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:var(--primary-color);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}.small-section .checkmark{font-size:18px;font-weight:700;line-height:1}@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}.small-section .checkmark{font-size:16px}}@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}.small-section .checkmark{font-size:14px}}@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}.small-section .checkmark{font-size:12px}}@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}.small-section .checkmark{font-size:10px}}.leaderboardpage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--color-bg-app);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;font-family:var(--font-family)}.leaderboard .print-header{display:none}.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 .screen-title{margin:20px 0;color:var(--color-text-primary);font-size:26px;font-weight:700;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:10px 14px;border-radius:var(--radius-sm);box-shadow:none;border:1px solid var(--color-border);background-color:var(--color-bg-subtle);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:9px 12px;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background-color:var(--color-bg-card);color:var(--color-text-primary);font-family:var(--font-family);transition:border-color .15s ease}.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:var(--primary-color);box-shadow:0 0 0 2px #007bff26}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .date-separator{margin:0 8px;font-weight:600;color:var(--color-text-secondary);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-buttons .leaderboard-filters .apply-date-btn{padding:9px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background-color .2s ease;min-height:44px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .apply-date-btn:hover{background-color:var(--primary-hover)}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .apply-date-btn:active{transform:scale(.98)}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-label{font-size:14px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:var(--primary-color)}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-switch input[type=checkbox]:focus+.toggle-slider{box-shadow:0 0 0 2px #007bff33}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.3s;border-radius:24px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-switch .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .print-btn{padding:9px 20px;background-color:var(--color-text-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:background-color .2s ease;min-height:44px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .print-btn:hover{background-color:#000}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .print-btn:active{transform:scale(.98)}.leaderboard .leaderboard-container .leaderboard-table{width:100%;max-width:1500px;background:var(--color-bg-card);border-radius:var(--radius-sm);box-shadow:none;border:1px solid var(--color-border);overflow:hidden}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header{display:grid;grid-template-columns:60px 200px 1fr;gap:15px;padding:14px 20px;background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text-secondary);font-size:13px}.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-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;text-align:center}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-stats.cols-2{grid-template-columns:repeat(2,1fr)}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-stats .stat-item{font-size:13px;font-weight:600}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row{display:grid;grid-template-columns:60px 200px 1fr;gap:15px;padding:14px 20px;border-bottom:1px solid var(--color-border);align-items:center;transition:background-color .15s ease}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row:last-child{border-bottom:none}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row:hover{background-color:var(--color-hover-bg)}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row:nth-child(2n){background-color:var(--color-bg-subtle)}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row:nth-child(2n):hover{background-color:var(--color-hover-bg)}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-rank{text-align:center;font-weight:700;color:var(--color-text-secondary);font-size:15px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-name{font-weight:600;color:#fff;font-size:14px;padding:7px 10px;background-color:var(--primary-color);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-name.employee-link{text-decoration:none;cursor:pointer;transition:opacity .2s ease}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-name.employee-link:hover{opacity:.85;text-decoration:underline}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-name.employee-link:active{transform:scale(.98)}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;text-align:center}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats.cols-2{grid-template-columns:repeat(2,1fr)}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item{font-size:13px;color:var(--color-text-primary);font-weight:600}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item.prominent{font-size:15px;font-weight:700;color:var(--color-text-primary)}@media (max-width: 1024px){.leaderboard .leaderboard-container{padding:15px;max-width:95%}.leaderboard .leaderboard-container .screen-title{font-size:24px;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 10px;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-table .leaderboard-header,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-row{grid-template-columns:50px 180px 1fr;gap:12px;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:10px}.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,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-stats .stat-item.prominent,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .row-stats .stat-item.prominent,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-row .header-stats .stat-item.prominent,.leaderboard .leaderboard-container .leaderboard-table .leaderboard-row .row-stats .stat-item.prominent{font-size:13px}}@media (max-width: 768px){.leaderboard .leaderboard-container{width:100%;padding:10px}.leaderboard .leaderboard-container .screen-title{font-size:20px;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:4px 0;text-align:center}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .apply-date-btn{width:100%;padding:12px;font-size:16px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle{width:auto;justify-content:center}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-label{font-size:14px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-switch{width:48px;height:26px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-switch .toggle-slider:before{height:20px;width:20px}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .vacation-toggle .toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(22px)}.leaderboard .leaderboard-container .leaderboard-buttons .leaderboard-filters .print-btn{width:100%;padding:12px;font-size:16px}.leaderboard .leaderboard-container .leaderboard-table{border-radius:var(--radius-sm)}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header{display:grid;grid-template-columns:40px 1fr 2fr;gap:8px;padding:10px;font-size:12px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-stats{gap:8px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-stats .stat-item{font-size:12px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row{display:grid;grid-template-columns:40px 1fr 2fr;gap:8px;padding:10px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-rank{text-align:center;font-size:13px;font-weight:700}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-name{font-size:13px;padding:6px 8px;border-radius:var(--radius-xs);text-align:center}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats.cols-2{grid-template-columns:repeat(2,1fr)}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item{font-size:12px;text-align:center}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item.prominent{font-size:9px;font-weight:700}}@media (max-width: 480px){.leaderboard .leaderboard-container{padding:8px}.leaderboard .leaderboard-container .screen-title{font-size:18px;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:15px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header{padding:8px;font-size:11px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-stats{gap:6px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-header .header-stats .stat-item{font-size:11px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row{padding:8px;gap:6px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-rank{font-size:12px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-name{font-size:12px;padding:5px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats{gap:5px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item{font-size:11px}.leaderboard .leaderboard-container .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item.prominent{font-size:8px}}@media print{.leaderboard *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.leaderboard .screen-title,.leaderboard .leaderboard-buttons{display:none!important}.leaderboard .print-header{display:block!important;text-align:center;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.leaderboard .print-header h1{font-size:18pt!important;margin:0 0 4px!important;color:#333!important}.leaderboard .print-header .print-subtitle{font-size:12pt;font-weight:600;color:#555;margin-bottom:4px}.leaderboard .print-header .print-filters{font-size:9pt;color:#666;background-color:#f5f5f5;padding:4px 12px;border-radius:4px;display:inline-block;margin-bottom:4px}.leaderboard .print-header .print-date{font-size:8pt;color:#888}.leaderboard .leaderboard-container{padding:0!important;max-width:100%!important}.leaderboard .leaderboard-table{box-shadow:none!important;border:1px solid #E0E0E0!important;border-radius:0!important}.leaderboard .leaderboard-table .leaderboard-header{padding:6px 10px!important;background-color:#f5f5f5!important}.leaderboard .leaderboard-table .leaderboard-header .header-stats .stat-item{font-size:8pt!important}.leaderboard .leaderboard-table .leaderboard-rows .leaderboard-row{padding:4px 10px!important;page-break-inside:avoid!important;border-bottom:1px solid #E0E0E0!important}.leaderboard .leaderboard-table .leaderboard-rows .leaderboard-row .row-rank{font-size:9pt!important}.leaderboard .leaderboard-table .leaderboard-rows .leaderboard-row .row-name{font-size:9pt!important;padding:3px 5px!important}.leaderboard .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item{font-size:9pt!important}.leaderboard .leaderboard-table .leaderboard-rows .leaderboard-row .row-stats .stat-item.prominent{font-size:10pt!important}}.profile{background-color:var(--color-bg-app);min-height:100vh;padding:30px 20px;display:flex;justify-content:center;align-items:flex-start}.profile .profile-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg-card);padding:30px;border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);width:100%;max-width:800px;box-sizing:border-box;font-family:var(--font-family)}.profile .profile-header{width:100%;text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.profile .profile-header h1{margin:0;font-size:2rem;color:var(--color-text-primary);font-weight:600}.profile .month-selector{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:15px;width:100%}.profile .month-selector .month-arrow{cursor:pointer;font-size:20px;transition:opacity .2s ease}.profile .month-selector .month-arrow:hover:not(.disabled){opacity:.7}.profile .month-selector .month-arrow.disabled{cursor:not-allowed}.profile .month-selector .month-display{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.profile .section-divider{width:100%;height:1px;background-color:var(--color-border);margin:30px 0}.profile .vacation-units-section{width:95%;background-color:var(--color-bg-card);padding:20px;border-radius:var(--radius-sm);margin-top:10px;box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.profile .vacation-units-section h3{margin:0 0 15px;font-size:1rem;color:var(--color-text-primary);font-weight:600;text-align:center;border-bottom:2px solid var(--primary-color);padding-bottom:10px}.profile .vacation-units-section .vacation-units-stats{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:12px}.profile .vacation-units-section .vacation-units-stats span{font-size:11px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;padding:8px 12px;background-color:var(--color-bg-subtle);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.profile .vacation-units-section .vacation-units-stats span:first-child{border-left-color:#17a2b8}.profile .vacation-units-section .vacation-units-stats span:nth-child(2){border-left-color:#dc3545}.profile .vacation-units-section .vacation-units-stats span:last-child{border-left-color:#28a745;font-weight:700;background-color:#e8f5e9;border-left-width:4px}.profile .deals-header{width:100%;background-color:var(--color-bg-card);padding:20px;border-radius:var(--radius-sm);margin-bottom:25px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);box-sizing:border-box}.profile .deals-header .deals-header-title{margin:0 0 15px;font-size:1rem;color:var(--color-text-primary);font-weight:600;text-align:center;border-bottom:2px solid var(--primary-color);padding-bottom:10px}.profile .deals-header .deals-header-stats{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:12px}.profile .deals-header .deals-header-stats span{font-size:11px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;padding:8px 12px;background-color:var(--color-bg-subtle);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.profile .deals-header .deals-header-stats span:first-child{border-left-color:#28a745}.profile .deals-header .deals-header-stats span:nth-child(2){border-left-color:#ffc107}.profile .deals-header .deals-header-stats span:nth-child(3){border-left-color:#dc3545}.profile .deals-header .deals-header-stats span:nth-child(4){border-left-color:#17a2b8}.profile .deals-header .deals-header-stats span:last-child{border-left-color:#28a745;font-weight:700;background-color:#e8f5e9;border-left-width:4px}.profile .deals{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;box-sizing:border-box}.profile .no-deals{text-align:center;padding:40px 20px;background-color:var(--color-bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);border:1px solid var(--color-border);max-width:500px;width:calc(100% - 40px);margin:0 auto}.profile .no-deals h2{color:var(--color-text-secondary);font-size:1.3rem;margin:0 0 10px}.profile .no-deals p{color:var(--color-text-muted);margin:0}.profile .profile-loading,.profile .profile-error{padding:40px 20px;text-align:center;font-size:1.2rem;background-color:var(--color-bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.profile .profile-error{color:#d32f2f;border-color:#d32f2f}.profile .profile-loading{color:var(--color-text-secondary)}@media (max-width: 768px){.profile{padding:20px 10px}.profile .profile-container{padding:20px 15px;max-width:100%}.profile .profile-header{margin-bottom:20px}.profile .profile-header h1{font-size:1.6rem}.profile .month-selector{gap:8px;margin-bottom:12px}.profile .month-selector .month-arrow{font-size:18px}.profile .month-selector .month-display{font-size:.8rem}.profile .section-divider{margin:20px 0}.profile .vacation-units-section{padding:15px;margin-top:10px}.profile .vacation-units-section h3{font-size:.9rem;margin-bottom:12px;padding-bottom:8px}.profile .vacation-units-section .vacation-units-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile .vacation-units-section .vacation-units-stats span{font-size:11px;text-align:center;padding:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px}.profile .vacation-units-section .vacation-units-stats span:first-child{border-left-color:#17a2b8}.profile .vacation-units-section .vacation-units-stats span:nth-child(2){border-left-color:#dc3545}.profile .vacation-units-section .vacation-units-stats span:last-child{border-left-color:#28a745;font-weight:700;background-color:#e8f5e9;border-left-width:4px}.profile .deals-header{padding:15px}.profile .deals-header .deals-header-title{font-size:.9rem;margin-bottom:12px;padding-bottom:8px}.profile .deals-header .deals-header-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile .deals-header .deals-header-stats span{font-size:13px;text-align:center;padding:8px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px}.profile .deals-header .deals-header-stats span:first-child{border-left-color:#28a745}.profile .deals-header .deals-header-stats span:nth-child(2){border-left-color:#ffc107}.profile .deals-header .deals-header-stats span:nth-child(3){border-left-color:#dc3545}.profile .deals-header .deals-header-stats span:nth-child(4){border-left-color:#17a2b8}.profile .deals-header .deals-header-stats span:last-child{border-left-color:#28a745;font-weight:700;background-color:#e8f5e9;border-left-width:4px}.profile .deals{gap:10px}.profile .no-deals{padding:30px 15px;width:calc(100% - 30px);max-width:400px}.profile .no-deals h2{font-size:1.1rem}.profile .no-deals p{font-size:14px}}@media (max-width: 480px){.profile{padding:15px 10px}.profile .profile-container{padding:15px 12px}.profile .profile-header{margin-bottom:15px;padding-bottom:15px}.profile .profile-header h1{font-size:1.3rem}.profile .month-selector{gap:6px;margin-bottom:10px}.profile .month-selector .month-arrow{font-size:16px}.profile .month-selector .month-display{font-size:.75rem}.profile .section-divider{margin:15px 0}.profile .vacation-units-section{padding:10px;margin-top:10px}.profile .vacation-units-section h3{font-size:.85rem;margin-bottom:10px;padding-bottom:6px}.profile .vacation-units-section .vacation-units-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.profile .vacation-units-section .vacation-units-stats span{font-size:11px;text-align:center;padding:6px 4px;border-radius:var(--radius-xs);border-left:2px solid var(--primary-color);font-weight:600;display:flex;align-items:center;justify-content:center;min-height:32px;line-height:1.2}.profile .vacation-units-section .vacation-units-stats span:first-child{border-left-color:#17a2b8}.profile .vacation-units-section .vacation-units-stats span:nth-child(2){border-left-color:#dc3545}.profile .vacation-units-section .vacation-units-stats span:last-child{grid-column:1/-1;border-left-color:#28a745;font-weight:700;background-color:#e8f5e9;font-size:12px;border-left-width:3px}.profile .deals-header{padding:10px}.profile .deals-header .deals-header-title{font-size:.85rem;margin-bottom:10px;padding-bottom:6px}.profile .deals-header .deals-header-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.profile .deals-header .deals-header-stats span{font-size:11px;text-align:center;padding:6px 4px;border-radius:var(--radius-xs);border-left:2px solid var(--primary-color);font-weight:600;display:flex;align-items:center;justify-content:center;min-height:32px;line-height:1.2}.profile .deals-header .deals-header-stats span:first-child{border-left-color:#28a745}.profile .deals-header .deals-header-stats span:nth-child(2){border-left-color:#ffc107}.profile .deals-header .deals-header-stats span:nth-child(3){border-left-color:#dc3545}.profile .deals-header .deals-header-stats span:nth-child(4){border-left-color:#17a2b8}.profile .deals-header .deals-header-stats span:last-child{grid-column:1/-1;border-left-color:#28a745;font-weight:700;background-color:#e8f5e9;font-size:12px;border-left-width:3px}.profile .deals{gap:10px}.profile .no-deals{padding:25px 15px;width:calc(100% - 30px);max-width:100%}.profile .no-deals h2{font-size:1rem;margin:0 0 8px}.profile .no-deals p{font-size:13px}}.profiledeal-row{display:flex;flex-direction:row;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;border:1px solid #ddd;box-sizing:border-box;overflow:hidden;transition:box-shadow .2s ease}.profiledeal-row:hover{box-shadow:0 3px 8px #00000026}.profiledeal-row .deal-field{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 10px;border-right:1px solid #e0e0e0;min-height:60px;box-sizing:border-box}.profiledeal-row .deal-field:last-child{border-right:none}.profiledeal-row .deal-field .field-label{font-size:10px;text-transform:uppercase;color:#6c757d;font-weight:600;margin-bottom:4px;letter-spacing:.3px;white-space:nowrap}.profiledeal-row .deal-field .field-value{font-size:10px;font-weight:600;color:#333;text-align:center;word-wrap:break-word}.profiledeal-row .date-field{flex:1.2}.profiledeal-row .stock-field{flex:1}.profiledeal-row .info-field{flex:1.8}.profiledeal-row .info-field .field-value{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.profiledeal-row .type-field{flex:.7}.profiledeal-row .split-field{flex:.7;background-color:#f8f9fa}.profiledeal-row .split-field .field-value{font-weight:700;color:var(--primary-color)}.profiledeal-row .gross-field{flex:1.1}.profiledeal-row .commission-field{flex:1.1;background-color:#28a745}.profiledeal-row .commission-field .field-label{color:#ffffffe6}.profiledeal-row .commission-field .field-value{color:#fff;font-weight:700;font-size:10px}@media (max-width: 768px){.profiledeal-row{flex-direction:column;padding:15px;gap:12px}.profiledeal-row .deal-field{flex-direction:row;justify-content:space-between;align-items:center;padding:10px 0;border-right:none;border-bottom:1px solid #e0e0e0;min-height:auto}.profiledeal-row .deal-field:last-child{border-bottom:none}.profiledeal-row .deal-field .field-label{font-size:11px;text-align:left;margin-bottom:0}.profiledeal-row .deal-field .field-value{font-size:13px;text-align:right}.profiledeal-row .info-field .field-value{white-space:normal;font-size:13px;max-width:60%}.profiledeal-row .split-field{background-color:transparent;border-left:3px solid var(--primary-color);padding-left:12px}.profiledeal-row .commission-field{background-color:transparent;border-left:3px solid #28a745;padding-left:12px;margin-top:5px}.profiledeal-row .commission-field .field-label{color:#28a745;font-weight:700}.profiledeal-row .commission-field .field-value{color:#28a745;font-size:16px}.profiledeal-row .gross-field .field-value{font-weight:700;color:#333}}@media (max-width: 480px){.profiledeal-row{padding:12px;gap:10px}.profiledeal-row .deal-field{padding:8px 0}.profiledeal-row .deal-field .field-label{font-size:10px}.profiledeal-row .deal-field .field-value{font-size:12px}.profiledeal-row .date-field{order:1}.profiledeal-row .info-field{order:2}.profiledeal-row .info-field .field-value{font-size:12px;font-weight:700;max-width:55%}.profiledeal-row .type-field{order:3}.profiledeal-row .stock-field{order:4}.profiledeal-row .split-field{order:5;padding-left:10px}.profiledeal-row .gross-field{order:6}.profiledeal-row .gross-field .field-value{font-size:13px}.profiledeal-row .commission-field{order:7;padding-left:10px}.profiledeal-row .commission-field .field-value{font-size:15px}}@media (max-width: 360px){.profiledeal-row{padding:10px;gap:8px}.profiledeal-row .deal-field{padding:6px 0}.profiledeal-row .deal-field .field-label{font-size:9px}.profiledeal-row .deal-field .field-value{font-size:11px}.profiledeal-row .commission-field .field-value{font-size:14px}}.summarypage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--color-bg-app);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}}.monthly-summary{background-color:var(--color-bg-app);min-height:100vh;padding:30px 20px;display:flex;justify-content:center;align-items:flex-start}.monthly-summary .monthly-summary-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg-card);padding:30px 30px 5px;border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);width:100%;max-width:900px;box-sizing:border-box;position:relative;font-family:var(--font-family)}.monthly-summary .back-link{position:absolute;top:20px;left:20px;cursor:pointer;color:var(--primary-color);font-size:14px}.monthly-summary .back-link:hover{text-decoration:underline}.monthly-summary .monthly-summary-header{width:100%;text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.monthly-summary .monthly-summary-header h1{padding-top:15px;margin:0 0 10px;font-size:2rem;color:var(--color-text-primary);font-weight:600}.monthly-summary .monthly-summary-header h2{margin:0;font-size:1.3rem;color:var(--color-text-secondary);font-weight:500}.monthly-summary .rolling-averages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;margin-bottom:30px}.monthly-summary .rolling-averages .average-card{background-color:var(--color-bg-card);padding:20px;border-radius:var(--radius-sm);box-shadow:var(--shadow-card);text-align:center;border:1px solid var(--color-border)}.monthly-summary .rolling-averages .average-card .average-label{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:12px;font-weight:600}.monthly-summary .rolling-averages .average-card .average-breakdown{display:flex;flex-direction:column;gap:8px;font-size:1rem}.monthly-summary .rolling-averages .average-card .average-breakdown span{color:var(--color-text-primary);font-weight:500}.monthly-summary .rolling-averages .average-card .average-breakdown .avg-total{margin-top:4px;padding-top:8px;border-top:1px solid var(--color-border);font-weight:700;color:var(--primary-color);font-size:1.1rem}.monthly-summary .monthly-summary-table{width:100%;background-color:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);overflow:hidden;margin-bottom:25px}.monthly-summary .monthly-summary-table .table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background-color:var(--primary-color);color:#fff;font-weight:600;font-size:1rem;padding:15px 0}.monthly-summary .monthly-summary-table .table-header .table-cell{padding:0 15px;text-align:center}.monthly-summary .monthly-summary-table .table-header .table-cell.month-cell{text-align:left}.monthly-summary .monthly-summary-table .table-body .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 0;border-bottom:1px solid var(--color-border);transition:background-color .12s ease}.monthly-summary .monthly-summary-table .table-body .table-row:hover{background-color:var(--color-hover-bg)}.monthly-summary .monthly-summary-table .table-body .table-row:last-child{border-bottom:none}.monthly-summary .monthly-summary-table .table-body .table-row.current-month{background-color:#e8f5e9;font-weight:600}.monthly-summary .monthly-summary-table .table-body .table-row.current-month:hover{background-color:#c8e6c9}.monthly-summary .monthly-summary-table .table-body .table-row .table-cell{padding:0 15px;text-align:center;font-size:.95rem;color:var(--color-text-primary)}.monthly-summary .monthly-summary-table .table-body .table-row .table-cell.month-cell{text-align:left;font-weight:500}.monthly-summary .monthly-summary-table .table-body .table-row .table-cell.total-cell{font-weight:600;color:var(--color-text-primary)}.monthly-summary .summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%;gap:20px;flex-wrap:wrap}.monthly-summary .summary-stats .stat-card{background-color:var(--color-bg-card);padding:20px;border-radius:var(--radius-sm);box-shadow:var(--shadow-card);border:1px solid var(--color-border);text-align:center}.monthly-summary .summary-stats .stat-card .stat-label{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:10px;font-weight:500}.monthly-summary .summary-stats .stat-card .stat-value{font-size:1.8rem;color:var(--primary-color);font-weight:700}.monthly-summary .monthly-summary-error{padding:40px 20px;text-align:center;font-size:1.2rem;background-color:var(--color-bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);border:1px solid var(--color-border);color:#d32f2f;border-color:#d32f2f}.monthly-summary .no-deals{text-align:center;padding:40px 20px;background-color:var(--color-bg-card);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);border:1px solid var(--color-border);max-width:500px;width:100%;margin:0 auto}.monthly-summary .no-deals h2{color:var(--color-text-secondary);font-size:1.3rem;margin:0 0 10px}.monthly-summary .no-deals p{color:var(--color-text-muted);margin:0}@media (max-width: 768px){.monthly-summary{padding:20px 10px}.monthly-summary .monthly-summary-container{padding:20px 15px;max-width:100%}.monthly-summary .back-link{top:15px;left:15px;font-size:13px}.monthly-summary .monthly-summary-header{margin-bottom:20px}.monthly-summary .monthly-summary-header h1{font-size:1.6rem}.monthly-summary .monthly-summary-header h2{font-size:1.1rem}.monthly-summary .rolling-averages{gap:15px;margin-bottom:20px}.monthly-summary .rolling-averages .average-card{padding:15px}.monthly-summary .rolling-averages .average-card .average-label{font-size:.85rem}.monthly-summary .rolling-averages .average-card .average-breakdown{font-size:.9rem}.monthly-summary .rolling-averages .average-card .average-breakdown .avg-total{font-size:1rem}.monthly-summary .monthly-summary-table .table-header{font-size:.9rem;padding:12px 0}.monthly-summary .monthly-summary-table .table-header .table-cell{padding:0 10px}.monthly-summary .monthly-summary-table .table-body .table-row{padding:10px 0}.monthly-summary .monthly-summary-table .table-body .table-row .table-cell{padding:0 10px;font-size:.85rem}.monthly-summary .summary-stats{gap:15px}.monthly-summary .summary-stats .stat-card{padding:15px;min-width:120px}.monthly-summary .summary-stats .stat-card .stat-label{font-size:.8rem}.monthly-summary .summary-stats .stat-card .stat-value{font-size:1.5rem}}@media (max-width: 480px){.monthly-summary{padding:15px 10px}.monthly-summary .monthly-summary-container{padding:15px 12px}.monthly-summary .back-link{top:12px;left:12px;font-size:12px}.monthly-summary .monthly-summary-header{margin-bottom:15px;padding-bottom:15px}.monthly-summary .monthly-summary-header h1{font-size:1.3rem;margin-bottom:8px}.monthly-summary .monthly-summary-header h2{font-size:1rem}.monthly-summary .rolling-averages{grid-template-columns:1fr;gap:12px;margin-bottom:15px}.monthly-summary .rolling-averages .average-card{padding:12px}.monthly-summary .rolling-averages .average-card .average-label{font-size:.8rem}.monthly-summary .rolling-averages .average-card .average-breakdown{font-size:.85rem}.monthly-summary .rolling-averages .average-card .average-breakdown .avg-total{font-size:.95rem}.monthly-summary .monthly-summary-table .table-header{font-size:.75rem;padding:10px 0;grid-template-columns:2fr 1fr 1fr 1fr}.monthly-summary .monthly-summary-table .table-header .table-cell{padding:0 6px}.monthly-summary .monthly-summary-table .table-body .table-row{padding:8px 0;grid-template-columns:2fr 1fr 1fr 1fr}.monthly-summary .monthly-summary-table .table-body .table-row .table-cell{padding:0 6px;font-size:.75rem}.monthly-summary .summary-stats{flex-direction:column;gap:12px}.monthly-summary .summary-stats .stat-card{width:100%;padding:12px}.monthly-summary .summary-stats .stat-card .stat-label{font-size:.75rem}.monthly-summary .summary-stats .stat-card .stat-value{font-size:1.3rem}}.monthlySummaryPage{width:100%;height:100%}@page{size:landscape;margin:.25cm}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-family:system-ui,-apple-system,sans-serif!important;border-radius:0!important;box-shadow:none!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;background:#ffffff!important}.tick-container .date-and-settings-container,.tick-container .print-control-container{display:none!important}.tick-container .team-section{margin-bottom:8px!important;page-break-inside:avoid!important;break-inside:avoid!important;border:none!important;box-shadow:none!important}.tick-container .team-section h1{margin:0 0 2px!important;padding:0 0 2px!important;border-bottom:1px solid #E0E0E0!important;font-size:7pt!important;line-height:1.2!important;font-family:system-ui,sans-serif!important}.tick-container .store-totals{margin:0 0 3px!important;page-break-inside:avoid!important}.tick-container .ticktotal .total-title h3{font-size:6.5pt!important;margin:0 0 1px!important;padding:0!important;font-family:system-ui,sans-serif!important}.tick-container .ticktotal .summary-container{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;padding:0!important;margin:0!important;background:#ffffff!important;border:1px solid #E0E0E0!important}.tick-container .ticktotal .total-section{flex:1 1 0!important;min-width:0!important;border:1px solid #E0E0E0!important;padding:2px 4px!important;border-left:none!important;background:transparent!important}.tick-container .ticktotal .total-section:first-child{border-left:1px solid #E0E0E0!important}.tick-container .ticktotal .total-section .total-title h4{font-size:6pt!important;margin:0 0 1px!important;padding:0!important;font-weight:600!important;font-family:system-ui,sans-serif!important;text-decoration:none!important}.tick-container .ticktotal .total-section .total-numbers{display:flex!important;gap:4px!important;padding:0!important;margin:0!important}.tick-container .ticktotal .total-section .total-stat{display:flex!important;gap:1px!important;align-items:center!important}.tick-container .ticktotal .total-section .total-stat label{font-size:5.5pt!important;margin:0!important;padding:0!important;font-weight:400!important;font-family:system-ui,sans-serif!important;color:#555!important}.tick-container .ticktotal .total-section .total-stat span{font-size:5.5pt!important;margin:0!important;padding:0!important;font-weight:600!important;font-family:system-ui,sans-serif!important}.tick-container .tick-table{display:table!important;width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;border:1px solid #E0E0E0!important;box-shadow:none!important;overflow:visible!important;page-break-inside:avoid!important;border-radius:0!important}.tick-container .tick-table .tick-table-header{display:table-row!important;color:#fff!important;width:auto!important;min-width:0!important;padding:0!important;gap:0!important;border-radius:0!important}.tick-container .tick-table .team-members{display:table-row-group!important;width:auto!important;min-width:0!important;padding:0!important;margin:0!important}.tick-container .tick-table .tickstats-container{display:contents!important;padding:0!important;margin:0!important;border:none!important;background:transparent!important}.tick-container .tick-table .tick-table-row{display:table-row!important;width:auto!important;min-width:0!important;padding:0!important;gap:0!important;background:#ffffff!important;page-break-inside:avoid!important;break-inside:avoid!important}.tick-container .tick-table .tick-table-row.team-total-row{background:#c2c4c5!important;font-weight:700!important}.tick-container .tick-table .tick-table-header .header-cell{display:table-cell!important;text-align:center!important;padding:5px 3px!important;font-size:6pt!important;line-height:1.4!important;white-space:nowrap!important;vertical-align:middle!important;font-weight:700!important;box-sizing:border-box!important;font-family:system-ui,sans-serif!important}.tick-container .tick-table .tick-table-row .table-cell{display:table-cell!important;text-align:center!important;padding:1px 3px!important;font-size:6pt!important;line-height:1.2!important;white-space:nowrap!important;vertical-align:middle!important;font-weight:600!important;color:#333!important;border-bottom:1px solid #E0E0E0!important;box-sizing:border-box!important;font-family:system-ui,sans-serif!important}.tick-container .tick-table .tick-table-row.team-total-row .table-cell{font-weight:700!important;color:#333!important;border-bottom:none!important;border-top:1px solid #a8a9aa!important}.tick-container .tick-table .tick-table-header .header-cell.name-cell,.tick-container .tick-table .tick-table-row .table-cell.name-cell{text-align:left!important;width:20%!important;min-width:0!important}.tick-container .tick-table,.tick-container .tick-table .tick-table-row{page-break-inside:avoid!important;break-inside:avoid!important}.tick-container .summary-table{display:table!important;width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;border:1px solid #E0E0E0!important;box-shadow:none!important;overflow:visible!important;page-break-inside:avoid!important;border-radius:0!important}.tick-container .summary-table .summary-table-header{display:table-row!important;color:#fff!important;position:static!important;top:auto!important;width:auto!important;min-width:0!important;padding:0!important;gap:0!important;border-radius:0!important}.tick-container .summary-table .team-members{display:table-row-group!important;width:auto!important;min-width:0!important;padding:0!important;margin:0!important}.tick-container .summary-table .summarystats-container,.tick-container .summary-table .team-total{display:contents!important;padding:0!important;margin:0!important;border:none!important;background:transparent!important}.tick-container .summary-table .summary-table-row{display:table-row!important;width:auto!important;min-width:0!important;padding:0!important;gap:0!important;background:#ffffff!important;page-break-inside:avoid!important;break-inside:avoid!important}.tick-container .summary-table .summary-table-row.team-total-row{background:#c2c4c5!important;font-weight:700!important}.tick-container .summary-table .summary-table-header .header-cell{display:table-cell!important;text-align:center!important;padding:5px 3px!important;font-size:6pt!important;line-height:1.4!important;white-space:nowrap!important;vertical-align:middle!important;font-weight:700!important;box-sizing:border-box!important;font-family:system-ui,sans-serif!important}.tick-container .summary-table .summary-table-row .table-cell{display:table-cell!important;text-align:center!important;padding:1px 3px!important;font-size:6pt!important;line-height:1.2!important;white-space:nowrap!important;vertical-align:middle!important;font-weight:600!important;color:#333!important;border-bottom:1px solid #E0E0E0!important;box-sizing:border-box!important;font-family:system-ui,sans-serif!important}.tick-container .summary-table .summary-table-row.team-total-row .table-cell{font-weight:700!important;color:#333!important;border-bottom:none!important;border-top:1px solid #a8a9aa!important;background:#c2c4c5!important}.tick-container .summary-table .summary-table-header .header-cell.name-cell,.tick-container .summary-table .summary-table-row .table-cell.name-cell{text-align:left!important;width:20%!important;min-width:0!important}.tick-container .summary-table,.tick-container .summary-table .summary-table-row{page-break-inside:avoid!important;break-inside:avoid!important}.tick-container .summary-table .summary-table-row .vacation-input{display:block!important;width:100%!important;border:none!important;outline:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;color:#333!important;font-size:6pt!important;font-weight:600!important;font-family:system-ui,sans-serif!important;line-height:1.2!important;text-align:center!important;-webkit-appearance:none!important;-moz-appearance:textfield!important;appearance:none!important}.tick-container .summary-table .summary-table-row .vacation-input::-webkit-inner-spin-button,.tick-container .summary-table .summary-table-row .vacation-input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.tick-container .summarytotal{margin:0 0 3px!important;page-break-inside:avoid!important;border:none!important;box-shadow:none!important}.tick-container .summarytotal .summary-title h3{margin:0 0 1px!important;padding:0 0 1px!important;border-bottom:1px solid #E0E0E0!important;font-size:6.5pt!important;line-height:1!important;font-family:system-ui,sans-serif!important}.tick-container .summarytotal .summary-container{display:grid!important;padding:2px 4px!important;gap:4px!important;box-shadow:none!important;border:1px solid #E0E0E0!important;border-radius:0!important;background:transparent!important;grid-template-columns:repeat(6,1fr)!important}.tick-container .summarytotal .total-title h4{font-size:6pt!important;margin:0!important;text-decoration:none!important;font-family:system-ui,sans-serif!important}.tick-container .summarytotal .total-numbers{gap:2px!important;padding:1px 0!important}.tick-container .summarytotal .total-numbers label,.tick-container .summarytotal .total-numbers span{font-size:5.5pt!important;font-family:system-ui,sans-serif!important}.summarypage .team-section{margin-bottom:8px!important;border:none!important;box-shadow:none!important}.summarypage .team-section h1{margin:0 0 2px!important;padding:0 0 2px!important;border-bottom:1px solid #E0E0E0!important;font-size:7pt!important;line-height:1.2!important;font-family:system-ui,sans-serif!important}.deal-container,.uplog,.uplogstats,.leaderboard-table,.permissions,.team-editor,.ep-container{box-shadow:none!important;border:1px solid #E0E0E0!important;border-radius:0!important;background:#ffffff!important}}