@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap);:root{--primary-color:#7b61ff;--primary-color-hover:#6a50e0;--background-color:#fff;--card-background-color:#fff;--text-color-primary:#2c3e50;--text-color-secondary:#5a6474;--border-color:#e9ecef;--shadow-color:#0000000d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background-color);color:#5a6474;color:var(--text-color-secondary);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}.app-loading{align-items:center;color:var(--text-color-secondary);display:flex;font-size:20px;height:100vh;justify-content:center}.login-page-container{box-sizing:border-box;flex-direction:column;min-height:100vh;padding:20px}.login-error-message{background-color:#fff5f5;border:1px solid #e53e3e;border-radius:8px;color:#c53030;font-weight:600;margin-top:20px;max-width:400px;padding:10px 15px;text-align:center}.loading-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left:4px solid var(--primary-color);border-radius:50%;height:50px;width:50px}.loading-spinner-inline{animation:spin 1s linear infinite;border:.25em solid #ffffff4d;border-left-color:#fff;border-radius:50%;height:1.5em;width:1.5em}.loading-message{color:var(--text-color-secondary);font-size:16px;font-weight:600;margin-top:20px}.login-page-container{align-items:center;background-color:var(--background-color);display:flex;height:100vh;justify-content:center;width:100vw}.login-form-container{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 8px 32px var(--shadow-color);max-width:400px;padding:40px;text-align:center;width:100%}.login-form-logo{height:40px;margin-bottom:8px}.login-form-title{color:var(--text-color-primary);font-size:28px;font-weight:700;margin-bottom:8px}.login-form-subtitle{color:var(--text-color-secondary);font-size:16px;margin-bottom:32px}.login-form-wrapper{text-align:left}.login-form-actions{margin-top:20px}.login-form-submit-button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:14px 24px;transition:background-color .2s;width:auto}.login-form-submit-button.full-width{display:block;width:100%}.login-form-submit-button:hover{background-color:var(--primary-color-hover)}.login-form-submit-button:disabled{background-color:#a5b4cb;cursor:not-allowed}.form-container{gap:20px}.form-container,.form-group{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{color:var(--text-color-primary);font-size:14px;font-weight:600;margin-bottom:8px}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group textarea,.form-input{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-family:Nunito,sans-serif;font-size:15px;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group textarea:focus,.form-input:focus{border-color:#7b61ff;box-shadow:0 0 0 3px #7b61ff26;outline:none}.form-actions{margin-top:24px}.submit-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;min-height:30px;padding:14px 24px;position:relative;transition:background-color .2s;width:auto}.submit-button .text-hidden{visibility:hidden}.submit-button .loading-spinner-inline{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.submit-button.full-width{display:block;width:100%}.submit-button:hover{background-color:var(--primary-color-hover)}.submit-button:disabled{background-color:#a5b4cb;cursor:not-allowed}.form-error-message{background-color:#fed7d7;border-radius:8px;color:#c53030;margin-bottom:20px;padding:15px;text-align:center}.form-group .error-message{color:#c53030;font-size:.875em;margin-top:5px}.form-input.input-error{border-color:#c53030}.form-input.input-error:focus{border-color:#c53030;box-shadow:0 0 0 3px #c5303033}.submit-button.secondary{background-color:var(--secondary-color);color:#fff}.submit-button.secondary:hover{background-color:var(--secondary-color-hover)}.submit-button.tertiary{background-color:initial;border:1px solid var(--border-color);color:var(--text-color-secondary)}.submit-button.tertiary:hover{background-color:var(--background-color);color:var(--text-color-primary)}body{font-family:Nunito,sans-serif}.left-bar-container{background-color:var(--card-background-color);border-right:1px solid var(--border-color);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:100vh;padding:24px;width:280px}.left-bar-logo-container{margin-bottom:30px;margin-top:10px;padding:0 6px}.left-bar-logo{height:35px;width:auto}.menu-nav{flex-grow:1}.menu-nav ul{list-style-type:none;margin:0;padding:0}.menu-link,.menu-nav li{border-radius:8px}.menu-link{align-items:center;color:var(--text-color-secondary);display:flex;font-size:15px;font-weight:600;padding:12px;text-decoration:none;transition:background-color .2s,color .2s}.menu-nav li:not(.active):hover .menu-link{background-color:var(--background-color);color:var(--text-color-primary)}.menu-nav li.active .menu-link{background-color:#ede9ff;color:var(--primary-color)}.menu-icon-img{height:20px;margin-right:14px;object-fit:contain;width:20px}.left-bar-bottom{margin-top:auto}.balance-section{cursor:pointer;margin-top:20px}.balance-section:hover .balance-label{color:var(--primary-color)}.balance-label{color:var(--text-color-secondary);font-size:14px;font-weight:600;margin-bottom:6px}.progress-bar{background-color:var(--border-color);border-radius:5px;display:flex;height:10px;overflow:hidden;width:100%}.progress-segment{height:100%}.spent-segment{background-color:var(--primary-color-hover)}.temp-segment{background-color:#cfc5ff}.perm-segment{background-color:#a7e5c2}.logout-section{padding-top:10px}.logout-button{background-color:initial;border:none;border-radius:8px;color:var(--text-color-secondary);cursor:pointer;font-size:15px;font-weight:600;padding:12px;text-align:center;transition:background-color .2s;width:100%}.logout-button:hover{background-color:var(--background-color);color:var(--text-color-primary)}.company-switcher-container{margin-bottom:10px;padding:10px 20px}.company-switcher-label{color:#6c757d;display:block;font-size:12px;margin-bottom:5px}.company-switcher-select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.company-switcher-select:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40;outline:0}.company-switcher-select:disabled{background-color:#e9ecef;opacity:1}.company-switcher-spinner{animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite;border:2px solid #0000001a;border-radius:50%;border-top-color:#495057;display:inline-block;height:16px;margin-left:10px;vertical-align:middle;width:16px}@keyframes spin{to{-webkit-transform:rotate(1turn)}}.main-layout-container{background-color:var(--background-color);display:flex;height:100vh;overflow:hidden}.content-area{flex-grow:1;overflow-y:auto;padding:0}.dashboard-page{padding:20px 40px}.tabs{border-bottom:2px solid var(--border-color);margin-bottom:25px}.tabs a{border-bottom:2px solid #0000;color:var(--text-color-secondary);display:inline-block;font-size:16px;font-weight:600;margin-bottom:-2px;margin-right:28px;padding:14px 4px;text-decoration:none;transition:color .2s,border-color .2s}.tabs a:hover{color:var(--text-color-primary)}.tabs a.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.charts-container{display:flex;justify-content:space-between;margin-bottom:20px}.chart-wrapper{width:48%}.dashboard-section{margin-bottom:20px}.log-filters,.log-item{margin-bottom:10px}.log-item{background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;padding:10px}.log-item-type{font-weight:700;margin-bottom:5px}.log-item-date{color:#888;font-size:.8em;margin-top:8px;text-align:right}.play-audio-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;margin-left:10px;padding:5px 10px;transition:background-color .2s}.play-audio-btn:hover{background-color:#0056b3}.log-answer{background-color:#f0f0f0;border-radius:4px;font-size:.95em;margin-top:8px;padding:8px}.user-info{align-items:center;display:flex;gap:10px;margin-bottom:5px}.activity-log{max-height:500px;overflow-y:auto}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__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{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.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{line-height:0;z-index:1}.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{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.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__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.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{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.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{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.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;margin:2px;width:4rem}.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;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.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{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.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{background-color:#f0f0f0;cursor:pointer}.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{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.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{background-color:#f0f0f0;border-radius:.3rem}.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{background-color:#3dcc4a;border-radius:.3rem;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{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.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{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected: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{background-color:#bad9f1;border-radius:.3rem;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__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__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__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__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__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__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__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{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-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-year-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__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.react-datepicker-wrapper .form-input{width:100%}.react-datepicker__triangle{display:none}.react-datepicker-popper{z-index:10!important}.react-datepicker{background-color:var(--card-background-color)!important;border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:var(--shadow-lg)!important;font-family:Nunito,sans-serif!important}.react-datepicker__header{background-color:var(--background-color)!important;border-bottom:1px solid var(--border-color)!important;border-top-left-radius:12px!important;border-top-right-radius:12px!important;padding-top:15px!important}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:var(--text-color-primary)!important;font-size:16px!important;font-weight:700!important}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:var(--text-color-secondary)!important;font-weight:600!important;line-height:32px!important;margin:.3rem!important;width:32px!important}.react-datepicker__day:hover{background-color:var(--background-color)!important;border-radius:50%!important;color:var(--text-color-primary)!important}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{background-color:var(--primary-color)!important;border-radius:50%!important;color:#fff!important}.react-datepicker__day--keyboard-selected{background-color:var(--primary-color-light)!important;border-radius:50%!important;color:var(--primary-color)!important}.react-datepicker__day--disabled{color:var(--text-color-disabled)!important;cursor:not-allowed}.react-datepicker__navigation{top:15px!important}.react-datepicker__navigation-icon:before{border-color:var(--text-color-primary)!important;border-width:2px 2px 0 0!important}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--primary-color)!important}.summary-tab-container{padding-top:20px}.summary-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}.summary-filters .form-group{flex:1 1 250px;margin-bottom:0;max-width:320px;min-width:250px}.summary-filters .button-group{flex:0 0 auto;max-width:none}.summary-filters label{display:block;font-size:13px;margin-bottom:6px}.stats-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);margin-top:25px}.stat-card{align-items:center;background:var(--card-background-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;gap:15px;padding:20px;transition:all .2s ease-in-out}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.stat-card-title{color:var(--text-color-secondary);font-size:15px;font-weight:600;margin:0}.stat-card-value{color:var(--text-color-primary);font-size:22px;font-weight:700;margin:0 0 0 auto}.stat-card-change{font-size:14px;font-weight:600}.stat-card-change.positive{color:#38a169}.stat-card-change.negative{color:#e53e3e}.stat-card-icon{align-items:center;background-color:var(--primary-color-light);border-radius:50%;color:var(--primary-color);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.error-message,.loading-message{color:var(--text-color-secondary);grid-column:1/-1;padding:40px;text-align:center}.content-loading-wrapper{align-items:center;display:flex;justify-content:center;min-height:400px}.react-select__control{border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;font-family:Nunito,sans-serif;font-size:15px;min-height:42px;padding:2px;transition:border-color .2s,box-shadow .2s;width:100%}.react-select__control--is-focused{border-color:#7b61ff;box-shadow:0 0 0 3px #7b61ff26}.react-select__value-container{padding:4px 12px}.react-select__placeholder{color:var(--text-color-secondary)}.react-select__multi-value__label,.react-select__single-value{color:var(--text-color-primary);font-size:15px}.react-select__multi-value{background-color:var(--primary-color-light);border-radius:6px}.react-select__multi-value__remove{color:var(--primary-color)}.react-select__menu{border:1px solid var(--border-color);border-radius:8px;z-index:5}.user-avatar-fallback,.user-avatar-image,.user-avatar-placeholder{border-radius:50%;height:40px;object-fit:cover;width:40px}.user-avatar-fallback{align-items:center;background:linear-gradient(135deg,var(--primary-color),#a99afc);color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:center;text-transform:uppercase}.user-avatar-placeholder{background-color:var(--border-color)}.activity-log-container{display:flex;flex-direction:column;gap:20px}.activity-log-header-controls{align-items:flex-start;display:flex;flex-direction:column;gap:15px}.activity-log-header{color:var(--text-color-primary);font-size:22px;font-weight:700;margin:40px 0 8px}.log-filter-group{align-self:flex-start;margin-bottom:0;min-width:250px}.log-filter-group label{font-size:13px;font-weight:600;margin-bottom:6px}.activity-log-list{display:flex;flex-direction:column;gap:15px}.activity-log-item{align-items:flex-start;background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:15px;padding:20px;position:relative;transition:box-shadow .2s,transform .2s}.activity-log-item:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.activity-icon-container{align-items:center;background-color:var(--background-color);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-icon{font-size:16px}.activity-content{display:flex;flex-direction:column;flex-grow:1;gap:12px}.activity-item-header{align-items:center;display:flex;justify-content:space-between}.activity-title-group{align-items:center;display:flex;gap:12px}.activity-event-type{color:var(--text-color-primary);font-size:16px;font-weight:600}.activity-time{color:var(--text-color-secondary);font-size:13px}.activity-user{align-items:center;display:flex;font-weight:500;gap:8px}.activity-context p,.activity-user{color:var(--text-color-secondary);font-size:14px}.activity-context p{line-height:1.4;margin:0}.activity-context p strong{color:var(--text-color-primary)}.activity-context a{color:var(--primary-color);font-weight:600;text-decoration:none}.activity-context a:hover{text-decoration:underline}.activity-answer{align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:6px;display:flex;font-size:14px;gap:10px;padding:10px}.user-answer{border-left:3px solid var(--primary-color)}.ai-answer{border-left:3px solid #63b3ed}.control-button{align-items:center;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;transition:background-color .2s,color .2s;width:32px}.control-button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.log-list-spinner{display:flex;justify-content:center;padding:20px 0}.employee-tab-container{display:flex;flex-direction:column;gap:24px}.employee-tab-container .filters{max-width:300px}.employee-matrix{border-collapse:collapse;width:100%}.employee-matrix td,.employee-matrix th{border:1px solid #ddd;padding:8px}.employee-matrix th{background:#f4f4f4;text-align:left}.employee-matrix tr.program-row{background:#fafafa}.employee-matrix tr:hover{background:#f0f8ff;cursor:pointer}.activity-log-wrapper{margin-top:16px}.operations-tab-container{padding-top:20px}.operations-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}.operations-filter-bar label{font-size:13px}.operations-filter-bar select{background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:14px;margin-left:8px;padding:6px 10px}.operations-table{background:var(--card-background-color);border:1px solid var(--border-color);border-collapse:collapse;border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.operations-table th{background-color:var(--card-background-color);color:var(--text-color-secondary);font-weight:600;text-align:left}.operations-table td,.operations-table th{border-bottom:1px solid var(--border-color);padding:12px 16px}.operations-table td{color:var(--text-color-primary)}.operations-table tr:last-child td{border-bottom:none}.error-message{color:red;text-align:center}.breadcrumbs{color:#6c757d;font-size:.9rem}.breadcrumbs-link{color:#007bff;text-decoration:none;transition:color .2s ease-in-out}.breadcrumbs-link:hover{color:#0056b3;text-decoration:underline}.breadcrumbs-separator{color:#6c757d;margin:0 .5rem}.breadcrumbs-current{color:#343a40;font-weight:500}.tasks-grid{display:flex;flex-direction:column;gap:15px;max-width:900px;width:100%}.task-card{align-items:center;background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;padding:20px;position:relative;transition:box-shadow .2s,transform .2s}.task-card:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.task-card .card-link-content{color:inherit;flex-grow:1;overflow:hidden;text-decoration:none}.task-card h3{color:var(--text-color-primary);font-size:16px;font-weight:600;margin:0 0 8px}.task-card p{color:var(--text-color-secondary);font-size:14px;line-height:1.4;margin:0}.task-card .card-controls{display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-left:20px;opacity:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden}.task-card:hover .card-controls{opacity:1;visibility:visible}.task-card .card-controls button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color-secondary);cursor:pointer;font-size:16px;height:30px;transition:background-color .2s,color .2s;width:30px}.task-card .card-controls button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.task-card .card-controls button:disabled{cursor:not-allowed;opacity:.5}.task-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin:20px auto;max-width:800px;padding:20px}.task-form-title{color:#333;margin-bottom:20px}.task-form{max-width:600px;width:100%}.task-form .form-group{margin-bottom:20px}.task-form label{color:#555;display:block;font-weight:700;margin-bottom:8px}.task-form input[type=text],.task-form select,.task-form textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.task-form .error-message{color:#d9534f;font-size:.875em;margin-top:5px}.task-form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-header-with-delete{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.delete-btn{background-color:#d9534f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 15px}.delete-btn:hover{background-color:#c9302c}.task-list-container{background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.task-item{align-items:center;border-bottom:1px solid var(--border-color);color:inherit;display:flex;justify-content:space-between;padding:15px 20px;text-decoration:none;transition:background-color .2s}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:var(--background-color)}.task-info{align-items:center;display:flex;gap:15px}.task-icon{height:20px;width:20px}.task-name{font-size:15px;font-weight:600}.checkbox-item{align-items:center;display:flex;margin-bottom:10px}.checkbox-item input[type=checkbox]{cursor:pointer;height:18px;margin-right:10px;width:18px}.checkbox-item label{cursor:pointer;font-size:14px;font-weight:500}.subsection{border:1px solid #eee;border-radius:8px;margin-top:10px;padding:15px}.subsection-title{color:#333;display:block;font-weight:700;margin-bottom:10px}.card-link-content{color:inherit;display:flex;flex-direction:column;flex-grow:1;text-decoration:none}.card-controls{gap:4px;position:absolute;right:8px;top:8px}.card-controls button{align-items:center;background-color:#fffc;border:1px solid #ccc;border-radius:4px;display:flex;font-size:14px;height:24px;justify-content:center;line-height:1;transition:background-color .2s,border-color .2s;width:24px}.card-controls button:hover:not(:disabled){background-color:#f0f0f0;border-color:#aaa}.programms-page-container{box-sizing:border-box;gap:30px;overflow-x:hidden;padding:40px}.page-header,.programms-page-container{align-items:flex-start;display:flex;flex-direction:column;width:100%}.programms-page-title{color:var(--text-color-primary);font-size:24px;font-weight:700;margin:0 0 20px}.header-actions{display:flex;gap:10px}a.submit-button,button.submit-button{text-decoration:none}.programs-grid{display:flex;flex-direction:column;gap:15px;max-width:900px;width:100%}.program-card{align-items:center;background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;padding:20px;position:relative;transition:box-shadow .2s,transform .2s}.program-card:hover{box-shadow:0 4px 12px var(--shadow-color);transform:translateY(-2px)}.card-content-link{color:inherit;flex-grow:1;overflow:hidden;text-decoration:none}.card-content{display:flex;flex-direction:column;gap:8px}.card-header{align-items:flex-start;display:flex;justify-content:space-between}.card-title{color:var(--text-color-primary);font-size:18px;font-weight:600;margin:0}.card-archived-badge{background-color:#f8d7da;border-radius:12px;color:#721c24;font-size:12px;font-weight:600;margin-left:10px;padding:3px 8px;white-space:nowrap}.card-description{font-size:14px;line-height:1.4;margin:0}.card-description,.card-footer{color:var(--text-color-secondary)}.card-footer{align-items:center;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-top:8px}.card-controls{display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-left:20px;opacity:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden}.program-card:hover .card-controls{opacity:1;visibility:visible}.card-controls button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color-secondary);cursor:pointer;font-size:16px;height:30px;transition:background-color .2s,color .2s;width:30px}.card-controls button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.card-controls button:disabled{cursor:not-allowed;opacity:.5}.tasks-section{width:100%}.tasks-section h2{font-size:20px}.section-title,.tasks-section h2{border-bottom:1px solid var(--border-color);color:var(--text-color-primary);font-weight:700;margin-bottom:20px;padding-bottom:12px}.section-title{font-size:22px}.submit-button.danger{background-color:#e53e3e;color:#fff}.submit-button.danger:hover{background-color:#c53030}.no-data-placeholder{color:var(--text-color-secondary);padding:5px;text-align:center}.danger-zone{background-color:#fff5f5;border:1px solid #e53e3e;border-radius:8px;margin-top:50px;padding:20px}.danger-zone-title{color:#c53030;font-size:18px;margin-bottom:10px;margin-top:0}.danger-zone-content p{color:#c53030;font-size:14px;margin:0 0 15px;max-width:600px}.program-form{max-width:600px;width:100%}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-section{border-top:1px solid var(--border-color);margin-top:30px;padding-top:30px;width:100%}.users-page-container{margin:0 auto;max-width:1200px;padding:20px 40px}.users-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.users-page-title{color:var(--text-color-primary);font-size:24px;font-weight:700;margin:0}.users-page-count{background-color:#e2e8f0;border-radius:12px;color:#4a5568;display:inline-block;font-size:14px;font-weight:700;margin-left:12px;padding:4px 10px;vertical-align:middle}.users-page-filters{align-items:center;display:flex;gap:15px;margin-bottom:20px}.filter-input,.filter-select{background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color-primary);font-size:14px;padding:12px}.filter-input{flex-grow:1}.filter-select{min-width:180px}.table-loading-overlay{align-items:center;background-color:#ffffffb3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.users-page-table-container{background:var(--card-background-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;position:relative}.no-results-message{color:var(--text-color-secondary);font-size:16px;padding:40px;text-align:center}.users-page-table{border-collapse:collapse;width:100%}.users-page-table td,.users-page-table th{border-bottom:1px solid var(--border-color);padding:16px;text-align:left}.users-page-table th{background-color:var(--table-header-background);color:var(--text-color-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-page-table tbody tr:last-child td{border-bottom:none}.users-page-table tbody tr:hover{background-color:var(--table-row-hover-background)}.users-page-status-badge{border:1px solid #0000;border-radius:16px;font-size:12px;font-weight:600;padding:5px 12px;text-transform:capitalize}.users-page-status-badge-active{background-color:#f0fff4;border-color:#9ae6b4;color:#2f855a}.users-page-status-badge-inactive{background-color:#f7fafc;border-color:#e2e8f0;color:#718096}.users-page-edit-button{background-color:initial;border:1px solid var(--primary-color);border-radius:6px;color:var(--primary-color);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.users-page-edit-button:hover{background-color:#e2e8f0}.users-page-error-message{background-color:var(--danger-color-bg);border-radius:8px;color:var(--danger-color-text);margin-top:20px;padding:12px;text-align:center}.users-page-table td:last-child,.users-page-table th:last-child{text-align:right}.user-name-cell{align-items:center;display:flex;gap:12px}.user-form-wrapper{padding:20px 40px}.user-form-container{box-sizing:border-box;display:flex;justify-content:flex-start;padding:20px;width:100%}.user-form{background-color:#fff;border-radius:8px;box-shadow:none;max-width:600px;padding:30px;width:100%}.user-form-title{color:#333;font-size:24px;font-weight:600;margin-bottom:25px;text-align:left}.user-form-error-message{background-color:var(--danger-color-bg);border-radius:8px;color:var(--danger-color-text);margin-bottom:20px;padding:12px;text-align:center}.user-form-hint{color:#888;font-size:13px;margin-top:5px}.user-form-checkbox-container{align-items:center;display:flex;gap:10px}.user-form-checkbox-container input[type=checkbox]{accent-color:var(--primary-color);height:16px;margin:0;width:16px}.user-form-checkbox-label{color:#333;font-weight:500;margin:10px 0 0;-webkit-user-select:none;user-select:none}.user-form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.user-form-cancel-button{align-items:center;background-color:var(--background-color-light);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;min-height:50px;padding:14px 24px;transition:all .2s}.user-form-cancel-button:hover{background-color:var(--border-color)}.user-form-reset-button{align-items:center;background-color:#e53e3e;border:1px solid #e53e3e;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:center;min-height:50px;padding:14px 24px;transition:all .2s}.user-form-reset-button:hover{background-color:#c53030}.password-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.password-modal{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:450px;padding:25px;text-align:center;width:90%}.password-modal h3{color:#333;margin-top:0}.password-modal p{color:#666;margin-bottom:20px}.password-display{align-items:center;background-color:#f2f2f2;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 15px}.password-display span{color:#333;font-family:Courier New,Courier,monospace;font-weight:700}.copy-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px;transition:background-color .2s}.copy-btn:hover{background-color:#0056b3}.close-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .2s;width:100%}.close-btn:hover{background-color:#5a6268}.settings-page-wrapper{padding:20px 40px}.settings-page-container{display:flex;flex-direction:column;gap:30px;margin:20px 0;max-width:700px}.settings-card{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);padding:30px}.settings-card-title{border-bottom:1px solid var(--border-color);color:var(--text-color-primary);font-size:20px;font-weight:700;margin:0 0 24px;padding-bottom:16px}.form-hint{color:var(--text-color-secondary);font-size:13px;margin-top:8px}.token-input-wrapper{align-items:center;display:flex;position:relative}.token-input-wrapper .form-input{padding-right:100px}.toggle-visibility-button{background-color:#f0f2f5;border:none;border-radius:0 7px 7px 0;bottom:1px;color:var(--text-color-secondary);cursor:pointer;font-weight:600;padding:0 15px;position:absolute;right:1px;top:1px;transition:background-color .2s}.toggle-visibility-button:hover{background-color:#e4e6e9}.form-error-message,.form-success-message{border-radius:8px;font-weight:600;margin-bottom:20px;padding:12px;text-align:center}.form-error-message{background-color:var(--danger-color-bg);color:var(--danger-color-text)}.form-success-message{background-color:#e6f7f0;color:#0d6b42}
/*# sourceMappingURL=main.36adc583.css.map*/