@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;700&display=swap";.card{border:1px solid var(--color-neutral-darker, rgba(145, 158, 171, .2));border-radius:16px;background-color:#fff;overflow:hidden;transition:all .25s ease;height:100%}.card-header{background-color:var(--color-neutral-lighter, #f5f5f5);padding:16px;font-size:20px;font-weight:500}.card-content{padding:16px;font-size:14px;color:var(--color-neutral-dark);height:100%}.card-footer{background-color:var(--color-neutral-lighter, #f5f5f5);padding:12px;font-size:12px;text-align:center;border-top:1px solid var(--color-neutral-darker, rgba(145, 158, 171, .2))}.dashboard-layout{display:flex;height:100vh;overflow:hidden;background-color:#f6f7f8;padding:1rem 1rem 1rem 0}.dashboard-layout__content{padding:0rem 2rem 0;overflow-y:auto;flex:1}.dashboard-layout__sidebar{width:300px;transition:all .3s ease;position:relative;z-index:20;height:100vh;overflow-y:auto;padding:0 1rem}.dashboard-layout__sidebar.open{width:250px;left:0}.dashboard-layout__sidebar__logo{font-weight:700;text-align:center;color:#333;display:flex;align-items:center;justify-content:space-between;padding:0 .4rem;transition:all .3s ease;border-bottom:1px solid rgba(145,158,171,.2)}.dashboard-layout__sidebar__logo img{cursor:pointer;width:150px;height:auto;transition:all .3s ease;padding-bottom:1rem}.dashboard-layout__sidebar__logo .collapse-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;color:#637381}.dashboard-layout__sidebar__logo .collapse-button:hover{background-color:#63738114;color:#212b36}.dashboard-layout__sidebar__logo .collapse-button svg{width:20px;height:20px}.dashboard-layout__sidebar__nav{padding-top:1rem}.dashboard-layout__sidebar__nav ul{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.dashboard-layout__sidebar__nav__item{cursor:pointer;position:relative;width:100%}.dashboard-layout__sidebar__nav__item:hover{background:#fff;border-radius:16px}.dashboard-layout__sidebar__nav__item__link{display:flex;align-items:center;padding:16px;justify-content:space-between}.dashboard-layout__sidebar__nav__item__link__content{display:flex;align-items:center;gap:.5rem;font-size:14px}.dashboard-layout__sidebar__nav__item__link__content__icon{border:1px solid red;width:36px;height:36px;display:flex;justify-content:center;align-items:center;border:1px solid #dadfe3;border-radius:8px;background-color:#fff}.dashboard-layout__sidebar__nav__item__link .submenu-arrow{transition:transform .3s ease;transform:rotate(90deg)}.dashboard-layout__sidebar__nav__item__link .submenu-arrow.active{transform:rotate(0)}.dashboard-layout__sidebar__nav__submenu{position:fixed;left:290px;top:auto;min-width:200px;background:#fff;box-shadow:0 2px 8px #00000026;opacity:0;pointer-events:none;transform:translate(-10px);transition:all .2s ease;z-index:1100;border-radius:8px;font-size:14px;border:1px solid #dadfe3;margin-left:.5rem}.dashboard-layout__sidebar__nav__submenu.open{opacity:1;pointer-events:auto;transform:translate(0);display:block;visibility:visible}.dashboard-layout__sidebar__nav__submenu a:hover{color:#637381;text-decoration:none;cursor:pointer}.dashboard-layout__sidebar__nav__submenu__item{display:block;text-decoration:none;color:inherit;padding:.4rem}.dashboard-layout__sidebar__nav__submenu__item__link{display:flex;align-items:center;transition:background-color .2s ease;gap:.5rem;padding:.5rem}.dashboard-layout__sidebar__nav__submenu__item__link__icon{border:1px solid red;width:36px;height:36px;display:flex;justify-content:center;align-items:center;border:1px solid #dadfe3;border-radius:8px;background-color:#fff}.dashboard-layout__sidebar__nav__submenu__item__link:hover{background-color:#0000000a;text-decoration:none;padding:.5rem;border-radius:8px;cursor:pointer}.dashboard-layout__sidebar__nav__submenu__item__link:hover a{text-decoration:none}.dashboard-layout__sidebar__loading{display:flex;justify-content:center;align-items:center;min-height:200px}.dashboard-layout__sidebar__loading .loading-spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #00a76f;border-radius:50%;animation:spin 1s linear infinite}.dashboard-layout__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:15;transition:opacity .3s ease}.dashboard-layout__main{flex:1;display:flex;flex-direction:column;height:97vh;background-color:#fff;border-radius:16px;border:1px solid #dadfe3}.dashboard-layout__main__topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.dashboard-layout__main__topbar__hamburger{font-size:1.5em;background:none;border:none;cursor:pointer;display:none}.dashboard-layout__main__topbar__actions{display:flex;align-items:center;gap:1rem}.dashboard-layout__main__topbar__actions__notification{width:18px;height:18px}.dashboard-layout__main__topbar__actions :is(button,a){background:none;border:none;cursor:pointer}.dashboard-layout__main__topbar__actions__profile{display:flex;align-items:center}.dashboard-layout__main__topbar__actions__profile__image{width:35px;height:35px;border-radius:50%;margin-right:10px;cursor:pointer}@media (max-width: 768px){.dashboard-layout__sidebar{position:absolute;left:-250px;top:0;height:100%;transition:all .3s ease;width:250px;z-index:20}.dashboard-layout__sidebar.open{background-color:#fff;left:0}.dashboard-layout__main__topbar__hamburger{display:block}.dashboard-layout.sidebar-open .dashboard-layout__main__content{filter:brightness(.7)}}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar{width:52px;padding:0 .5rem}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar__nav__item__link:hover{background:#f6f7f8}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar__logo{justify-content:center;border-bottom:1px solid rgba(145,158,171,.2);padding-top:.5rem}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar__logo img{width:48px;height:48px;cursor:pointer;transition:transform .2s ease}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar__logo img:hover{transform:scale(1.1)}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar .dashboard-layout__sidebar__nav__item__link{padding:12px 8px;justify-content:center}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar .dashboard-layout__sidebar__nav__item__link__content{justify-content:center}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar .dashboard-layout__sidebar__nav__item__link__content span{display:none}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar .dashboard-layout__sidebar__nav__item__link__content__icon{margin:0}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar .dashboard-layout__sidebar__nav__item__link .submenu-arrow{display:none}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar .dashboard-layout__sidebar__nav__item:hover .tooltip{opacity:1;visibility:visible}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar .dashboard-layout__sidebar__nav__item .tooltip{position:fixed;left:60px;background:#212b36e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;pointer-events:none}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar .dashboard-layout__sidebar__nav__item .tooltip:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid rgba(33,43,54,.9)}.dashboard-layout.sidebar-collapsed .dashboard-layout__sidebar .dashboard-layout__sidebar__nav__submenu.open{left:52px}.language-switcher{position:relative;display:inline-block;width:22px;height:22px}.language-popover{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;z-index:1000;border-radius:4px;width:max-content}.language-popover ul{list-style:none;margin:0;padding:0}.language-popover li{padding:8px;cursor:pointer;display:flex;gap:.5rem;align-items:center}.language-popover li:hover{background-color:#f0f0f0}.dashboard-layout__main__topbar__actions__profile{position:relative;display:inline-block}.dashboard-layout__main__topbar__actions__profile__image{cursor:pointer;width:40px;height:40px;border-radius:50%}.profile-popover{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;z-index:1000;border-radius:4px;width:max-content}.profile-popover li a{list-style-type:none}.language-popover-profiler ul{list-style:none;margin:0;padding:0}.profile-popover li{padding:8px;cursor:pointer;display:flex;font-size:14px;align-items:center}.profile-popover li a{text-decoration:none;font-size:14px}.profile-popover li:hover{background-color:#f0f0f0}.avatar-loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.input-container{position:relative;display:flex;flex-direction:column}.input-container.standard .input{border:1px solid var(--color-neutral-darker);color:var(--color-neutral-dark);border-radius:6px;transition:border-color .25s;padding:12px 16px;min-height:50px}.input-container.standard.hovered .input{border-color:var(--color-neutral-dark, #c1c1c1)}.input-container.standard.focused .input{border-color:var(--color-primary, #00a76f)}.input-container.standard.error .input{border-color:var(--color-error, #ff5630)}.input-container.standard.disabled .input{background-color:var(--color-neutral-darker, #f5f5f5);border-color:var(--color-neutral-darker, #ddd);color:#8b98a6;cursor:not-allowed}.input-container.outlined .input{border:1px solid var(--color-neutral-dark);border-radius:6px;transition:border-color .25s;padding:12px 16px;min-height:50px}.input-container.outlined.hovered .input{box-shadow:inset 0 0 0 1px var(--color-neutral-dark, #c1c1c1)}.input-container.outlined.focused .input{box-shadow:inset 0 0 0 2px var(--color-primary, #00a76f)}.input-container.outlined.error .input{box-shadow:inset 0 0 0 2px var(--color-error, #ff5630)}.input-container.outlined.disabled .input{background-color:var(--color-neutral-lighter, #f5f5f5);box-shadow:inset 0 0 0 1px var(--color-neutral, #ddd);cursor:not-allowed}.input-container.underline .input{border:1px solid var(--color-neutral-dark);border-radius:6px;padding:12px 16px;min-height:50px;border:none;border-bottom:1px solid var(--color-neutral, #ddd);transition:border-color .25s}.input-container.underline.hovered .input{border-bottom-color:var(--color-neutral-dark, #c1c1c1)}.input-container.underline.focused .input{border-bottom-color:var(--color-primary, #00a76f)}.input-container.underline.error .input{border-bottom-color:var(--color-error, #ff5630)}.input-container.underline.disabled .input{background-color:var(--color-neutral-lighter, #f5f5f5);border-bottom-color:var(--color-neutral, #ddd);cursor:not-allowed}.input-container .input-wrapper{display:flex;width:100%;position:relative}.input-container .input-wrapper .copy-button{border-top-right-radius:89px;border-bottom-right-radius:89px;border:none;border-left:none;padding:12px 16px;background-color:var(--color-primary, #00a76f);color:#fff;cursor:pointer}.input-container .input-wrapper .copy-button:hover{background-color:var(--color-primary, #00a76f)}.input-container .input-wrapper .eye-button{position:absolute;right:3%;top:3%;bottom:0;border:none;background-color:transparent;cursor:pointer}.input-container .input-wrapper .eye-button svg{fill:var(--color-neutral-dark)}.input-container .input-wrapper .eye-button:hover svg{fill:var(--color-primary)}.input-container.file-input .custom-file-label{display:flex;align-items:center;border:1px solid var(--color-neutral-dark);border-radius:6px;padding:12px;background-color:var(--color-neutral-light);cursor:pointer;transition:border-color .25s}.input-container.file-input .custom-file-label:hover{border-color:var(--color-primary)}.input-container.file-input .custom-file-label:focus{outline:none;border-color:var(--color-primary)}.input-container.file-input .file-name{margin-left:12px;font-size:12px;color:var(--color-neutral-dark)}.input-container.file-input input[type=file]{display:none}.input-container .input-label{font-size:14px;color:var(--color-neutral-dark);margin-bottom:4px;transition:color .25s}.input-container .input-label.focused{color:var(--color-primary, #00a76f)}.input-container .input-label.error{color:var(--color-error, #ff5630)}.input-container .input-label.disabled{color:var(--color-neutral-dark, #bdbdbd)}.input-container .input{width:100%;font-size:16px;transition:border-color .25s ease;outline:none}.input-container .input:disabled{cursor:not-allowed}.input-container .input-error{margin-top:4px;font-size:12px;color:var(--color-error, #ff5630)}.button{display:inline-block;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .25s,color .25s,box-shadow .25s;-webkit-user-select:none;user-select:none;text-align:center;padding:16px;border:1px solid transparent}.button__text{display:inline-block}.button__icon{display:inline-block;vertical-align:middle}.button__icon--start{margin-right:8px}.button__icon--end{margin-left:8px}.button.contained{color:#fff;background-color:var(--color-neutral-dark, #212b36)}.button.contained:hover:not(.disabled){box-shadow:0 6px 8px var(--color-neutral-dark, #212b36);color:#fff}.button.contained.primary{color:#fff;background-color:var(--color-primary, #00a76f)}.button.contained.primary:hover:not(.disabled){box-shadow:0 6px 8px var(--color-primary, #00a76f);color:#fff}.button.contained.info{color:#fff;background-color:var(--color-info, #00b8d9)}.button.contained.info:hover:not(.disabled){box-shadow:0 6px 8px var(--color-info, #00b8d9);color:#fff}.button.contained.success{color:#fff;background-color:var(--color-success, #4caf50)}.button.contained.success:hover:not(.disabled){box-shadow:0 6px 8px var(--color-success, #4caf50);color:#fff}.button.contained.warning{color:#fff;background-color:var(--color-warning, #ff9800)}.button.contained.warning:hover:not(.disabled){box-shadow:0 6px 8px var(--color-warning, #ff9800);color:#fff}.button.contained.error{color:#fff;background-color:var(--color-error-dark, #f44336)}.button.contained.error:hover:not(.disabled){box-shadow:0 6px 8px var(--color-error-dark, #f44336);color:#fff}.button.outlined{color:var(--color-neutral-dark, #212b36);background-color:transparent;border-color:var(--color-neutral-darker, #212b36)}.button.outlined:hover:not(.disabled){background-color:var(--color-neutral-darker, #212b36)}.button.outlined.primary{color:var(--color-primar, #00a76f);background-color:transparent;border-color:var(--color-primary)}.button.outlined.primary:hover:not(.disabled){background-color:var(--color-primary)}.button.outlined.info{color:var(--color-info, #00b8d9);background-color:transparent;border-color:var(--color-info, #00b8d9)}.button.outlined.info:hover:not(.disabled){background-color:var(--color-info, #00b8d9)}.button.outlined.success{color:var(--color-success, #4caf50);background-color:transparent;border-color:var(--color-success, #4caf50)}.button.outlined.success:hover:not(.disabled){background-color:var(--color-success, #4caf50)}.button.outlined.warning{color:var(--color-warning, #ff9800);background-color:transparent;border-color:var(--color-warning, #ff9800)}.button.outlined.warning:hover:not(.disabled){background-color:var(--color-warning, #ff9800)}.button.outlined.error{color:var(--color-error-dark, #f44336);background-color:transparent;border-color:var(--color-error-dark, #f44336)}.button.outlined.error:hover:not(.disabled){background-color:var(--color-error-dark, #f44336)}.button.text{color:var(--color-neutral-dark, #212b36)}.button.text:hover:not(.disabled){background-color:rgba(var(--color-neutral-dark, #212b36),.1);color:var(--color-neutral-dark, #212b36)}.button.text.primary{color:var(--color-primary, #00a76f)}.button.text.primary:hover:not(.disabled){background-color:rgba(var(--color-primary, #00a76f),.1);color:var(--color-primary, #00a76f)}.button.text.info{color:var(--color-info, #00b8d9)}.button.text.info:hover:not(.disabled){background-color:rgba(var(--color-info, #00b8d9),.1);color:var(--color-info, #00b8d9)}.button.text.success{color:var(--color-success, #4caf50)}.button.text.success:hover:not(.disabled){background-color:rgba(var(--color-success, #4caf50),.1);color:var(--color-success, #4caf50)}.button.text.warning{color:var(--color-warning, #ff9800)}.button.text.warning:hover:not(.disabled){background-color:rgba(var(--color-warning, #ff9800),.1);color:var(--color-warning, #ff9800)}.button.text.error{color:var(--color-error-dark, #f44336)}.button.text.error:hover:not(.disabled){background-color:rgba(var(--color-error-dark, #f44336),.1);color:var(--color-error-dark, #f44336)}.button.soft{color:var(--color-neutral-dark, #212b36);background-color:var(--color-neutral-lighter, #f5f5f5)}.button.soft:hover:not(.disabled){background-color:rgba(var(--color-neutral-lighter, #f5f5f5),5%);border:var(--color-neutral-lighter, #f5f5f5) 1px solid;color:var(--color-neutral-dark, #212b36)}.button.soft.primary{color:var(--color-primary, #00a76f);background-color:var(--color-primary-light, #e3f2fd)}.button.soft.primary:hover:not(.disabled){background-color:rgba(var(--color-primary-light, #e3f2fd),5%);border:var(--color-primary-light, #e3f2fd) 1px solid;color:var(--color-primary, #00a76f)}.button.soft.info{color:var(--color-info, #00b8d9);background-color:var(--color-info-lighter, #e0f7fa)}.button.soft.info:hover:not(.disabled){background-color:rgba(var(--color-info-lighter, #e0f7fa),5%);border:var(--color-info-lighter, #e0f7fa) 1px solid;color:var(--color-info, #00b8d9)}.button.soft.success{color:var(--color-success, #4caf50);background-color:var(--color-success-lighter, #e8f5e9)}.button.soft.success:hover:not(.disabled){background-color:rgba(var(--color-success-lighter, #e8f5e9),5%);border:var(--color-success-lighter, #e8f5e9) 1px solid;color:var(--color-success, #4caf50)}.button.soft.warning{color:var(--color-warning, #ff9800);background-color:var(--color-warning-lighter, #fff3e0)}.button.soft.warning:hover:not(.disabled){background-color:rgba(var(--color-warning-lighter, #fff3e0),5%);border:var(--color-warning-lighter, #fff3e0) 1px solid;color:var(--color-warning, #ff9800)}.button.soft.error{color:var(--color-error, #f44336);background-color:var(--color-error-lighter, #ffebee)}.button.soft.error:hover:not(.disabled){background-color:rgba(var(--color-error-lighter, #ffebee),5%);border:var(--color-error-lighter, #ffebee) 1px solid;color:var(--color-error, #f44336)}.button:focus-visible{outline:none}.button.disabled{cursor:not-allowed;opacity:.6}.button.large{padding:12px 24px;font-size:18px}.button.medium{padding:8px 16px;font-size:16px;height:46px}.button.small{padding:8px;font-size:12px}.modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:800}.modal.loading{background-color:#000000e6}.modal.loading .modal-content{opacity:.7;pointer-events:none}.modal.loading .spinner{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;border:6px solid rgba(255,255,255,.3);border-top:6px solid #fff;background-color:var(--primary-color, #00a76f);border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.modal .modal-content{background-color:#fff;border-radius:16px;width:100%;z-index:900;box-shadow:0 2px 10px #0000001a}.modal .modal-content.xl-size{max-width:1000px}.modal .modal-content.lg-size{max-width:500px}.modal .modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-top-left-radius:16px;border-top-right-radius:16px}.modal .modal-content .modal-header h3{margin:0;color:#000;font-size:24px}.modal .modal-content .modal-header button.close-button{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-neutral-dark)}.modal .modal-content .modal-body{padding:16px;display:flex;flex-direction:column;gap:.5rem}.modal .modal-content .modal-body .staff-list{display:flex;flex-direction:column;gap:1rem;max-height:460px;overflow:auto}.modal .modal-content .modal-footer{display:flex;justify-content:space-between;padding:16px;gap:16px}.react-datetime-picker{height:50px}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.profile-content{display:flex;flex-direction:column;gap:20px}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-left,.profile-right{flex:1;height:100%}.profile-details{display:flex;flex-direction:column;gap:20px}.profile-stats .card-content{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.profile-stats .card-content h3{font-size:20px;display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-weight:600;color:var(--primary-color, #00a76f);font-weight:700}.profile-stats .card-content p{font-size:16px;font-weight:400;border-bottom:1px solid #e6e6e6;padding-bottom:8px;display:flex;justify-content:space-between}.profile-stats .card-content div{display:flex;flex-direction:column;gap:.5rem}.documents-section .card-content{display:flex;flex-direction:column;gap:1rem}.documents-section .card-content a{color:var(--primary-color, #00a76f)}.file-card{display:flex;flex-direction:column;gap:.5rem;border:1px solid #ccc;border-radius:10px;padding:1rem}.file-card a{color:#007bff;text-decoration:none}.ıletısımcard{max-width:1000px;margin-bottom:10px}.picture-container{width:144px;height:144px;border:2px dotted #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto}.picture-container .profile-pic{width:128px;height:128px;border-radius:50%;object-fit:cover;position:absolute;box-shadow:0 2px 8px #0003}.button-container{display:flex;justify-content:center}.card-content-container{display:flex;flex-direction:column;gap:16px;justify-content:center}.title-container{color:#000;display:flex;flex-direction:column;gap:16px;justify-content:center;text-align:center}.profile-picture-card{max-width:25rem}._login_vczto_1{display:grid;grid-template-columns:4fr 8fr;height:100vh;margin:0;overflow:hidden}._login__form_vczto_8{display:flex;flex-direction:column;align-items:center;padding:15rem 2rem 5rem;max-width:100%;height:100%;box-sizing:border-box}._login__wrapper_vczto_17{display:flex;flex-direction:column;align-items:unset;min-width:350px;width:350px}._login_vczto_1 ._user-selection_vczto_24{display:flex;flex-direction:column;gap:1rem}._login_vczto_1 ._user-selection_vczto_24 ._staff-login_vczto_29{background-color:#00a76f14;border:1px solid rgba(0,167,111,.0784313725);padding:12px;border-radius:8px;color:var(--primary-color, #00a76f);font-size:14px}._login_vczto_1 ._user-selection_vczto_24 ._staff-login_vczto_29:hover{border:1px solid #00a76f;cursor:pointer}._login_vczto_1 ._user-selection_vczto_24 ._admin-login_vczto_41{background-color:#e6f6ff;border:1px solid #e6f6ff;padding:12px;border-radius:8px;color:#00b8d9;font-size:14px}._login_vczto_1 ._user-selection_vczto_24 ._admin-login_vczto_41:hover{border:1px solid #00b8d9;cursor:pointer}._login__title_vczto_53{font-size:24px;margin-bottom:1rem;color:#333}._login__input_vczto_58{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:5px;font-size:16px}._login__button_vczto_66{width:100%;padding:.75rem;background-color:#333;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s}._login__button_vczto_66:hover{background-color:#555}._login__image_vczto_80{position:relative;height:100%;overflow:hidden}._login__image_vczto_80 img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 1024px){._login_vczto_1{grid-template-columns:5fr 7fr}}@media screen and (max-width: 768px){._login_vczto_1{grid-template-columns:1fr}._login__image_vczto_80{display:none}}@media screen and (max-width: 480px){._login__form_vczto_8{padding:2rem 1rem}._login__title_vczto_53{font-size:20px}._login__input_vczto_58,._login__button_vczto_66{padding:.5rem;font-size:14px}}._logo_vczto_120{margin-bottom:24px;width:150px}._title_vczto_125{font-size:24px;font-weight:700;margin-bottom:1.5rem;color:#333}._companyList_vczto_132{display:flex;flex-direction:column;gap:1rem}._companyItem_vczto_138{border:2px solid #e0e0e0;border-radius:8px;padding:1rem;text-align:center;font-size:1.1rem;font-weight:500;cursor:pointer;transition:border-color .3s ease}._companyItem_vczto_138:hover{border-color:#00c853}._selected_vczto_153{border-color:#00c853;background-color:#e8f5e9}._otp-input-container_vczto_158{display:flex;flex-direction:column;align-items:center;width:100%;margin:20px 0}._otp-input-container_vczto_158 label{font-size:15px;color:#212b36;font-weight:500;margin-bottom:16px;align-self:flex-start}._otp-input-container_vczto_158 ._otp-inputs_vczto_172{display:flex;gap:12px;justify-content:center;width:100%}._otp-input-container_vczto_158 ._otp-inputs_vczto_172 input{width:50px;height:56px;border:1.5px solid #dfe3e8;border-radius:8px;text-align:center;font-size:24px;font-weight:600;color:#212b36;background:#fff;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}._otp-input-container_vczto_158 ._otp-inputs_vczto_172 input::placeholder{color:#919eab}._otp-input-container_vczto_158 ._otp-inputs_vczto_172 input:focus{border-color:var(--primary-color, #00a76f);outline:none;box-shadow:0 0 0 2px #00a76f33}._otp-input-container_vczto_158 ._otp-inputs_vczto_172 input:hover:not(:focus){border-color:#919eab}._otp-input-container_vczto_158 ._otp-inputs_vczto_172 input:not(:placeholder-shown){border-color:var(--primary-color, #00a76f)}._otp-input-container_vczto_158 ._otp-inputs_vczto_172 input:disabled{background-color:#f4f6f8;border-color:#dfe3e8;color:#919eab}._otp-input-container_vczto_158 ._otp-inputs_vczto_172 input::-webkit-outer-spin-button,._otp-input-container_vczto_158 ._otp-inputs_vczto_172 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._otp-input-container_vczto_158 ._otp-inputs_vczto_172 input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media screen and (max-width: 480px){._otp-input-container_vczto_158 ._otp-inputs_vczto_172{gap:8px}._otp-input-container_vczto_158 ._otp-inputs_vczto_172 input{width:45px;height:50px;font-size:20px}}._verify-button_vczto_229{margin-top:24px;width:100%;height:48px;background-color:var(--primary-color, #00a76f);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}._verify-button_vczto_229:hover{background-color:#008e5e}._verify-button_vczto_229:disabled{background-color:#dfe3e8;cursor:not-allowed}._timer_vczto_250{margin-top:16px;color:#637381;font-size:14px;text-align:center}._timer_vczto_250 span{color:var(--primary-color, #00a76f);font-weight:600}._resend-link_vczto_261{margin-top:16px;color:var(--primary-color, #00a76f);font-size:14px;text-align:center;cursor:pointer;text-decoration:none}._resend-link_vczto_261:hover{text-decoration:underline}._resend-link_vczto_261:disabled{color:#919eab;cursor:not-allowed;text-decoration:none}.dropdown-container{position:relative;display:inline-block;width:100%;font-family:Arial,sans-serif}.dropdown-container.disabled .dropdown-header{background-color:var(--color-neutral-darker, #f5f5f5);border-color:var(--color-neutral-darker, #ddd);cursor:not-allowed;color:var(--color-neutral, #bdbdbd)}.dropdown-container .dropdown-label{display:block;margin-bottom:4px;font-size:14px;color:var(--color-neutral-dark);transition:color .25s}.dropdown-container .dropdown-label.error{color:var(--color-error, #ff5630)}.dropdown-container .dropdown-search{width:100%;padding:8px;border:none;border:1px solid var(--color-primary);border-radius:6px}.dropdown-container .dropdown-search:target{border:1px solid var(--color-primary)}.dropdown-container .dropdown-search:focus,.dropdown-container .dropdown-search:focus-visible{border:1px solid var(--color-primary);outline:none}.dropdown-container .dropdown-header{min-height:37px;display:flex;justify-content:space-between;background-color:#fff;align-items:center;padding:12px 16px;border:1px solid var(--color-neutral-dark);border-radius:6px;cursor:pointer;transition:border-color .25s}.dropdown-container .dropdown-header:hover{border-color:var(--color-neutral-dark, #c1c1c1)}.dropdown-container .dropdown-header.focused{border-color:var(--color-primary, #00a76f)}.dropdown-container .dropdown-header.error{border-color:var(--color-error, #ff5630)}.dropdown-container .dropdown-header .dropdown-selected{color:var(--color-neutral-dark, #333);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-container .dropdown-header .dropdown-selected .selected-tags{display:flex;flex-wrap:wrap;gap:4px}.dropdown-container .dropdown-header .dropdown-selected .selected-tags .tag{background-color:#f0f0f0;border-radius:16px;display:inline-flex;align-items:center;padding:2px 8px;margin:2px;font-size:14px}.dropdown-container .dropdown-header .dropdown-selected .selected-tags .tag .tag-delete{margin-left:4px;cursor:pointer;color:#666;display:inline-flex;align-items:center}.dropdown-container .dropdown-header .dropdown-selected .selected-tags .tag .tag-delete:hover{color:#ff4d4f}.dropdown-container .dropdown-header .dropdown-clear{background:none;border:none;color:#555;cursor:pointer;font-size:16px;margin-left:8px;position:absolute;right:50px}.dropdown-container .dropdown-header .dropdown-icon{transition:transform .25s;width:18px;height:18px}.dropdown-container .dropdown-header .dropdown-icon.open{transform:rotate(180deg)}.dropdown-container .dropdown-list{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid var(--color-neutral, #ddd);border-radius:6px;box-shadow:0 2px 4px #00000029;z-index:500;max-height:200px;overflow-y:auto}.dropdown-container .dropdown-list .dropdown-option{padding:8px;cursor:pointer;color:var(--color-neutral-dark);transition:background-color .25s}.dropdown-container .dropdown-list .dropdown-option:hover{background-color:var(--color-primary);color:#fff}.dropdown-container .dropdown-error{margin-top:4px;font-size:12px;color:var(--color-error, #ff5630)}.loading-indicator{opacity:.6;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.tab-group{display:flex;flex-direction:column}.tab-group.horizontal .tab-list{display:flex;flex-direction:row;gap:16px;flex-shrink:0}.tab-group.vertical{flex-direction:row}.tab-group.vertical .tab-list{display:flex;flex-direction:column;gap:8px}.tab-group .tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.tab-group .tab{padding:8px 12px;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .25s;position:relative}.tab-group .tab:hover{color:var(--color-neutral-dark, #333)}.tab-group .tab.active{font-weight:700;color:var(--color-primary, #00a76f)}.tab-group .tab.active:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background-color:var(--color-primary, #00a76f)}.disabled{cursor:not-allowed}.disabled>*{pointer-events:none}*{font-family:Public Sans,sans-serif!important}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter,.fade-leave-to{opacity:0}.tooltip-container{position:relative;display:inline-block}.tooltip-container .tooltip{position:absolute;padding:8px 12px;background-color:var(--color-neutral-dark, #333);color:#fff;font-size:14px;border-radius:4px;white-space:normal;max-width:500px;width:400px;opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:500;overflow:hidden;word-wrap:break-word;line-height:1.4;text-align:center}.tooltip-container .tooltip:is(.top,.right,.bottom,.left){margin:8px}.tooltip-container .tooltip.top{bottom:100%;left:50%;transform:translate(-50%)}.tooltip-container .tooltip.top:after{content:"";position:absolute;border-width:6px;border-style:solid;top:100%;left:50%;transform:translate(-50%);border-color:var(--color-neutral-darker, #333) transparent transparent transparent}.tooltip-container .tooltip.right{top:50%;left:100%;transform:translateY(-50%) translate(8px)}.tooltip-container .tooltip.right:after{content:"";position:absolute;border-width:6px;border-style:solid;top:50%;left:-12px;transform:translateY(-50%);border-color:transparent var(--color-neutral-darker, #333) transparent transparent}.tooltip-container .tooltip.bottom{top:100%;left:50%;transform:translate(-50%)}.tooltip-container .tooltip.bottom:after{content:"";position:absolute;border-width:6px;border-style:solid;bottom:100%;left:50%;transform:translate(-50%);border-color:transparent transparent var(--color-neutral-darker, #333) transparent}.tooltip-container .tooltip.left{top:50%;right:100%;transform:translateY(-50%) translate(-8px)}.tooltip-container .tooltip.left:after{content:"";position:absolute;border-width:6px;border-style:solid;top:50%;right:-12px;transform:translateY(-50%);border-color:transparent transparent transparent var(--color-neutral-darker, #333)}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}.table-container{border:1px solid #ddd;border-radius:8px;flex:1}.table-container .table-filters{display:flex;align-items:end;gap:1rem;padding:12px 16px}.table-container .table-filters .filter{flex:4}.table-container .table-filters .search-input{flex:8}.table-header{background-color:#f4f6f8}.table-header tr th{font-weight:600;color:#637381}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.8rem;text-align:left;border-bottom:1px solid #eee;color:#212b36}.table .checkbox-column{width:60px;min-width:60px;max-width:60px;text-align:center;padding:.8rem;vertical-align:middle}.table input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;vertical-align:middle;position:relative;top:0}.table th{font-weight:700}.table td{vertical-align:middle}.table tr:hover{background-color:#f5f5f5}.table .profile-picture{width:40px;height:40px;border-radius:50%;object-fit:cover}.table .actions{position:relative}.table .actions .action-button{background:none;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.table .actions .dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 6px #0000001a;z-index:10;min-width:120px}.table .actions .dropdown-menu button{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;text-align:left;cursor:pointer}.table .actions .dropdown-menu button:hover{background-color:#f5f5f5}.table .actions .dropdown-menu svg{width:16px;height:16px}.loading{text-align:center;padding:2rem;font-size:1.2rem}.table-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:.5rem;font-family:Arial,sans-serif}.table-pagination .pagination-details{font-size:.875rem;color:#666}.table-pagination .pagination-controls{display:flex;align-items:center;gap:.5rem}.table-pagination .pagination-controls .pagination-arrow{background:none;border:none;font-size:1.25rem;cursor:pointer;width:20px;height:20px;color:#666}.table-pagination .pagination-controls .pagination-arrow:disabled{color:#ccc;cursor:not-allowed}.table-pagination .pagination-controls .pagination-numbers{display:flex;gap:.25rem}.table-pagination .pagination-controls .pagination-numbers .pagination-number{background:var(--color-neutral-light);border:1px solid #ddd;border-radius:3px;padding:.25rem .5rem;cursor:pointer}.table-pagination .pagination-controls .pagination-numbers .pagination-number.active{background:var(--color-primary);color:#fff;font-weight:700}.table-pagination .pagination-controls .pagination-numbers .pagination-number:hover:not(.active){font-weight:700;background:var(--color-primary);color:#fff}.leave-dates-cell{position:relative}.leave-dates-cell .leave-dates-container{position:relative;cursor:pointer}.leave-dates-cell .leave-dates-container .leave-dates-tooltip{display:none;position:absolute;background:#fff;border:1px solid #ddd;padding:8px;border-radius:4px;box-shadow:0 2px 4px #0000001a;z-index:1000;min-width:200px;left:0;top:100%;white-space:normal}.leave-dates-cell .leave-dates-container:hover .leave-dates-tooltip{display:block}.truncate-text{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.base-actions{display:flex;gap:.5rem;align-items:center}.base-actions svg{cursor:pointer}.textarea-container{position:relative;margin:8px 0;display:flex;flex-direction:column}.textarea-container.standard .textarea{border:1px solid var(--color-neutral-darker, #ddd);padding:4px;border-radius:6px;transition:border-color .25s;height:75px}.textarea-container.standard.hovered .textarea{border-color:var(--color-neutral-dark, #c1c1c1)}.textarea-container.standard.focused .textarea{border-color:var(--color-primary, #00a76f)}.textarea-container.standard.error .textarea{border-color:var(--color-error, #ff5630)}.textarea-container.standard.disabled .textarea{background-color:var(--color-neutral-lighter, #f5f5f5);border-color:var(--color-neutral-darker, #ddd);cursor:not-allowed}.textarea-container.outlined .textarea{box-shadow:inset 0 0 0 1px var(--color-neutral, #ddd);padding:4px;border-radius:6px;transition:box-shadow .25s}.textarea-container.outlined.hovered .textarea{box-shadow:inset 0 0 0 1px var(--color-neutral-dark, #c1c1c1)}.textarea-container.outlined.focused .textarea{box-shadow:inset 0 0 0 2px var(--color-primary, #00a76f)}.textarea-container.outlined.error .textarea{box-shadow:inset 0 0 0 2px var(--color-error, #ff5630)}.textarea-container.outlined.disabled .textarea{background-color:var(--color-neutral-lighter, #f5f5f5);box-shadow:inset 0 0 0 1px var(--color-neutral, #ddd);cursor:not-allowed}.textarea-container.underline .textarea{border:none;border-bottom:1px solid var(--color-neutral, #ddd);padding:4px 0;transition:border-color .25s}.textarea-container.underline.hovered .textarea{border-bottom-color:var(--color-neutral-dark, #c1c1c1)}.textarea-container.underline.focused .textarea{border-bottom-color:var(--color-primary, #00a76f)}.textarea-container.underline.error .textarea{border-bottom-color:var(--color-error, #ff5630)}.textarea-container.underline.disabled .textarea{background-color:var(--color-neutral-lighter, #f5f5f5);border-bottom-color:var(--color-neutral, #ddd);cursor:not-allowed}.textarea-container .textarea-label{font-size:14px;color:var(--color-neutral-dark, #616161);margin-bottom:4px;transition:color .25s}.textarea-container .textarea-label.focused{color:var(--color-primary, #00a76f)}.textarea-container .textarea-label.error{color:var(--color-error, #ff5630)}.textarea-container .textarea-label.disabled{color:var(--color-neutral, #bdbdbd)}.textarea-container .textarea{width:100%;font-size:16px;resize:none}.textarea-container .textarea:focus{outline:none}.textarea-container .textarea:disabled{cursor:not-allowed}.sent-icon{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:2rem;color:#637381;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.009em;text-align:center}.create-inventory-header{display:flex;justify-content:space-between;padding-bottom:12px;padding-top:12px}.actions{display:flex;align-items:center;gap:.5rem}.actions button{background:none;border:0}.create-inventory-header,.create-assignment-header{display:flex;justify-content:space-between;padding-bottom:12px;padding-top:12px}.actions{position:relative}:is(.approve,.reject,.delete){cursor:pointer}.dropdown{position:relative}.filter{display:flex;gap:1rem;padding:1rem 0;align-items:center;width:100%}.filter input{min-width:300px}.date_picker_container .expense-datepicker{width:100%}.error-message{color:red;font-size:12px;margin-top:-12px;margin-bottom:16px}.checkbox-with-text{display:flex;align-items:center}.checkbox{width:20px;height:20px;cursor:pointer;margin-right:12px;flex-shrink:0}.label{cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;text-align:left}.label.disabled{cursor:not-allowed;opacity:.6}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:4px;cursor:pointer;border:2px solid var(--color-primary)}input[type=checkbox]:not(:checked){background-color:#fff}input[type=checkbox]:checked{position:relative}input[type=checkbox]:checked:after{content:"✓";color:var(--color-primary);display:flex;justify-content:center;align-items:center;font-size:16px;height:100%;font-weight:700}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6;background-color:#f5f5f5;border-color:#d9d9d9}input[type=checkbox]:disabled:after{color:#000;display:flex;justify-content:center;align-items:center;font-size:16px;height:100%;font-weight:700}.announcement-box{margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.announcement-box .announcement-content{width:100%;padding:20px;border-radius:8px;border-left:4px solid;position:relative;margin-bottom:10px;transition:all .3s ease}.announcement-box .announcement-content .text-content h3{margin:0 0 10px;font-size:18px;font-weight:600}.announcement-box .announcement-content .text-content p{margin:0;font-size:14px;line-height:1.5}.announcement-box .announcement-content .close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.announcement-box .announcement-content .close-button:hover{opacity:1}.announcement-box .announcement-content .announcement-image{margin:12px 0}.announcement-box .announcement-content .announcement-image img{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px}.announcement-box .dots{display:flex;gap:8px;margin-top:10px}.announcement-box .dots .dot{width:8px;height:8px;border-radius:50%;background-color:#d9d9d9;cursor:pointer;transition:background-color .3s ease}.announcement-box .dots .dot.active,.announcement-box .dots .dot:hover{background-color:var(--primary-color, #00a76f)}.welcome-card{display:flex;align-items:center;justify-content:space-between;background-color:#e6f7f1;border-radius:16px;padding:16px;color:#2b3a42;margin-bottom:24px}.welcome-text h2{margin:0;font-size:24px;font-weight:700}.welcome-text h3{margin:8px 0;font-size:20px}.welcome-text p{font-size:14px;margin:12px 0}@media screen and (max-width: 1000px){.welcome-card{flex-wrap:wrap;gap:16px}.welcome-card .welcome-text{width:100%}}.welcome-image{display:flex}.dashboard-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto;grid-template-areas:"birthdays birthdays birthdays holidays holidays holidays" "leave leave employeeDemographics employeeDemographics expenditure expenditure" "department department department overtime overtime overtime";grid-gap:16px}.dashboard-grid>:nth-child(1){grid-area:birthdays}.dashboard-grid>:nth-child(2){grid-area:holidays}.dashboard-grid>:nth-child(3){grid-area:leave}.dashboard-grid>:nth-child(4){grid-area:employeeDemographics}.dashboard-grid>:nth-child(5){grid-area:expenditure}.dashboard-grid>:nth-child(6){grid-area:department}.dashboard-grid>:nth-child(7){grid-area:overtime}.dashboard-grid-staff{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;grid-template-areas:"birthdays birthdays department department" "overtime overtime leave leave";grid-gap:16px}.dashboard-grid-staff>:nth-child(1){grid-area:birthdays}.dashboard-grid-staff>:nth-child(2){grid-area:department}.dashboard-grid-staff>:nth-child(3){grid-area:overtime}.dashboard-grid-staff>:nth-child(4){grid-area:leave}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#f5f5f5}.loading-content{display:flex;justify-content:center;flex-direction:column;align-items:center}.loading-spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid var(--color-success);border-radius:50%;width:100px;height:100px;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:10px;font-size:32px;color:#555;text-align:center;font-family:Arial,sans-serif}.chart-container{width:100%;max-width:500px;margin:0 auto}.chart-expenditure-container{width:100%;margin:0 auto;height:fit-content;max-width:500px}.department-info{position:relative;border-radius:8px}.department-info .card-content{padding:0}.department-info img.company-logo{max-width:400px;height:auto;margin-bottom:1rem}.department-info .logo-container{display:flex;background:url(/assets/departmentBg.svg) no-repeat;background-size:cover;min-height:200px;justify-content:center;align-items:center}.department-info .info-container{display:flex;flex-direction:column;padding:1rem;gap:1.5rem}.department-info .info-container>div h3{font-size:16px;color:#637381;margin-bottom:.5rem;font-weight:500}.department-info .info-container>div p{color:#212b36;font-size:14px;margin:0}.leave-item{display:flex;justify-content:space-between;align-items:center}.leave-divider{width:100%;height:10px;border-radius:10px;background-color:#919eab;margin-bottom:1rem;margin-top:.5rem}.upcoming-holidays-container{display:flex;flex-direction:column;gap:1rem}.timeline__item{position:relative;padding:10px 0;list-style:none;display:flex;align-items:center}.timeline__title{font-size:16px;font-weight:700;margin-bottom:5px;color:var(--color-neutral-dark)}.timeline{list-style:none;padding:0;margin:0}.timeline__item{position:relative;padding:10px 0;list-style:none}.timeline__item li{list-style:none}.timeline__item:not(:last-child){border-bottom:1px solid #ddd}.timeline__item.success .timeline__circle{background-color:#4caf50}.timeline__item.success .timeline__title{color:#4caf50}.timeline__item.pending .timeline__circle{background-color:#ffc107}.timeline__item.pending .timeline__title{color:#ffc107}.timeline__circle{width:12px;height:12px;border-radius:50%;background-color:#ddd;border:2px solid #fff;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.timeline__content{margin-left:1rem}.timeline__title{font-size:16px;font-weight:700;margin-bottom:5px}.timeline__date{font-size:14px;color:#666}.create-department-header{display:flex;justify-content:space-between;padding-bottom:12px;padding-top:12px}.actions{position:relative;cursor:pointer}.context-menu{position:absolute;width:160px;font-size:15px;background-color:#fff;border:1px solid rgba(145,158,171,.2);box-shadow:0 2px 8px #0000001a;z-index:1000;border-radius:8px;top:30px;right:0;cursor:pointer}.context-menu .link{padding:8px}.context-menu .link:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.context-menu .link:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.context-menu .link:hover{cursor:pointer;background-color:var(--primary-color, #00a76f);color:#fff}.description{display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-width:400px}.create-employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.create-employee-header h3{margin:0}.create-employee-header-buttons{display:flex;gap:12px}.employee-page-filter{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;width:100%;align-items:self-end}.employee-page-filter div:first-child{width:400px}.employee-page-filter .filter-buttons{display:flex;gap:8px;align-items:center}.staff-name-link{color:var(--primary-color);text-decoration:none}.staff-name-link:hover{text-decoration:underline}.file-upload-container{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #ddd;border-radius:8px;cursor:pointer;position:relative}.file-upload-container:hover{border-color:#888}.file-upload-label{width:100%;height:100px;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:16px}.file-upload-label img.file-preview-image{max-width:100%;max-height:100%;border-radius:4px;object-fit:cover}.file-upload-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.edit{height:24px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem 0}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 0}.wizard-container{display:flex;flex-direction:column;gap:24px}.wizard-steps{display:flex;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e0e0e0}.wizard-step{display:flex;align-items:center;gap:8px;cursor:pointer;opacity:.5;transition:opacity .3s ease;padding-bottom:16px;position:relative}.wizard-step.active{opacity:1}.wizard-step.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary-color, #00a76f)}.wizard-step .step-number{width:32px;height:32px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:700}.wizard-step.active .step-number{background-color:var(--primary-color, #00a76f);color:#fff}.wizard-step .step-title{font-weight:500}.wizard-content{min-height:300px;padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.wizard-steps:last-child .form-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.wizard-actions{display:flex;justify-content:flex-end;gap:16px;padding:16px;border-top:1px solid #e0e0e0}.react-datetimerange-picker{display:inline-flex;position:relative}.react-datetimerange-picker,.react-datetimerange-picker *,.react-datetimerange-picker *:before,.react-datetimerange-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-datetimerange-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-datetimerange-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;align-items:center;border:thin solid gray}.react-datetimerange-picker__inputGroup{min-width:calc(4px + (4px * 3) + .54em * 6 + .217em * 2);height:100%;flex-grow:1;padding:0 2px}.react-datetimerange-picker__inputGroup__divider{padding:1px 0}.react-datetimerange-picker__inputGroup__divider,.react-datetimerange-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-datetimerange-picker__inputGroup__input{min-width:.54em;height:calc(100% - 2px);position:relative;padding:1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-datetimerange-picker__inputGroup__input::-webkit-outer-spin-button,.react-datetimerange-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-datetimerange-picker__inputGroup__input:invalid{background:#ff00001a}.react-datetimerange-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-datetimerange-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-datetimerange-picker__button{border:0;background:transparent;padding:4px 6px}.react-datetimerange-picker__button:enabled{cursor:pointer}.react-datetimerange-picker__button:enabled:hover .react-datetimerange-picker__button__icon,.react-datetimerange-picker__button:enabled:focus .react-datetimerange-picker__button__icon{stroke:#0078d7}.react-datetimerange-picker__button:disabled .react-datetimerange-picker__button__icon{stroke:#6d6d6d}.react-datetimerange-picker__button svg{display:inherit}.react-datetimerange-picker__calendar,.react-datetimerange-picker__clock{z-index:1}.react-datetimerange-picker__calendar--closed,.react-datetimerange-picker__clock--closed{display:none}.react-datetimerange-picker__calendar{width:350px;max-width:100vw}.react-datetimerange-picker__calendar .react-calendar{border-width:thin}.react-datetimerange-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;top:0;bottom:0;left:50%;right:50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}.turkish-datetime-picker .react-datetimerange-picker{display:inline-flex;position:relative;width:100%}.turkish-datetime-picker .react-datetimerange-picker__wrapper{display:flex;justify-content:space-between;flex-grow:1;flex-shrink:0;align-items:center;border:1px solid var(--color-neutral-darker);color:var(--color-neutral-dark);border-radius:6px;transition:border-color .25s;padding:12px 16px;min-height:50px;background:#fff}.turkish-datetime-picker .react-datetimerange-picker__wrapper:hover{border-color:var(--color-neutral-dark)}.turkish-datetime-picker .react-datetimerange-picker__wrapper:focus-within{border-color:var(--color-primary)}.turkish-datetime-picker .react-datetimerange-picker__inputGroup{min-width:0;height:100%;flex-grow:initial;padding:0 2px;display:flex;align-items:center;justify-content:center;font-size:16px}.turkish-datetime-picker .react-datetimerange-picker__inputGroup__input{min-width:0;height:100%;position:relative;padding:0 1px;border:0;background:none;color:var(--color-neutral-dark);font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline:none}.turkish-datetime-picker .react-datetimerange-picker__inputGroup__input::-webkit-outer-spin-button,.turkish-datetime-picker .react-datetimerange-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.turkish-datetime-picker .react-datetimerange-picker__inputGroup__input:invalid{background:#ff00001a}.turkish-datetime-picker .react-datetimerange-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.turkish-datetime-picker .react-datetimerange-picker__inputGroup__divider{padding:1px 3px;white-space:pre;color:var(--color-neutral-dark)}.turkish-datetime-picker .react-datetimerange-picker__range-divider{white-space:pre;padding:0 6px;color:var(--color-neutral-dark)}.turkish-datetime-picker .react-datetimerange-picker__calendar-button{border:0;background:transparent;padding:4px 6px;margin-right:-12px}.turkish-datetime-picker .react-datetimerange-picker__calendar-button:enabled{cursor:pointer}.turkish-datetime-picker .react-datetimerange-picker__calendar-button:enabled:hover .react-datetimerange-picker__calendar-button__icon,.turkish-datetime-picker .react-datetimerange-picker__calendar-button:enabled:focus .react-datetimerange-picker__calendar-button__icon{stroke:var(--color-primary)}.turkish-datetime-picker .react-datetimerange-picker__calendar-button:disabled .react-datetimerange-picker__calendar-button__icon{stroke:var(--color-neutral)}.turkish-datetime-picker .react-datetimerange-picker__calendar-button svg{stroke:var(--color-neutral-dark)}.turkish-datetime-picker .react-datetimerange-picker__calendar{width:350px;max-width:100vw;position:absolute;top:100%;left:0;z-index:1;margin-top:8px}.turkish-datetime-picker .react-datetimerange-picker__calendar--closed{display:none}.turkish-datetime-picker .react-datetimerange-picker.error .react-datetimerange-picker__wrapper{border-color:var(--color-error)}.turkish-datetime-picker .react-datetimerange-picker.disabled .react-datetimerange-picker__wrapper{background-color:var(--color-neutral-dark);border-color:var(--color-neutral);cursor:not-allowed}.turkish-datetime-picker .react-datetimerange-picker.disabled .react-datetimerange-picker__inputGroup__input{cursor:not-allowed}.filter-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background-color:#fff;box-shadow:-2px 0 8px #0000001a;transition:right .3s ease;z-index:1000;display:flex;flex-direction:column}.filter-sidebar.open{right:0}.filter-sidebar .filter-sidebar-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.filter-sidebar .tab-group{flex:1;overflow:hidden}.filter-sidebar .filter-sidebar-content{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.filter-sidebar .filter-sidebar-content .filter-group{margin-bottom:24px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.filter-sidebar .filter-sidebar-content .filter-group h4{margin-bottom:16px;font-size:16px;font-weight:500;color:var(--text-color)}.filter-sidebar .filter-sidebar-content .filter-group .checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:12px}.filter-sidebar .filter-sidebar-content .filter-group .checkbox-group label{color:var(--text-color);font-size:14px}.filter-sidebar .filter-sidebar-content .filter-group .ant-picker{width:100%;margin-bottom:12px}.filter-sidebar .filter-sidebar-content .filter-group .ant-input-number{width:100%}.filter-sidebar .filter-sidebar-content .column-actions{display:flex;gap:8px;margin-bottom:20px;flex-shrink:0}.filter-sidebar .filter-sidebar-content .column-actions button{flex:1}.filter-sidebar .filter-sidebar-content .columns-grid{display:grid;grid-template-columns:1fr;gap:12px;overflow-y:auto;flex:1}.filter-sidebar .filter-sidebar-content .columns-grid .column-checkbox{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;transition:background-color .2s ease}.filter-sidebar .filter-sidebar-content .columns-grid .column-checkbox:hover{background-color:#f5f5f5}.filter-sidebar .filter-sidebar-content .columns-grid .column-checkbox input[type=checkbox]{margin:0;cursor:pointer}.filter-sidebar .filter-sidebar-content .columns-grid .column-checkbox label{color:var(--text-color);font-size:14px;cursor:pointer;flex:1;margin:0}.filter-sidebar .filter-sidebar-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.filter-sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.filter-sidebar-overlay.open{display:block}@media (max-width: 768px){.filter-sidebar{width:100%;max-width:400px}}.asset-list{max-height:212px;overflow:auto}.asset-counter{display:flex;align-items:self-end;justify-content:space-between;gap:12px}.asset-counter h4{font-weight:100}.asset-counter span{margin:0 12px}.button_text:hover{color:#fff}.date_picker_container{display:flex;gap:10px;margin-bottom:16px}.expense-datepicker{width:100%}.expense-button-container{display:flex;align-items:center;gap:1rem}.expense-button-container .multi-step-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem}.expense-button-container .multi-step-toggle input[type=checkbox]{cursor:pointer}.modal .step-indicators{margin-bottom:1rem}.invoice-item{margin-bottom:20px;background-color:#f9f9f9;border-radius:8px;padding:16px;position:relative;border:1px solid #e0e0e0}.invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.invoice-number{font-weight:500;color:#333}.invoice-remove{cursor:pointer}.invoice-actions{display:flex;align-items:center;gap:4px}.invoice-row{display:flex;flex-wrap:wrap;gap:16px;position:relative;align-items:end}.invoice-row.mt-2{margin-top:16px}.field-group-textarea{flex:1;width:100%;margin-top:1.5rem}.field-group{flex:1}.field-group.file-upload-field{flex:0 0 auto;min-width:80px;width:80px}.file-upload-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.hidden-file-input{display:none}.file-preview-container,.file-preview-image{width:100%;height:100%;position:relative}.file-preview-image:hover .file-delete-button{display:flex}.file-preview-image .preview-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:4px}.file-delete-button{position:absolute;top:25%;right:33%;width:24px;height:24px;border-radius:0 4px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:2}.file-delete-button svg{fill:#fff}.invoice-input{width:100%}.invoice-delete-button{display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:8px;margin-top:30px;color:var(--color-error, #ff5630);min-width:24px}.invoice-delete-button svg{fill:var(--color-error, #ff5630)}.add-invoice-button{margin-top:20px;margin-bottom:10px}.add-invoice-button button{color:var(--primary-color, #00a76f)}.add-invoice-button button:hover{background-color:#ff7a000a}.button_text{display:flex;align-items:center;justify-content:center;gap:8px}.file-preview{margin-top:8px;font-size:14px}.file-preview a{color:var(--color-primary, #00a76f);text-decoration:none}.file-preview a:hover{text-decoration:underline}.invoice-items-container{max-height:400px;overflow-y:auto;margin-bottom:20px;padding-right:8px}.invoice-items-container::-webkit-scrollbar{width:6px}.invoice-items-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.invoice-items-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.invoice-items-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rejected-status{color:var(--color-error, #ff5630)}.approved-status{color:var(--color-success, #00a76f)}.pdf-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px}.pdf-preview img{width:48px;height:48px}.pdf-preview .pdf-link{color:var(--primary-color, #00a76f);text-decoration:none;font-size:14px}.pdf-preview .pdf-link:hover{text-decoration:underline}.file-upload-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:50px;border:2px dashed #ccc;border-radius:8px;cursor:pointer;background-color:#f9f9f9}.file-upload-container:hover{border-color:var(--primary-color, #00a76f)}.file-upload-label{display:flex;align-items:center;justify-content:center;width:100%;color:#6c757d;font-size:16px;font-weight:500;text-align:center}.file-upload-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.create-project-header{display:flex;justify-content:space-between;padding-bottom:12px;padding-top:12px}.finance-page-filters{display:flex;gap:1rem;padding:1rem 0;align-items:center}.finance-page-filters .input{min-width:300px}.page-filters{display:flex;gap:1rem;padding:1rem 0;align-items:center;width:600px}.page-filters input{min-width:300px}.page-header{display:flex;justify-content:space-between;padding-bottom:12px;padding-top:12px}.expense-page-filters{width:unset}.expense-detail-container{padding:1rem}.expense-detail-container .staff-info{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.expense-detail-container .staff-info .staff-photo{width:60px;height:60px;border-radius:50%;overflow:hidden}.expense-detail-container .staff-info .staff-photo img{width:100%;height:100%;object-fit:cover}.expense-detail-container .staff-info .staff-photo .placeholder-photo{width:100%;height:100%;background-color:#e0e0e0}.expense-detail-container .staff-info .staff-details h3{margin:0;font-size:1.2rem;font-weight:600}.expense-detail-container .staff-info .staff-details p{margin:.25rem 0 0;color:#666;font-size:.9rem}.expense-detail-container .expense-info-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.expense-detail-container .expense-info-grid .info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #eee}.expense-detail-container .expense-info-grid .info-row .label{color:#666;font-size:.9rem}.expense-detail-container .expense-info-grid .info-row .value{font-weight:500}.expense-detail-container .tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.expense-detail-container .tags-container .tag{background-color:#f5f5f5;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;color:#666}.expense-detail-container .expense-items-table{width:100%;overflow-x:auto}.expense-detail-container .expense-items-table table{width:100%;border-collapse:collapse}.expense-detail-container .expense-items-table table th,.expense-detail-container .expense-items-table table td{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.expense-detail-container .expense-items-table table th{background-color:#f5f5f5;font-weight:500}.expense-detail-container .expense-items-table table .receipt-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .2s}.expense-detail-container .expense-items-table table .receipt-thumbnail:hover{transform:scale(1.05)}.expense-groups-container{margin-top:16px}.expense-groups-container .expense-groups-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.expense-groups-container .expense-groups-header .search-input{width:250px}.expense-groups-container .expense-selected-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f5f5f5;border-radius:4px;margin-bottom:1rem}.expense-groups-container .expense-selected-summary .expense-count{color:#666}.expense-groups-container .expense-selected-summary .expense-total{font-weight:500;color:#1e8e3e}.expense-groups-container .expense-groups-list{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:8px;margin-top:8px}.expense-groups-container .expense-group-item{display:flex;gap:1rem;padding:1rem;border:1px solid #eee;border-radius:8px;margin-bottom:1rem}.expense-groups-container .expense-group-item .expense-group-details{flex:1;position:relative}.expense-groups-container .expense-group-item .expense-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.expense-groups-container .expense-group-item .expense-staff-name{font-weight:500}.expense-groups-container .expense-group-item .expense-status{padding:.25rem .75rem;border-radius:1rem;font-size:.85rem}.expense-groups-container .expense-group-item .expense-status.status-approved{background-color:#e6f4ea;color:#1e8e3e}.expense-groups-container .expense-group-item .expense-status.status-rejected{background-color:#fce8e6;color:#d93025}.expense-groups-container .expense-group-item .expense-status.status-pending{background-color:#fff3e0;color:#f57c00}.expense-groups-container .expense-group-item .expense-group-info .expense-info-row{display:flex;justify-content:space-between;align-items:flex-start}.expense-groups-container .expense-group-item .expense-group-info .expense-project-name{color:#666;font-size:.9rem}.expense-groups-container .expense-group-item .expense-group-info .expense-group-date{color:#999;font-size:.85rem}.expense-groups-container .expense-group-item .expense-group-info .expense-group-amount-container{text-align:right;display:flex;align-items:center;flex-direction:column;padding-bottom:1rem}.expense-groups-container .expense-group-item .expense-group-info .expense-group-amount-container .expense-group-amount{color:red;font-size:.9rem;margin-right:.5rem}.expense-groups-container .expense-group-item .expense-group-info .expense-group-amount-container .expense-group-approved-amount{color:#1e8e3e;font-weight:500}.expense-groups-container .expense-group-item .view-detail-button{position:absolute;bottom:-8px;right:0;background:none;border:none;color:#1976d2;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.expense-groups-container .expense-group-item .view-detail-button:hover{background-color:#1976d20a}.expense-groups-container .expense-group-item .view-detail-button svg{color:currentColor}.expense-groups-container .no-expenses-message{padding:16px;text-align:center;color:#666}.expense-detail-modal .expense-detail-content{padding:24px}.expense-detail-modal .expense-detail-content .expense-header{margin-bottom:24px}.expense-detail-modal .expense-detail-content .expense-header .user-info{display:flex;align-items:center;gap:16px}.expense-detail-modal .expense-detail-content .expense-header .user-info .avatar{width:64px;height:64px;border-radius:50%;overflow:hidden}.expense-detail-modal .expense-detail-content .expense-header .user-info .avatar img{width:100%;height:100%;object-fit:cover}.expense-detail-modal .expense-detail-content .expense-header .user-info .avatar .avatar-placeholder{width:100%;height:100%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:500;color:#666}.expense-detail-modal .expense-detail-content .expense-header .user-info .user-details h3{margin:0 0 4px;font-size:18px;font-weight:500}.expense-detail-modal .expense-detail-content .expense-header .user-info .user-details p{margin:0;color:#666}.expense-detail-modal .expense-detail-content .expense-info{background:#f5f5f5;border-radius:8px;padding:16px;margin-bottom:24px}.expense-detail-modal .expense-detail-content .expense-info .info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0}.expense-detail-modal .expense-detail-content .expense-info .info-row:last-child{border-bottom:none}.expense-detail-modal .expense-detail-content .expense-info .info-row .label{color:#666}.expense-detail-modal .expense-detail-content .expense-info .info-row .value{font-weight:500}.expense-detail-modal .expense-detail-content .expense-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.expense-detail-modal .expense-detail-content .expense-tags :global(.ant-tag){margin:0;padding:4px 8px;border-radius:4px}.expense-detail-modal .expense-detail-content .expense-items h4{margin:0 0 16px;font-size:16px;font-weight:500}.expense-detail-modal .expense-detail-content .expense-items .items-table{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.expense-detail-modal .expense-detail-content .expense-items .items-table .table-header{display:grid;grid-template-columns:100px 1fr 120px 120px;gap:16px;padding:12px;background:#f5f5f5;font-weight:500}.expense-detail-modal .expense-detail-content .expense-items .items-table .table-row{display:grid;grid-template-columns:100px 1fr 120px 120px;gap:16px;padding:12px;border-top:1px solid #e0e0e0;align-items:center}.expense-detail-modal .expense-detail-content .expense-items .items-table .table-row .receipt-photo{width:80px;height:60px;border-radius:4px;overflow:hidden}.expense-detail-modal .expense-detail-content .expense-items .items-table .table-row .receipt-photo img{width:100%;height:100%;object-fit:cover}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px}.error-message{color:#ff4d4f;font-size:.9em;margin-top:4px}.approval-sections{margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.approval-sections .approval-section{border:1px solid #e8e8e8;border-radius:8px;padding:16px}.approval-sections .approval-section h4{margin:0 0 12px;font-size:16px;font-weight:500}.approval-sections .approval-section .status-info{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:14px}.approval-sections .approval-section .status-info.approved{background-color:#f6ffed;color:#52c41a}.approval-sections .approval-section .status-info.rejected{background-color:#fff2f0;color:#ff4d4f}.approval-sections .approval-section .status-info.rejected .reject-reason{margin-top:4px;font-size:12px;color:#666}.approval-sections .approval-section .approval-actions{display:flex;gap:12px}.approval-sections .approval-section .approval-actions .reject-input-container{display:flex;gap:8px;flex:1}.requests{display:flex;align-items:stretch;justify-content:space-between;gap:1rem}.requests :is(.manager,.finance,.management){flex:1;padding-top:1rem;display:flex;flex-direction:column}.requests :is(.manager,.finance,.management) .title{text-align:center;padding-bottom:1rem}.requests :is(.finance-item,.manager-item,.management-item){border:1px solid #dadfe3;border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px;flex:1;min-height:60px}.requests :is(.finance-item,.manager-item,.management-item) .title{font-size:18px;font-weight:500}.requests :is(.finance-item,.manager-item,.management-item) :is(.approved,.approve){color:#21c16b}.requests :is(.finance-item,.manager-item,.management-item) :is(.rejected,.reject){color:#b71d18}.requests :is(.finance-item,.manager-item,.management-item) :is(.approve,.reject){cursor:pointer;border:1px solid #dadfe3;border-radius:8px;padding:8px;display:flex;align-items:center;gap:.3rem;flex:1;justify-content:center}.approved-by{font-size:11px;color:#999;display:block;margin-top:2px;font-weight:400;letter-spacing:.2px}.approve-management-btn{cursor:pointer;display:flex;align-items:center}.approve-management-btn svg{width:24px;height:24px}.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:#fff;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}.selected-dates{margin-top:10px;font-size:.9em;color:#666}.react-datepicker,.react-datepicker .react-datepicker__month-container{width:100%}.react-datepicker .react-datepicker__day--highlighted{background-color:var(--primary-color, #00a76f);color:#fff}.react-datepicker .react-datepicker__day--highlighted:not([aria-disabled=true]){background-color:var(--primary-color, #00a76f);color:#fff}.react-datepicker .react-datepicker__day--selected{background-color:var(--primary-color, #00a76f);color:#fff}.react-datepicker .react-datepicker__day--selected:hover{background-color:var(--primary-color, #00a76f)}.date_picker_container .leave-datepicker{width:100%;padding:12px}.react-datetimerange-picker__wrapper{padding:12px 0}.edit{cursor:pointer}.date_picker_title{margin:8px 0}.date_picker_container .leave-datepicker,.date_picker_container .expense-datepicker{width:100%;padding:12px}.create-location-header,.create-overtime-header{display:flex;justify-content:space-between;padding-bottom:12px;padding-top:12px}.date_picker_container{display:flex;gap:12px}.date_picker_container .overtime-datepicker{width:100%;height:50px}.create-payroll-header{display:flex;justify-content:space-between;padding-bottom:12px;padding-top:12px}.actions,.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 8px #00000026;z-index:1000}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:8px 12px;color:#333;text-decoration:none}.dropdown-menu a:hover{background-color:#f0f0f0}.filters{width:400px;margin:.5rem 0;display:flex;gap:1rem;align-items:center}.create-payroll-buttons{display:flex;gap:1rem}.progress-bar{width:100%;background-color:#f3f3f3;border-radius:5px;overflow:hidden;margin-top:10px;position:relative}.progress{height:5px;background-color:#4caf50;transition:width .4s ease;animation:loading 8s forwards}@keyframes loading{0%{width:0}to{width:100%}}.permission-tab-group{display:flex;flex-direction:column;border:1px solid rgba(145,158,171,.2);border-radius:12px;width:100%;height:90%;min-height:0}.permission-tab-group .tab-list-container{width:100%;overflow:hidden;border-bottom:1px solid rgba(145,158,171,.2);flex-shrink:0}.permission-tab-group.horizontal .tab-list{display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;gap:2rem;padding:0 1rem;scrollbar-width:none;-ms-overflow-style:none}@media (max-width: 1700px){.permission-tab-group.horizontal .tab-list{gap:1rem}.permission-tab-group.horizontal .tab-list .tab{font-size:13px}}.permission-tab-group.horizontal .tab-list::-webkit-scrollbar{display:none}.permission-tab-group.horizontal .tab-list .tab{flex:0 0 auto;white-space:nowrap}.permission-tab-group.vertical{flex-direction:row}.permission-tab-group.vertical .tab-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.permission-tab-group .tab{padding:16px 0;font-size:14px;cursor:pointer;color:#637381;-webkit-user-select:none;user-select:none;transition:color .25s;position:relative;display:flex;align-items:center;font-weight:700}.permission-tab-group .tab:hover{color:var(--color-primary)}.permission-tab-group .tab.active{color:var(--color-primary, #00a76f)}.permission-tab-group .tab.active:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background-color:var(--color-primary, #00a76f)}.permission-tab-group .tab-content{flex:1;padding:16px;overflow-y:auto;height:100%;min-height:0;box-shadow:0 4px 24px #919eab3d;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.create-permissions-header{display:flex;justify-content:space-between;padding-bottom:12px;padding-top:12px}.create-permissions-header h3{margin:0;font-weight:500}.create-permissions-header .button-group{display:flex;gap:1rem;align-items:center}.permissions-container{padding:16px;display:flex;flex-direction:column;gap:12px}.permission-item{padding:12px;border:1px solid #e7e7e7;border-radius:12px;display:flex;align-items:center}.permission-item.checked{border-color:var(--color-primary)}.permission-item:not(.checked) .checkbox{border-color:#637381}.permission-item .permission-text{margin-left:8px}.permission-item .permission-name{font-weight:500;color:#212b36;margin-bottom:4px}.permission-item .permission-description{font-size:14px;color:#637381}.create-project-header,.create-reports-header{display:flex;justify-content:space-between;padding-bottom:12px;padding-top:12px}.reports-container{padding:24px}.reports-container .reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reports-container .reports-header .page-title{margin-bottom:0;font-size:24px;font-weight:500;color:#1f1f1f}.reports-container .summary-cards .ant-card{height:100%;box-shadow:0 2px 8px #0000001a}.reports-container .summary-cards .ant-card .ant-statistic .ant-statistic-title{font-size:16px;margin-bottom:16px;color:#595959}.reports-container .summary-cards .ant-card .ant-statistic .ant-statistic-content{color:#00a76f}.reports-container .summary-cards .ant-card .ant-statistic .ant-statistic-content .anticon{margin-right:8px}.reports-container .table-card{box-shadow:0 2px 8px #0000001a}.reports-container .table-card .ant-card-head{border-bottom:1px solid #f0f0f0;padding:0 16px}.reports-container .table-card .ant-card-head .ant-card-head-title{font-size:16px;font-weight:500;color:#262626}.reports-container .table-card .ant-card-head .ant-card-extra .ant-btn .anticon{font-size:14px}.reports-container .table-card .ant-table-thead>tr>th{background-color:#fafafa;font-weight:500;color:#262626;padding:12px 16px}.reports-container .table-card .ant-table-tbody>tr>td{padding:12px 16px}.reports-container .table-card .ant-tag{border-radius:4px;padding:2px 8px;font-size:12px}.reports-container .table-card .ant-tag.ant-tag-green{color:#135200;background:#b7eb8f;border-color:#95de64}.reports-container .table-card .ant-tag.ant-tag-orange{color:#873800;background:#ffd591;border-color:#ffa940}.reports-container .table-card .ant-tag.ant-tag-red{color:#820014;background:#ffa39e;border-color:#ff4d4f}.reports-container .table-card .ant-tag.ant-tag-blue{color:#003a8c;background:#91d5ff;border-color:#40a9ff}.reports-container .recharts-wrapper .recharts-cartesian-grid-horizontal line,.reports-container .recharts-wrapper .recharts-cartesian-grid-vertical line{stroke:#f0f0f0}.reports-container .recharts-wrapper .recharts-legend-item-text{color:#595959}.reports-container .recharts-wrapper .recharts-tooltip-wrapper .recharts-default-tooltip{background-color:#fffffff2!important;border:1px solid #f0f0f0!important;border-radius:4px;box-shadow:0 2px 8px #00000026}.reports-container .ant-card-extra .ant-space{gap:8px}.reports-container .ant-card-extra .ant-space .ant-btn{display:flex;align-items:center;gap:4px}.reports-container .ant-card-extra .ant-space .ant-btn .anticon{font-size:14px}.reports-container .absent-indicator{background-color:#ffccc7;border-radius:4px;padding:2px 4px;font-size:11px;text-align:center;color:#cf1322}@media (max-width: 768px){.reports-container{padding:16px}.reports-container .reports-header{flex-direction:column;gap:16px;align-items:flex-start}.reports-container .reports-header .page-title,.reports-container .ant-card{margin-bottom:16px}.reports-container .ant-card .ant-card-head{padding:0 12px}.reports-container .ant-card .ant-card-head .ant-card-extra .ant-space{gap:4px}.reports-container .ant-table{font-size:12px}}.week-navigation-wrapper{display:flex;width:100%;justify-content:space-between;align-items:center;padding:1rem 0}.week-navigation-wrapper .week-nav-button{display:flex;align-items:center;gap:.5rem;border:1px solid #e2e8f0;border-radius:.375rem;background-color:#fff;color:#4a5568;padding:.6rem .4rem;cursor:pointer}.week-navigation-table-wrapper{display:flex;gap:1rem}.week-navigation-table-wrapper .week-navigation{align-items:center;gap:1rem;padding-top:1.2rem}.week-navigation-table-wrapper .week-navigation .week-nav-button{display:flex;align-items:center;gap:.5rem;border:1px solid #e2e8f0;border-radius:.375rem;background-color:#fff;color:#4a5568;cursor:pointer;transition:all .2s;height:28px;width:28px}.week-navigation-table-wrapper .week-navigation .week-nav-button:hover{background-color:#f7fafc}.create-shift-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem}.create-shift-header h3{margin:0;color:#212529;font-size:1.5rem;font-weight:600}.shift-page-filters{display:flex;gap:1rem;align-items:end;width:600px}.shift-page-filters .date-filter{min-width:300px;display:flex;flex-direction:column}.table .employee-column{font-weight:500;text-align:left}.table .staff-date-column{text-align:center!important}.table .date-column{min-width:100px;text-align:center}.table .date-column .date-header-label{display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:400;border-radius:4px;color:inherit;border:1px solid #f4f6f8}.table .date-column .date-header-label.selected-date-header{color:var(--color-primary, "00a76f")}.table .date-column .date-header-label .date-header-checkbox{margin-right:.5em;cursor:pointer}.table td:first-child{text-align:left}.create-staff-tracking-header{padding-bottom:12px;padding-top:12px}.staff-tracking-filters{width:850px;display:flex;gap:1rem;align-items:flex-end}.create-timekeeping-header{display:flex;padding-bottom:12px;padding-top:12px;flex-direction:column;gap:1rem}.filters{width:850px}:root{--color-primary: #00a76f;--color-primary-lighter: #c8fad6;--color-primary-light: #5be49b;--color-primary-dark: #007867;--color-primary-darker: #004b50;--color-info: #00b8d9;--color-info-lighter: #cafdf5;--color-info-light: #61f3f3;--color-info-dark: #006c9c;--color-info-darker: #003768;--color-success: #22c55e;--color-success-lighter: #d3fcd2;--color-success-light: #77ed8b;--color-success-dark: #118d57;--color-success-darker: #065e49;--color-warning: #ffab00;--color-warning-lighter: #fff5cc;--color-warning-light: #ffd666;--color-warning-dark: #b76e00;--color-warning-darker: #7a4100;--color-error: #ff5630;--color-error-lighter: #ffe9d5;--color-error-light: #ffac82;--color-error-dark: #b71d18;--color-error-darker: #7a0916;--color-neutral: #f9fafb;--color-neutral-lighter: #ffffff;--color-neutral-light: #f1f1f1;--color-neutral-dark: #212b36;--color-neutral-darker: rgba(145, 158, 171, .2)}.light{--color-primary: #00a76f;--color-primary-lighter: #c8fad6;--color-primary-light: #5be49b;--color-primary-dark: #007867;--color-primary-darker: #004b50;--color-info: #00b8d9;--color-info-lighter: #cafdf5;--color-info-light: #61f3f3;--color-info-dark: #006c9c;--color-info-darker: #003768;--color-success: #22c55e;--color-success-lighter: #d3fcd2;--color-success-light: #77ed8b;--color-success-dark: #118d57;--color-success-darker: #065e49;--color-warning: #ffab00;--color-warning-lighter: #fff5cc;--color-warning-light: #ffd666;--color-warning-dark: #b76e00;--color-warning-darker: #7a4100;--color-error: #ff5630;--color-error-lighter: #ffe9d5;--color-error-light: #ffac82;--color-error-dark: #b71d18;--color-error-darker: #7a0916;--color-neutral: #f9fafb;--color-neutral-lighter: #ffffff;--color-neutral-light: #f1f1f1;--color-neutral-dark: #212b36;--color-neutral-darker: rgba(145, 158, 171, .2)}.dark{--color-primary: #00a76f;--color-primary-lighter: #c8fad6;--color-primary-light: #5be49b;--color-primary-dark: #007867;--color-primary-darker: #004b50;--color-info: #00b8d9;--color-info-lighter: #cafdf5;--color-info-light: #61f3f3;--color-info-dark: #006c9c;--color-info-darker: #003768;--color-success: #22c55e;--color-success-lighter: #d3fcd2;--color-success-light: #77ed8b;--color-success-dark: #118d57;--color-success-darker: #065e49;--color-warning: #ffab00;--color-warning-lighter: #fff5cc;--color-warning-light: #ffd666;--color-warning-dark: #b76e00;--color-warning-darker: #7a4100;--color-error: #ff5630;--color-error-lighter: #ffe9d5;--color-error-light: #ffac82;--color-error-dark: #b71d18;--color-error-darker: #7a0916;--color-neutral: #1c1c1c;--color-neutral-lighter: #2c2c2c;--color-neutral-light: #3c3c3c;--color-neutral-dark: #4c4c4c;--color-neutral-darker: #5c5c5c}.button_text{display:flex;align-items:center;gap:12px}.label{font-size:14px;color:var(--color-neutral-dark);margin-bottom:4px;transition:color .25s}.error-message{margin-top:4px;font-size:12px;color:var(--color-error, #ff5630)}.react-datetime-picker{display:inline-flex;position:relative}.react-datetime-picker,.react-datetime-picker *,.react-datetime-picker *:before,.react-datetime-picker *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-datetime-picker--disabled{background-color:#f0f0f0;color:#6d6d6d}.react-datetime-picker__wrapper{display:flex;flex-grow:1;flex-shrink:0;border:thin solid gray}.react-datetime-picker__inputGroup{min-width:calc(4px + (4px * 3) + .54em * 6 + .217em * 2);flex-grow:1;padding:0 2px}.react-datetime-picker__inputGroup__divider{padding:1px 0;white-space:pre}.react-datetime-picker__inputGroup__divider,.react-datetime-picker__inputGroup__leadingZero{display:inline-block;font:inherit}.react-datetime-picker__inputGroup__input{min-width:.54em;height:calc(100% - 2px);position:relative;padding:1px;border:0;background:none;color:currentColor;font:inherit;box-sizing:content-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.react-datetime-picker__inputGroup__input::-webkit-outer-spin-button,.react-datetime-picker__inputGroup__input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.react-datetime-picker__inputGroup__input:invalid{background:#ff00001a}.react-datetime-picker__inputGroup__input--hasLeadingZero{margin-left:-.54em;padding-left:calc(1px + .54em)}.react-datetime-picker__inputGroup__amPm{font:inherit;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.react-datetime-picker__button{border:0;background:transparent;padding:4px 6px}.react-datetime-picker__button:enabled{cursor:pointer}.react-datetime-picker__button:enabled:hover .react-datetime-picker__button__icon,.react-datetime-picker__button:enabled:focus .react-datetime-picker__button__icon{stroke:#0078d7}.react-datetime-picker__button:disabled .react-datetime-picker__button__icon{stroke:#6d6d6d}.react-datetime-picker__button svg{display:inherit}.react-datetime-picker__calendar,.react-datetime-picker__clock{z-index:1}.react-datetime-picker__calendar--closed,.react-datetime-picker__clock--closed{display:none}.react-datetime-picker__calendar{width:350px;max-width:100vw}.react-datetime-picker__calendar .react-calendar{border-width:thin}.react-datetime-picker__clock{width:200px;height:200px;max-width:100vw;padding:25px;background-color:#fff;border:thin solid #a0a096}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:#333}h1,h2,h3,h4,h5,h6{font-weight:600}h1{font-size:2.25rem}h2{font-size:1.8rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}input,button,textarea,select{font-family:inherit;font-size:1rem;color:inherit}