@charset "UTF-8";.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{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-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{box-sizing:content-box;position:absolute;border:8px solid transparent;height:0;width:1px;content:"";z-index:-1;border-width:8px;left:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{top:0;margin-top:-8px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{border-top:none;border-bottom-color:#f0f0f0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{top:-1px;border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{bottom:-1px;border-top-color:#aeaeae}.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}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.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__triangle{position:absolute;left:50px}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.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}.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,.react-datepicker__week-number--keyboard-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__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-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:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text: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:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted: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 .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-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:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-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:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--in-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__year-text--selected:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--in-range: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:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected: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:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.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}.search-field{position:relative;display:flex;align-items:center;width:100%}.search-field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-tertiary);pointer-events:none}.search-field .search-field-input{width:100%;height:40px;padding:0 38px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--bg-primary);box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.search-field .search-field-input::placeholder{color:var(--text-tertiary)}.search-field .search-field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea26}.search-field .search-field-input:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.6}.search-field-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.search-field-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.search-field-clear:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.search-field .search-field-input::-webkit-search-cancel-button,.search-field .search-field-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.shift-form{display:flex;flex-direction:column;gap:var(--spacing-md);container-type:inline-size}.shift-form .volunteer-assignment-group{margin-top:var(--spacing-md)}.shift-form .volunteer-search-container{margin-bottom:var(--spacing-md)}.shift-form .volunteer-list-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.shift-form .volunteer-bulk-action-link{background:none;border:none;padding:var(--spacing-xs) var(--spacing-xs);color:var(--color-primary);font-size:13px;font-weight:600;cursor:pointer}.shift-form .volunteer-bulk-action-link:hover:not(:disabled){text-decoration:underline}.shift-form .volunteer-bulk-action-link:disabled{opacity:.5;cursor:not-allowed}.shift-form .volunteer-availability-filter-toggle{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--spacing-xs);margin-bottom:0;padding:var(--spacing-xs) var(--spacing-md);border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.shift-form .volunteer-availability-filter-toggle:hover:not(:disabled){border-color:var(--color-primary)}.shift-form .volunteer-availability-filter-toggle.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-on-primary, #fff)}.shift-form .volunteer-availability-filter-toggle:disabled{cursor:not-allowed;opacity:.6}.shift-form .selected-volunteers-summary{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.shift-form .selected-count{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.shift-form .selected-volunteers-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.shift-form .volunteer-chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);font-size:13px;transition:all var(--transition-base)}.shift-form .volunteer-chip:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.shift-form .volunteer-chip-avatar{width:24px;height:24px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary)}.shift-form .volunteer-chip-avatar img{width:100%;height:100%;object-fit:cover}.shift-form .volunteer-chip-avatar span{color:var(--text-inverse);font-size:10px;font-weight:600}.shift-form .volunteer-chip-name{color:var(--text-primary);font-weight:500}.shift-form .volunteer-chip-remove{width:18px;height:18px;border:none;background:var(--color-gray-300);color:var(--color-gray-600);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0;margin-left:8px;transition:background .15s,color .15s;pointer-events:auto!important}.shift-form .volunteer-chip-remove:hover{background:var(--color-error);color:#fff}.shift-form .volunteer-selection-container{max-height:400px;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--bg-secondary)}.shift-form .volunteer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.shift-form .volunteer-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative}.shift-form .volunteer-card:hover:not(.read-only){border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.shift-form .volunteer-card.selected{border-color:var(--color-primary);background:var(--color-accent-blue-bg);box-shadow:0 0 0 3px #667eea1a}.shift-form .volunteer-card.read-only{cursor:default}.shift-form .volunteer-card-checkbox{flex-shrink:0}.shift-form .volunteer-card-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.shift-form .volunteer-card-avatar{width:48px;height:48px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;border:2px solid var(--border-light);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary)}.shift-form .volunteer-card-avatar img{width:100%;height:100%;object-fit:cover}.shift-form .volunteer-card-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:18px;font-weight:600;background:var(--gradient-primary)}.shift-form .volunteer-card-info{flex:1;min-width:0}.shift-form .volunteer-card-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-form .volunteer-card-email{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-form .volunteer-card.unavailable{opacity:.55;border-style:dashed;border-color:var(--color-error, var(--color-error));background:var(--color-error-bg, #fdf0f1)}.shift-form .volunteer-card.unavailable:hover:not(.read-only){border-color:var(--color-error, var(--color-error))}.shift-form .volunteer-card-unavailable-badge{display:inline-block;margin-top:var(--spacing-xs);padding:1px 6px;font-size:11px;font-weight:600;color:var(--color-error, var(--color-error));background:var(--color-error-bg, #fdf0f1);border:1px solid var(--color-error, var(--color-error));border-radius:var(--radius-sm)}.shift-form .volunteer-chip.unavailable{border-color:var(--color-error, var(--color-error));background:var(--color-error-bg, #fdf0f1)}.shift-form .volunteer-chip-unavailable-tag{color:var(--color-error, var(--color-error))}.shift-form .volunteer-empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-tertiary);font-size:14px}.shift-form .volunteer-selection-container::-webkit-scrollbar{width:8px}.shift-form .volunteer-selection-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.shift-form .volunteer-selection-container::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}.shift-form .volunteer-selection-container::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.shift-form .form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.shift-form .form-actions button{padding:7px 16px;background:var(--color-action);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,box-shadow .15s;box-shadow:0 1px 2px #4f46e540;pointer-events:auto!important;position:relative}.shift-form .form-actions button:hover:not(:disabled){background:var(--color-action-hover)}.shift-form .form-actions button:disabled{background:var(--color-action-disabled);opacity:.7;cursor:not-allowed}.shift-form .form-actions .cancel-button{background:#fff!important;color:var(--text-muted)!important;border:1px solid var(--color-action-border-disabled)!important;box-shadow:none!important}.shift-form .form-actions .cancel-button:hover:not(:disabled){background:var(--surface-subtle)!important}.shift-form .form-actions .delete-button{background:var(--color-error)!important;box-shadow:0 1px 2px #dc354540!important}.shift-form .form-actions .delete-button:hover:not(:disabled){background:var(--color-error-dark)!important}@media(max-width:480px){.shift-form .volunteer-grid{grid-template-columns:1fr}.shift-form .volunteer-list-toolbar{justify-content:space-between}.shift-form .volunteer-card{min-height:44px;padding:10px var(--spacing-md)}.shift-form .volunteer-card-checkbox input[type=checkbox]{width:22px;height:22px}.shift-form .volunteer-selection-container{max-height:55vh}}.shift-status-row{align-items:center;gap:10px;margin-bottom:14px}.shift-status-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;color:#fff}.shift-status-missing_staff{background:var(--color-error)}.shift-status-conflict{background:var(--color-status-conflict)}.shift-capacity-badge{font-size:13px;color:var(--text-secondary);font-weight:600}.volunteer-card-skill-match{font-size:11px;color:var(--color-skill-match);font-weight:600;margin-top:2px}.shift-lifecycle-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.shift-action-button{padding:7px 16px;border:none;border-radius:8px;background:var(--color-action);color:#fff;font-weight:500;font-size:13px;cursor:pointer;transition:background .15s,box-shadow .15s;pointer-events:auto!important;box-shadow:0 1px 2px #4f46e540}.shift-action-button:hover{background:var(--color-action-hover)}.shift-action-button.small{padding:6px 12px;font-size:12px}.shift-action-button:disabled{background:var(--color-action-disabled);opacity:.7;cursor:not-allowed}.shift-form .react-datepicker-wrapper{display:block;width:100%}.shift-type-description-hint{margin:var(--spacing-xs) 0 0;font-size:13px;color:var(--text-secondary)}.sf-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:var(--spacing-lg);align-items:start}.sf-main{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0}.shift-form--admin,.sf-layout,.sf-main{gap:12px}.sf-section{border:1px solid var(--border-card);border-radius:14px;background:var(--bg-primary);padding:14px 18px;box-shadow:0 1px 3px #14142b0d;display:flex;flex-direction:column;gap:10px}.sf-section-head{display:flex;align-items:center;gap:10px}.sf-section-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-action);color:var(--text-inverse);font-size:12px;flex-shrink:0}.sf-section-head h3{margin:0;font-size:15px;font-weight:700;color:var(--text-heading-dark)}.sf-section .form-group{margin-bottom:0;gap:6px}.sf-section .form-row{gap:var(--spacing-md)}.sf-duration-chip{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-action-soft-bg);border-radius:10px}.sf-duration-icon{display:inline-flex;color:var(--color-action)}.sf-duration-label{font-size:12px;color:var(--text-muted-3)}.sf-duration-value{font-size:14px;font-weight:700;color:var(--color-action)}.sf-summary{position:sticky;top:24px;border:1px solid var(--border-card);border-radius:14px;background:var(--bg-primary);box-shadow:0 1px 3px #14142b0d;padding:22px;display:flex;flex-direction:column;gap:14px}.sf-summary-head{display:flex;align-items:center;gap:8px}.sf-summary-head-icon{display:inline-flex;color:var(--color-action)}.sf-summary-head h3{margin:0;font-size:15px;font-weight:700;color:var(--text-heading-dark)}.sf-summary-row{display:flex;align-items:flex-start;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border-card-light)}.sf-summary-row:last-of-type{border-bottom:none;padding-bottom:0}.sf-summary-row--clickable{cursor:pointer;border-radius:8px;margin:-4px -6px;padding:4px 6px;transition:background-color .15s ease}.sf-summary-row--clickable:hover,.sf-summary-row--clickable:focus-visible{background:var(--color-action-soft-bg);outline:none}.sf-section-highlight{animation:sf-section-flash 1.2s ease}@keyframes sf-section-flash{0%{box-shadow:0 0 0 2px var(--color-action)}to{box-shadow:0 1px 3px #14142b0d}}.sf-summary-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-action);margin-top:1px;flex-shrink:0}.sf-summary-text{min-width:0}.sf-summary-value{font-size:13px;font-weight:600;color:var(--text-value-dark);line-height:1.4;word-break:break-word}.sf-summary-value.muted{font-weight:500;color:var(--color-gray-500)}.sf-summary-label{font-size:11px;color:var(--text-muted-3);margin-top:2px}.sf-summary-volunteers{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px;max-height:132px;overflow-y:auto;overscroll-behavior:contain}.sf-summary-volunteers li{max-width:100%;padding:2px 8px;border-radius:999px;background:var(--color-action-soft-bg);color:var(--text-value-dark);font-size:11px;font-weight:500;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container (max-width: 820px){.sf-summary-volunteers{max-height:none;overflow:visible;gap:3px}.sf-summary-volunteers li{padding:1px 6px;font-size:10.5px}}.sf-summary-tip{display:flex;gap:8px;padding:10px 12px;background:var(--color-tip-bg);border:1px solid var(--color-tip-border);border-radius:10px}.sf-summary-tip-icon{display:inline-flex;color:var(--color-tip-icon);flex-shrink:0;margin-top:1px}.sf-summary-tip strong{display:block;font-size:12px;color:var(--color-tip-text);margin-bottom:2px}.sf-summary-tip p{margin:0;font-size:12px;color:var(--color-tip-text);line-height:1.4}@container (max-width: 820px){.sf-layout{grid-template-columns:1fr}.sf-summary{position:static;order:-1}}.confirm-dialog .modal-header{border-bottom:none;padding-bottom:0}.confirm-dialog .modal-body{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg)}.confirm-dialog-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:var(--spacing-md);border-radius:var(--radius-full);background:var(--color-danger-soft-bg);color:var(--color-error)}.confirm-dialog-icon svg{width:22px;height:22px}.confirm-dialog-message{margin:0 0 var(--spacing-lg);color:var(--text-secondary);font-size:14px;line-height:1.5}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.confirm-dialog-cancel{padding:9px 18px;background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base)}.confirm-dialog-cancel:hover{background:var(--surface-subtle);border-color:var(--color-action-border-disabled)}.confirm-dialog-confirm{padding:9px 18px;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.confirm-dialog-confirm:hover{background:var(--color-error-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.confirm-dialog-confirm:active{transform:translateY(0)}.notification-bell-container{position:relative;z-index:250}.notification-bell-button{width:100%;gap:0}.notification-bell-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;margin-right:1rem;flex-shrink:0;margin-left:0}.notification-bell-icon{width:22px;height:22px;min-width:22px;color:inherit;transition:color .15s ease,transform .15s ease}.notification-badge.link-text{flex:0 0 auto}.notification-badge{margin-left:auto;flex-shrink:0;background:var(--color-badge-red);color:var(--text-inverse);border-radius:999px;font-size:.7rem;font-weight:700;padding:0 6px;min-width:20px;height:20px;line-height:20px;text-align:center;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.notification-bell-icon-wrap.has-unread:after{content:"";position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:var(--color-badge-red);border:2px solid var(--color-badge-border)}.navbar-container.is-expanded .notification-bell-icon-wrap.has-unread:after{display:none}.notification-panel-overlay{display:none;position:fixed;inset:0;background:#00000040;z-index:320}.notification-shift-modal-content{width:90%;max-width:1040px;max-height:90vh;overflow-y:auto}.notification-shift-modal-error{color:var(--color-error)}.notification-announcement-meta{display:flex;gap:10px;margin:0 0 12px;font-size:.85rem;color:var(--text-secondary)}.notification-announcement-author{font-weight:600}.notification-panel{position:fixed;top:0;left:var(--navbar-width-collapsed);height:100vh;height:100dvh;width:380px;background:var(--bg-primary);color:var(--text-primary);box-shadow:4px 0 24px #0000002e;display:flex;flex-direction:column;z-index:321;transform:translate(-100%);opacity:0;visibility:hidden;transition:left var(--transition-slow),transform var(--transition-slow),opacity var(--transition-slow),visibility var(--transition-slow)}@media(min-width:769px){body.navbar-pinned .notification-panel,body.navbar-expanded .notification-panel{left:var(--navbar-width-expanded)}}.notification-panel.open{transform:translate(0);opacity:1;visibility:visible}.notification-panel-header{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.notification-panel-title{font-weight:700;font-size:1.05rem}.notification-panel-header-actions{display:flex;align-items:center;gap:14px}.notification-panel-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px}.notification-panel-close svg{width:16px;height:16px}.notification-panel-close:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:768px){.notification-panel-overlay{display:block}.notification-panel{left:0;width:86vw;max-width:380px}}.notification-mark-all{background:none;border:none;color:var(--color-action);cursor:pointer;font-size:.78rem;font-weight:500;padding:0}.notification-mark-all:hover{text-decoration:underline}.notification-list{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:env(safe-area-inset-bottom)}.notification-empty{padding:36px 16px;text-align:center;color:var(--text-tertiary);font-size:.9rem}.notification-error{padding:36px 16px;text-align:center;color:var(--text-secondary);font-size:.9rem}.notification-error p{margin:0 0 10px}.notification-retry{background:none;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.82rem;padding:6px 14px}.notification-retry:hover{background:var(--bg-hover)}.notification-skeleton{padding:4px 0}.notification-skeleton-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px}.notification-skeleton-icon{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--bg-hover);animation:notification-skeleton-pulse 1.2s ease-in-out infinite}.notification-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}.notification-skeleton-line{height:10px;border-radius:var(--radius-sm);background:var(--bg-hover);animation:notification-skeleton-pulse 1.2s ease-in-out infinite}.notification-skeleton-line.short{width:55%}@keyframes notification-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notification-item-wrap{position:relative;border-bottom:1px solid var(--border-light)}.notification-item-wrap:last-child{border-bottom:none}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 40px 12px 16px;border:none;background:none;cursor:pointer;transition:background-color .15s ease;width:100%;text-align:left;font:inherit;color:inherit}.notification-item-mark-read{position:absolute;top:12px;right:12px;width:26px;height:26px;padding:0;border:none;border-radius:50%;background:var(--color-action-soft-bg);color:var(--color-action);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.notification-item-mark-read svg{width:15px;height:15px}.notification-item-mark-read:hover{background:var(--color-action);color:var(--text-inverse)}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:var(--color-action-soft-bg);position:relative;padding-left:30px}.notification-item.unread:before{content:"";position:absolute;left:8px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--color-action)}.notification-item-icon{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-item-icon svg{width:18px;height:18px}.notification-item-body{flex:1;min-width:0}.notification-message{margin:0 0 6px;font-size:.9rem;line-height:1.4}.notification-shift-chip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.notification-shift-task{font-size:.72rem;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border-radius:999px;padding:2px 9px}.notification-shift-time{font-size:.74rem;color:var(--text-secondary)}.notification-time{font-size:.72rem;color:var(--text-tertiary)}:root{--navbar-width-collapsed: 64px;--navbar-width-expanded: 220px;--navbar-bg: #1a237e;--navbar-bg-elevated: #11163f;--navbar-accent: #e53935;--navbar-accent-soft: rgba(229, 57, 53, .22);--navbar-fg: rgba(255, 255, 255, .78);--navbar-fg-strong: #ffffff;--navbar-fg-muted: rgba(255, 255, 255, .55);--navbar-fg-faint: rgba(255, 255, 255, .45);--navbar-surface: rgba(255, 255, 255, .06);--navbar-surface-hover: rgba(255, 255, 255, .1);--navbar-surface-press: rgba(255, 255, 255, .16);--navbar-border: rgba(255, 255, 255, .12);--navbar-ease: cubic-bezier(.2, .8, .3, 1)}.navbar-brand:hover:not(:disabled),.mobile-topbar-brand:hover:not(:disabled),.mobile-nav-toggle:hover:not(:disabled){background-color:transparent;border-color:transparent;color:inherit}.navbar-brand:hover:not(:disabled){border-bottom-color:var(--navbar-border)}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;z-index:300;align-items:center;gap:8px;padding:0 8px;background:var(--navbar-bg);box-shadow:var(--shadow-md);padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top))}.mobile-topbar-brand{position:relative;display:flex;align-items:center;min-width:0;flex:1;height:44px;padding:0 8px;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--navbar-ease)}.mobile-topbar-brand:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--navbar-surface-hover);opacity:0;transition:opacity .16s var(--navbar-ease);pointer-events:none}.mobile-topbar-brand:active{transform:scale(.97)}.mobile-topbar-brand:active:after{opacity:1;background:var(--navbar-surface-press)}.mobile-topbar-brand:focus-visible{outline:none}.mobile-topbar-brand:focus-visible:after{opacity:1;box-shadow:inset 0 0 0 2px var(--navbar-fg-strong)}.mobile-topbar-logo{max-height:32px;max-width:160px;object-fit:contain}.mobile-topbar-name{color:var(--navbar-fg-strong);font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav-toggle{display:none;flex:0 0 auto;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-nav-toggle:active{background-color:var(--navbar-surface-press)}.hamburger{position:relative;width:20px;height:14px;display:block}.hamburger span{position:absolute;left:0;width:100%;height:2px;background:var(--navbar-fg-strong);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base),top var(--transition-base)}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:6px}.hamburger span:nth-child(3){top:12px}.hamburger.is-open span:nth-child(1){top:6px;transform:rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){top:6px;transform:rotate(-45deg)}.navbar-overlay{display:none;position:fixed;inset:0;background:#00000073;z-index:199}@media(max-width:768px){.navbar-overlay{display:block}}.navbar-container{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:var(--navbar-width-expanded);clip-path:inset(0 calc(100% - var(--navbar-width-collapsed)) 0 0);transition:clip-path var(--transition-slow);z-index:var(--z-navbar);background-color:var(--navbar-bg);display:flex;flex-direction:column;pointer-events:none}.navbar-container>*{pointer-events:auto}.navbar-container.is-expanded{clip-path:inset(0 0 0 0)}.navbar{height:100%;color:var(--navbar-fg-strong);overflow:visible;display:flex;flex-direction:column;justify-content:space-between}@media(max-width:768px){.navbar{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}}.navbar-brand{display:flex;justify-content:center;align-items:center;padding:.85rem .75rem;min-height:64px;margin:0;width:100%;position:relative;background:none;border:none;border-bottom:1px solid var(--navbar-border);border-radius:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.navbar-brand:after{content:"";position:absolute;left:8px;top:6px;bottom:7px;width:calc(var(--navbar-width-collapsed) - 16px);border-radius:var(--radius-md);background:var(--navbar-surface-hover);opacity:0;pointer-events:none;transition:opacity .16s var(--navbar-ease),background-color .16s var(--navbar-ease),width var(--transition-slow)}.navbar-container.is-expanded .navbar-brand:after{width:calc(var(--navbar-width-expanded) - 16px)}.navbar-brand:active:after{opacity:1;background:var(--navbar-surface-press)}.navbar-brand:active .navbar-logo-collapsed{transform:translateY(-50%) scale(.92)}.navbar-brand:active .navbar-logo-expanded{transform:scale(.96)}.navbar-brand:focus-visible{outline:none}.navbar-brand:focus-visible:after{opacity:1;box-shadow:inset 0 0 0 2px var(--navbar-fg-strong)}.navbar-logo-collapsed{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#ffffff14;opacity:1;transition:opacity .15s ease .15s,transform .16s var(--navbar-ease)}.navbar-container.is-expanded .navbar-logo-collapsed{opacity:0;transition:opacity .15s ease,transform .16s var(--navbar-ease)}.navbar-logo-collapsed-text{font-size:16px;font-weight:700;color:var(--navbar-fg-strong)}.navbar-logo-collapsed-img{max-width:100%;max-height:100%;object-fit:contain}.navbar-logo-expanded{display:flex;align-items:center;justify-content:center;width:100%;opacity:0;transition:opacity .15s ease,transform .16s var(--navbar-ease)}.navbar-container.is-expanded .navbar-logo-expanded{opacity:1;transition:opacity .15s ease .15s,transform .16s var(--navbar-ease);padding-right:44px}.navbar-logo{max-width:85%;max-height:44px;object-fit:contain}.navbar-logo-placeholder{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--navbar-fg-strong);width:100%;height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5rem}.navbar-top{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.navbar-top::-webkit-scrollbar{display:none}.nav-bottom{flex:0 0 auto}.pin-toggle{position:absolute;right:.75rem;top:32px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;border-radius:8px;padding:0;line-height:1;color:#ffffffa6;z-index:201;opacity:0;transition:opacity var(--transition-slow),background-color var(--transition-fast),color var(--transition-fast)}.navbar-container.is-expanded .pin-toggle{opacity:1}.navbar .pin-toggle:hover{background-color:var(--navbar-surface-hover);color:var(--navbar-fg-strong);border-color:transparent}.pin-toggle:active{background-color:var(--navbar-surface-press)}.pin-toggle-icon{display:block}.pin-toggle-icon rect{transition:fill var(--transition-fast);fill:transparent}.pin-toggle-chevron{transform-origin:15.75px 12px;transition:transform var(--transition-fast)}.pin-toggle.is-on{color:var(--navbar-fg-strong);background-color:#ffffff24}.pin-toggle.is-on .pin-toggle-icon rect{fill:#ffffff2e}.pin-toggle.is-on .pin-toggle-chevron{transform:rotate(180deg)}.nav-section-label{display:block;padding:.5rem 1rem .3rem;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--navbar-fg-faint);white-space:nowrap}.nav-divider{height:1px;margin:.45rem .75rem;background:var(--navbar-border)}.nav-links{list-style:none;padding:0;margin:0}.nav-links li{padding:0 .5rem}.nav-link,.nav-link-button,.nav-links a{color:var(--navbar-fg);text-decoration:none;display:flex;align-items:center;padding:.55rem .75rem;width:100%;position:relative;font-size:15px;border-radius:var(--radius-md);margin:2px 0;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast),color var(--transition-fast),transform .12s var(--navbar-ease)}.nav-link,.nav-links a,.nav-link-button:not(.notification-bell-button){padding-left:calc(1.75rem + 22px)}.nav-links .nav-link:hover,.nav-links a:hover,.nav-links .nav-link-button:hover,.nav-bottom .nav-link-button:hover{background-color:var(--navbar-surface-hover);color:var(--navbar-fg-strong);text-decoration:none}.nav-links .nav-link:active,.nav-links a:active,.nav-links .nav-link-button:active{background-color:var(--navbar-surface-press);transform:scale(.985)}.nav-links a.active{background:var(--navbar-accent-soft);color:var(--navbar-fg-strong);font-weight:600}.nav-links a.active:before{content:"";position:absolute;left:-.5rem;top:0;bottom:0;width:4px;border-radius:var(--radius-full);background:var(--navbar-accent)}.nav-links a:focus-visible,.nav-link-button:focus-visible,.pin-toggle:focus-visible,.mobile-nav-toggle:focus-visible,.user-info:focus-visible{outline:2px solid var(--navbar-fg-strong);outline-offset:2px}.icon,.help-link-icon,.user-menu-icon{display:block;flex-shrink:0;background-color:currentColor;-webkit-mask:var(--nav-icon) center / contain no-repeat;mask:var(--nav-icon) center / contain no-repeat;transition:background-color var(--transition-fast)}.icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:22px;height:22px}.link-text{opacity:0;flex:1;min-width:0;text-align:left;transition:opacity var(--transition-slow);white-space:nowrap;overflow:hidden}.navbar-container.is-expanded .link-text{opacity:1}.nav-link-button{background:none;border:none;text-decoration:none;cursor:pointer;font-family:inherit}.help-link{display:flex;align-items:center;gap:10px;margin:.45rem .5rem;padding:.55rem .75rem;padding-left:calc(1.75rem + 22px);font-size:15px;border-radius:var(--radius-md);background:transparent;color:var(--navbar-fg);text-decoration:none;position:relative;width:calc(var(--navbar-width-collapsed) - 1rem);overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast),color var(--transition-fast),width var(--transition-slow)}.navbar-container.is-expanded .help-link{width:calc(var(--navbar-width-expanded) - 1rem);background:var(--navbar-surface)}.help-link:hover{background-color:var(--navbar-surface-hover);color:var(--navbar-fg-strong);text-decoration:none}.help-link:active{background-color:var(--navbar-surface-press)}.help-link:focus-visible{outline:2px solid var(--navbar-fg-strong);outline-offset:-2px}.help-link-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:22px;height:22px}.help-link-text{display:flex;flex-direction:column;flex:1;min-width:0;opacity:0;white-space:nowrap;overflow:hidden;transition:opacity var(--transition-slow)}.navbar-container.is-expanded .help-link-text,.navbar-container.is-expanded .help-link-chevron{opacity:1}.help-link-title{font-size:15px;font-weight:400;color:var(--navbar-fg-strong);text-overflow:ellipsis;overflow:hidden}.help-link-subtitle{font-size:12px;color:var(--navbar-fg-muted);text-overflow:ellipsis;overflow:hidden}.help-link-chevron{margin-left:auto;color:var(--navbar-fg-muted);font-size:1rem;line-height:1;opacity:0;transition:opacity var(--transition-slow)}@media(max-width:768px){.help-link{width:auto;background:var(--navbar-surface)}.help-link-text,.help-link-chevron{opacity:1}}.navbar-footer-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin:0 .75rem .45rem;opacity:0;transition:opacity var(--transition-slow)}.navbar-container.is-expanded .navbar-footer-row{opacity:1}.privacy-link{min-width:0;padding:.35rem 0 .35rem .75rem;font-size:12px;color:var(--navbar-fg-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.privacy-link:hover{color:#ffffffd9;text-decoration:underline}.version-link,.version-link:hover:not(:disabled){flex:0 0 auto;padding:.35rem .75rem .35rem 0;font-size:11px;font-variant-numeric:tabular-nums;color:#ffffffbf;background:none;border:none;cursor:pointer;white-space:nowrap}.version-link:hover:not(:disabled){color:#fffffff2;text-decoration:underline}@media(max-width:768px){.navbar-footer-row{opacity:1}}.user-info-wrapper{position:relative;padding-top:.75rem;border-top:1px solid var(--navbar-border)}.user-info{padding:.5rem;margin:.5rem;display:flex;align-items:center;gap:10px;opacity:1;background:none;border:none;color:inherit;cursor:pointer;border-radius:var(--radius-md);width:calc(100% - 1rem);-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-fast),transform .12s var(--navbar-ease)}.navbar .user-info:hover{background-color:#ffffff14;color:inherit;border-color:transparent}.navbar .user-info:active{background-color:var(--navbar-surface-press);transform:scale(.985)}.user-info-chevron{margin-left:auto;color:var(--navbar-fg-muted);font-size:1rem;line-height:1;transition:transform var(--transition-fast);opacity:0}.navbar-container.is-expanded .user-info-chevron{opacity:1}.user-info-chevron.open{transform:rotate(180deg)}.user-menu{position:absolute;bottom:100%;left:.5rem;right:.5rem;margin-bottom:.5rem;background:var(--navbar-bg-elevated);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 16px #00000073;z-index:20}.user-menu-item{display:flex;align-items:center;gap:12px;padding:.6rem 1rem;color:var(--navbar-fg);text-decoration:none;background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit;width:100%;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.user-menu-item:first-child{border-bottom:1px solid var(--navbar-border)}.navbar .user-menu-item:hover{background-color:#ffffff1f;color:var(--navbar-fg-strong);border-color:transparent}.user-menu-item.active{background-color:var(--navbar-accent-soft);color:var(--navbar-fg-strong);font-weight:600}.navbar .user-menu-item.logout:hover{background-color:#f4433640;color:var(--navbar-fg-strong);border-color:transparent}.user-menu-icon{width:20px;height:20px}.user-avatar{position:relative;width:38px;height:38px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;opacity:1}.user-online-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#4caf50;border:2px solid var(--navbar-bg)}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{color:var(--navbar-fg-strong);font-weight:600;font-size:16px}.user-details{display:flex;flex-direction:column;overflow:hidden;opacity:0;min-width:0;transition:opacity var(--transition-slow)}.navbar-container.is-expanded .user-details{opacity:1}.user-details .user-name{color:var(--navbar-fg-strong);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.user-details .user-role{color:var(--navbar-fg-muted);font-size:12px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.navbar-container,.navbar-brand:after,.navbar-logo-collapsed,.navbar-logo-expanded,.mobile-topbar-brand,.mobile-topbar-brand:after,.link-text,.navbar-footer-row,.help-link,.help-link-text,.help-link-chevron,.nav-link,.nav-links a,.nav-link-button,.user-info,.user-details,.user-info-chevron,.pin-toggle,.pin-toggle-chevron,.hamburger span{transition:none!important}.navbar-brand:active .navbar-logo-collapsed{transform:translateY(-50%)}.navbar-brand:active .navbar-logo-expanded,.nav-links a:active,.nav-links .nav-link-button:active,.mobile-topbar-brand:active,.navbar .user-info:active{transform:none}}@media(max-width:768px){.mobile-topbar,.mobile-nav-toggle{display:flex}.navbar-container{top:var(--mobile-topbar-height);height:calc(100vh - var(--mobile-topbar-height));height:calc(100dvh - var(--mobile-topbar-height));width:var(--navbar-width-expanded);clip-path:none;transform:translate(-100%);transition:transform var(--transition-slow)}.navbar-container.mobile-open{transform:translate(0);z-index:250}.link-text,.user-info,.user-details,.user-info-chevron{opacity:1}.pin-toggle,.navbar-brand{display:none}}@media(pointer:coarse)and (min-width:769px){.pin-toggle{opacity:1;width:var(--touch-target-min);height:var(--touch-target-min)}}.offline-banner{position:fixed;left:16px;right:16px;margin:0 auto;bottom:calc(16px + env(safe-area-inset-bottom));z-index:400;display:flex;align-items:center;gap:10px;width:fit-content;max-width:440px;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:500;line-height:1.4;color:#fff;box-shadow:var(--shadow-md, 0 4px 16px rgba(0, 0, 0, .2));animation:offline-banner-in .25s ease-out}.offline-banner--down{background:#b3261e}.offline-banner--up{background:#1e7d34}.offline-banner-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:currentColor}.offline-banner--down .offline-banner-dot{animation:offline-banner-pulse 1.4s ease-in-out infinite}@keyframes offline-banner-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes offline-banner-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.offline-banner,.offline-banner--down .offline-banner-dot{animation:none}}.whats-new-modal{max-width:620px;width:100%}.whats-new-title-icon{display:block;width:22px;height:22px;background-color:currentColor;-webkit-mask:url(/assets/icons/history.svg) center / contain no-repeat;mask:url(/assets/icons/history.svg) center / contain no-repeat}.whats-new-body{max-height:min(60vh,520px);overflow-y:auto}.whats-new-release+.whats-new-release{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-card)}.whats-new-release-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:.6rem}.whats-new-release-header h3{margin:0;font-size:15px;font-weight:700;color:var(--text-heading-dark);display:inline-flex;align-items:center;gap:.5rem}.whats-new-release-header time{font-size:12px;color:var(--text-tertiary)}.whats-new-major{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--text-inverse)}.whats-new-changes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.whats-new-changes li{display:flex;align-items:baseline;gap:.6rem}.whats-new-kind{flex:0 0 auto;min-width:5rem;text-align:center;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:var(--radius-sm);white-space:nowrap}.whats-new-kind.is-added{background:var(--color-success-bg);color:var(--color-success-text)}.whats-new-kind.is-improved{background:var(--color-accent-blue-bg);color:var(--color-accent-blue)}.whats-new-kind.is-fixed{background:var(--surface-subtle);color:var(--text-muted)}.whats-new-text{font-size:13.5px;line-height:1.55;color:var(--text-primary)}.whats-new-footer{display:flex;justify-content:flex-end;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}@media(max-width:600px){.whats-new-changes{gap:1rem}.whats-new-changes li{flex-direction:column;align-items:flex-start;gap:.35rem}.whats-new-kind{min-width:0}}.language-switcher{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.language-switcher-select{background:transparent;border:1px solid var(--border-color, #ddd);border-radius:var(--radius-sm, 6px);padding:4px 8px;font-size:13px;color:var(--text-secondary);cursor:pointer}.language-switcher-select:hover{border-color:var(--color-action);color:var(--text-primary)}@media(pointer:coarse){.language-switcher-select{min-height:var(--touch-target-min)}}.social-login{margin-top:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.social-login-divider{width:100%;display:flex;align-items:center;text-align:center;color:#888;font-size:13px}.social-login-divider:before,.social-login-divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.social-login-divider span{padding:0 .75rem}.google-btn{min-height:40px;display:flex;justify-content:center}.infomaniak-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;width:280px;max-width:100%;height:40px;padding:0 12px;border:1px solid #747775;border-radius:4px;background:#fff;color:#1f1f1f;font-size:14px;font-weight:500;letter-spacing:.25px;text-decoration:none;transition:background .15s ease,box-shadow .15s ease}.infomaniak-btn:hover{background:#f7f8f8;box-shadow:0 1px 2px #00000026}.infomaniak-btn__logo{flex:0 0 auto}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;background:var(--gradient-primary);padding:var(--spacing-lg)}.login-card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);width:100%;max-width:400px}.admin-login-link{font-size:12px;opacity:.5}.admin-login-link:hover{opacity:.8}.login-logo-button{display:block;width:100%;padding:0;border:none;background:none;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.login-logo-button:hover:not(:disabled),.login-logo-button:focus,.login-logo-button:active{background:none!important;border-color:transparent;outline:none}.login-logo{display:block;max-width:160px;max-height:80px;margin:0 auto var(--spacing-lg) auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));transition:filter var(--transition-fast),transform var(--transition-fast)}.login-logo:hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transform:scale(1.02)}.login-card h1{color:var(--color-primary);margin:0 0 var(--spacing-sm) 0;font-size:22px;text-align:center}.login-card h2{color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;font-size:18px;font-weight:600;text-align:center}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-button{background:var(--color-action)!important;color:#fff!important;padding:7px 16px!important;border:none!important;border-radius:8px!important;font-size:13px!important;font-weight:500!important;cursor:pointer!important;transition:background .15s,box-shadow .15s!important;margin-top:var(--spacing-sm)!important;width:100%!important;pointer-events:auto!important;position:relative!important;z-index:var(--z-base)!important;box-shadow:0 1px 2px #4f46e540!important}.login-button:hover:not(:disabled){background:var(--color-action-hover)!important;box-shadow:0 4px 12px #4f46e54d!important}.login-button:active:not(:disabled){background:var(--color-action-hover)!important}.login-button:disabled{background:var(--color-action-disabled)!important;opacity:.7!important;cursor:not-allowed!important;pointer-events:none!important}.register-footer{text-align:center;margin-top:var(--spacing-sm);margin-bottom:0;color:var(--text-secondary)}.register-footer a{font-weight:600}.register-card{max-width:640px}.register-description{text-align:center;margin:0 0 var(--spacing-md);color:var(--text-secondary);white-space:pre-wrap;line-height:1.5}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .2s;width:32px;height:32px}.consent-checkbox{display:flex;align-items:flex-start;gap:10px;width:100%;box-sizing:border-box;margin:16px 0;font-size:13px;line-height:1.4;color:#6b7280;text-align:left;cursor:pointer}.consent-checkbox input[type=checkbox]{width:auto;flex:none;margin-top:2px;cursor:pointer}.consent-checkbox a{color:inherit;text-decoration:underline}.login-form input#loginCode{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:20px;letter-spacing:6px;text-align:center}.login-form .field-hint{margin:6px 0 0;font-size:12px;color:var(--text-secondary)}.profile-container{max-width:1200px;margin:0 auto;padding:20px 32px;min-height:100vh;min-height:100dvh}.profile-card{position:relative;isolation:isolate;background:transparent;width:100%;overflow:visible}.profile-header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;margin-bottom:14px;position:relative;z-index:2;min-width:0;flex-wrap:wrap}.profile-card .profile-header>h1{min-width:0;margin:0;color:#333;font-size:1.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-tabs{display:flex;gap:3px;background:#ececf6;padding:3px;border-radius:10px;margin:0 0 14px;width:fit-content;position:relative;z-index:1}.profile-tab{padding:7px 14px;background:none;border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted-2);cursor:pointer;transition:color .15s,background .15s,box-shadow .15s;pointer-events:auto!important;z-index:10}.profile-tab:hover{color:var(--text-primary)}.profile-tab.active{color:var(--color-action);background:#fff;box-shadow:0 1px 3px #14142b1f}.profile-hero{display:flex;align-items:center;gap:22px;padding:22px 26px;border:1px solid #e7e5f5;border-radius:16px;background:radial-gradient(circle at 92% 12%,rgba(79,70,229,.1),transparent 55%),linear-gradient(120deg,#f7f6ff,#f3f1fd 55%,#f8f5ff)}.profile-hero-text{min-width:0;display:flex;flex-direction:column;gap:8px}.profile-hero-name{margin:0!important;font-size:1.9rem!important;font-weight:700;color:#1f2033;line-height:1.15;overflow-wrap:break-word}.profile-hero-role{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:13px;font-weight:600;color:var(--color-action);text-transform:capitalize}.profile-hero-role svg{width:15px;height:15px;flex-shrink:0}.profile-section{background:#fff;border:1px solid #ececf4;border-radius:16px;box-shadow:0 1px 3px #14142b0d;overflow:hidden}.profile-section-header{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid #f1f0f8}.profile-section-heading{min-width:0;flex:1}.profile-section-action{flex-shrink:0;display:flex;gap:8px}.profile-section-action .save-button{padding:7px 14px;font-size:13px}.profile-section-body{display:flex;flex-direction:column;gap:12px;padding:18px 22px}.profile-section-body--bare{display:block;padding:0}.profile-section-empty{margin:0;color:#999;font-size:14px}.profile-section-body--bare>.setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-section-body--bare>.setting-grid>.setting-field--wide{grid-column:1 / -1;border-right:none}.profile-section-body--bare>.setting-grid>.setting-field:last-child,.profile-section-body--bare>.setting-grid>.setting-field:nth-last-child(2):nth-child(odd){border-bottom:none}.profile-section--danger{border-color:#f6d9d9}.profile-section--danger .profile-section-header{border-bottom-color:#fae4e4}.profile-section--danger .profile-section-icon{background:#fdeaea;color:var(--color-error)}.profile-section--danger .profile-section-heading h2{color:#c62828!important}.profile-section-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:#f1efff;color:var(--color-action)}.profile-section-icon{width:40px;height:40px}.profile-section-icon svg{width:21px;height:21px}.profile-section-heading h2{margin:0!important;font-size:17px;font-weight:650;color:#1f2033!important}.profile-section-heading p{margin:3px 0 0;font-size:13px;color:var(--text-muted-2, #7b7b92)}.notifications-form{display:flex;flex-direction:column;gap:12px}.toggle-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:10px;background:#f9f9f9;border:1px solid #f0f0f0;border-radius:6px;transition:background .2s}.toggle-row:hover{background:#f0f0f0}.toggle-row input[type=checkbox]{margin-top:4px;width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:#4CAF50}.calendar-url-row{display:flex;gap:8px}.calendar-copy-button{flex-shrink:0}.calendar-url-input{flex:1;min-width:0;padding:8px 10px;border:1px solid #e0e0e0;border-radius:6px;background:#f9f9f9;font-size:.85rem;color:#333}.calendar-regenerate-warning{font-size:.8rem;color:#a15c00;margin:8px 0 0}.calendar-actions{display:flex;gap:8px;margin-top:10px}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-title{font-weight:600;color:#333;font-size:15px}.toggle-hint{color:#666;font-size:13px}.profile-card .profile-display{display:flex;flex-direction:column;gap:18px;position:relative;z-index:1;padding:0}.profile-card h2{color:#333;margin:0 0 12px!important;font-size:18px;font-weight:600}.message{padding:10px 14px;border-radius:4px;margin-bottom:14px;font-size:14px;font-weight:500}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:4px}.profile-picture{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #4CAF50;box-shadow:0 2px 8px #0000001a;position:relative}.profile-picture img{width:100%;height:100%;object-fit:cover;display:block}.profile-hero .profile-picture-section{position:relative;margin-bottom:0;flex-shrink:0}.profile-hero .profile-picture{width:104px;height:104px;border:4px solid #ffffff;box-shadow:0 4px 14px #14142b24}.profile-picture--editable{cursor:pointer}.profile-picture-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0000;color:#fff;opacity:0;cursor:pointer;transition:opacity .2s,background .2s;text-align:center}.profile-picture-overlay svg{width:22px;height:22px}.profile-picture-overlay span{font-size:11px;font-weight:600;padding:0 8px;line-height:1.3}.profile-picture--editable:hover .profile-picture-overlay,.profile-picture-overlay:focus-within{opacity:1;background:#0000008c}.profile-picture-overlay input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;padding:0;border:0;font-size:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#333;font-size:14px}.required-fields-hint{margin:-8px 0 16px;color:#666;font-size:13px}.required-mark{color:#d32f2f;font-weight:600}.optional-mark{color:#888;font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=email],.form-group input[type=password],.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .3s,box-shadow .3s;background:#fff;color:#333}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.phone-input-group{display:flex}.phone-input-group.setting-input{padding:0;border:none;background:transparent}.phone-input-group .phone-country-select,.phone-input-group .phone-number-input{padding:8px 12px;border:1px solid #ddd;font-size:14px;font-family:inherit;background:#fff;color:#333;transition:border-color .3s,box-shadow .3s}.phone-country-select-wrapper{position:relative;flex:0 0 auto;width:68px}.phone-country-display{display:flex;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:8px 16px 8px 6px;border:1px solid #ddd;border-right:none;border-radius:4px 0 0 4px;font-size:14px;font-family:inherit;color:#333;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 5px center;background-size:9px 6px}.phone-input-group:focus-within .phone-country-display{border-color:#4caf50}.phone-country-select-wrapper:has(.phone-country-select:disabled) .phone-country-display{background-color:#f5f5f5;cursor:not-allowed}.phone-input-group .phone-country-select{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border:none;opacity:0;cursor:pointer}.phone-input-group .phone-number-input{flex:1;min-width:0;max-width:none;border-radius:0 4px 4px 0}.phone-input-group:focus-within{box-shadow:0 0 0 3px #4caf501a;border-radius:4px}.phone-input-group:focus-within .phone-country-select,.phone-input-group:focus-within .phone-number-input{border-color:#4caf50}.phone-input-group .phone-country-select:disabled,.phone-input-group .phone-number-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.form-actions{display:flex;gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid #f0f0f0}.cancel-button{padding:7px 16px;background:#fff;color:var(--text-muted);border:1px solid var(--color-action-border-disabled);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;pointer-events:auto!important;z-index:10}.cancel-button:hover:not(:disabled){background:var(--surface-subtle);color:var(--text-muted)}.cancel-button:disabled{opacity:.7;cursor:not-allowed;color:var(--text-disabled-2)}.language-form{display:flex;flex-direction:column;gap:12px;max-width:320px}.submit-button,.password-reset-button{padding:7px 16px;background:var(--color-action);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s,box-shadow .15s;align-self:flex-start;pointer-events:auto!important;z-index:10;box-shadow:0 1px 2px #4f46e540}.submit-button:hover:not(:disabled),.password-reset-button:hover:not(:disabled){background:var(--color-action-hover);color:#fff}.submit-button:disabled,.password-reset-button:disabled{background:var(--color-action-disabled);cursor:not-allowed;opacity:.7}.danger-zone-form{display:flex;flex-direction:column;gap:12px;max-width:320px}.delete-account-button{padding:7px 16px;background:var(--color-error);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s,box-shadow .15s;align-self:flex-start;pointer-events:auto!important;z-index:10;box-shadow:0 1px 2px #dc354540}.delete-account-button:hover:not(:disabled){background:var(--color-error-dark);color:#fff}.delete-account-button:disabled{background:var(--color-action-disabled);cursor:not-allowed;opacity:.7}.password-reset-form{display:flex;flex-direction:column;gap:12px}.password-constraints{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:12px;background:#f9f9f9;border-radius:6px;border-left:3px solid #4CAF50}.constraint{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.constraint-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#e0e0e0;color:#999;font-weight:700;font-size:12px;flex-shrink:0}.constraint.met{color:#2e7d32}.constraint.met .constraint-icon{background:#4caf50;color:#fff}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:40px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .3s;width:32px;height:32px}.password-toggle:hover:not(:disabled){color:#333}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.password-toggle svg{width:20px;height:20px}.availability-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.availability-section{border-top:none;padding-top:0}.availability-empty{color:#999;font-size:14px;margin:0}.availability-row{display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border:1px solid #f0f0f0;border-radius:6px}.availability-row select,.availability-row input[type=time],.availability-row input[type=date]{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;flex:1}.availability-date-wrapper{display:flex;align-items:center;gap:8px;flex:1}.availability-date-input{min-width:0;flex:1}.availability-date-optional{font-size:12px;color:#999;white-space:nowrap;font-weight:500}.availability-separator{color:#666;font-size:14px}.availability-remove-button{background:none;border:none;font-size:18px;color:var(--color-error);cursor:pointer;padding:0 8px;line-height:1;transition:color .15s;pointer-events:auto!important;z-index:10}.availability-remove-button:hover:not(:disabled){color:var(--color-error-dark)}.availability-add-button{align-self:flex-start;padding:7px 16px;background:#fff;color:var(--color-action);border:1px solid var(--color-action-border);border-radius:7px;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;pointer-events:auto!important;z-index:10}.availability-add-button:hover:not(:disabled){background:var(--color-action-soft-bg)}.field-hint{color:#999;font-size:13px;margin:0 0 8px}.shift-preferences-section{border-top:none;padding-top:0}ol.shift-preferences-list{margin:0;padding-left:20px}@media(max-width:768px){.profile-container{padding:16px}.profile-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}.profile-card .profile-header>h1{font-size:1.4rem}.profile-section-header{flex-wrap:wrap}.profile-section-action{width:100%}.profile-section-action .save-button{flex:1;justify-content:center}.profile-tabs{overflow-x:auto;overscroll-behavior-x:contain}.profile-tab{padding:8px 14px;font-size:13px}.profile-section-body{padding:16px}.profile-section-body--bare{padding:0}.form-row{grid-template-columns:1fr}.profile-hero{flex-direction:column;align-items:center;text-align:center;gap:14px;padding:20px 16px}.profile-hero-text{align-items:center}.profile-hero-name{font-size:1.45rem!important}.profile-hero-role{align-self:center}.profile-section-header{padding:16px}.profile-section-body--bare>.setting-grid{grid-template-columns:1fr}.profile-section-body--bare>.setting-grid>.setting-field{padding:14px 16px;border-right:none}.availability-row{flex-direction:column;align-items:stretch}.availability-row select,.availability-row input[type=time],.availability-row input[type=date]{width:100%}.availability-date-wrapper{flex-direction:column;align-items:stretch}.availability-date-input{width:100%}.availability-date-optional{align-self:flex-start}.availability-separator{text-align:center}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media(pointer:coarse){.password-toggle{width:var(--touch-target-min);height:var(--touch-target-min);right:4px}}.shift-preferences-empty,.shift-preferences-max{color:#999;font-size:14px;margin:0}.shift-preference-rows{display:flex;flex-direction:column;gap:6px;padding-bottom:12px}.shift-preference-row{display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border:1px solid #f0f0f0;border-radius:6px;transition:border-color .15s,box-shadow .15s}.shift-preference-row-dragging{opacity:.4}.shift-preference-row-drag-over{border-color:var(--color-action);box-shadow:0 0 0 2px var(--color-action) inset}.shift-preference-drag-handle{cursor:grab;color:#bbb;font-size:16px;line-height:1;-webkit-user-select:none;user-select:none}.shift-preference-rank{font-weight:600;color:var(--color-action);min-width:18px}.shift-preference-label{flex:1;font-size:14px}.shift-preference-move-button,.shift-preference-remove-button{background:none;border:none;font-size:16px;cursor:pointer;padding:0 8px;line-height:1;transition:color .15s}.shift-preference-move-button{color:var(--color-action)}.shift-preference-move-button:disabled{color:#ccc;cursor:not-allowed}.shift-preference-remove-button{color:var(--color-error)}.shift-preference-remove-button:hover:not(:disabled){color:var(--color-error-dark)}.shift-preference-add-select{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;background:#fff;align-self:flex-start}@media(pointer:coarse){.shift-preference-drag-handle{display:none}.shift-preference-move-button,.shift-preference-remove-button{min-width:var(--touch-target-min);min-height:var(--touch-target-min);font-size:20px}}:root{--color-primary: #667eea;--color-primary-dark: #5568d3;--color-primary-darker: #4f52b2;--color-primary-light: #764ba2;--color-primary-lighter: #8b5fbf;--color-secondary: #6264a7;--color-secondary-dark: #4f52b2;--color-secondary-light: #7a7dc4;--color-action: #4f46e5;--color-action-hover: #4338ca;--color-action-disabled: #c7c7e0;--color-action-soft-bg: #eef0fd;--color-action-soft-bg-hover: #dfe1fb;--color-action-border: #c7c9f3;--color-action-border-disabled: #e0e0ef;--color-danger-soft-bg: #fdecee;--color-danger-soft-bg-hover: #fbdde1;--text-muted: #4a4a55;--text-muted-2: #5b5b66;--text-disabled-2: #b0b0c8;--surface-subtle: #f7f7fc;--touch-target-min: 44px;--color-accent-blue: #2196F3;--color-accent-blue-light: #42a5f5;--color-accent-blue-bg: #e3f2fd;--color-success: #28a745;--color-success-bg: #d4edda;--color-success-text: #155724;--color-success-border: #c3e6cb;--color-error: #dc3545;--color-error-dark: #c82333;--color-error-bg: #f8d7da;--color-error-text: #721c24;--color-error-border: #f5c6cb;--color-warning: #ffc107;--color-warning-bg: #fff3cd;--color-warning-text: #856404;--color-info: #17a2b8;--color-info-bg: #d1ecf1;--color-info-text: #0c5460;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #f0f0f0;--color-gray-300: #e0e0e0;--color-gray-400: #c8c6c4;--color-gray-500: #8a8886;--color-gray-600: #605e5c;--color-gray-700: #323130;--color-gray-800: #201f1e;--color-gray-900: #000000;--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #faf9f8;--bg-hover: #f3f2f1;--bg-active: #e1dfdd;--text-primary: #323130;--text-secondary: #605e5c;--text-tertiary: #8a8886;--text-disabled: #c8c6c4;--text-inverse: #ffffff;--border-light: #e1dfdd;--border-medium: #c8c6c4;--border-dark: #8a8886;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .12);--shadow-xl: 0 10px 20px rgba(0, 0, 0, .15);--shadow-2xl: 0 20px 40px rgba(0, 0, 0, .2);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-dropdown: 10;--z-sticky: 100;--z-modal: 1000;--z-navbar: 100;--color-badge-red: #e53935;--color-badge-border: #1a237e;--color-status-conflict: #b91c1c;--color-skill-match: #2e7d32;--border-card: #ececf2;--border-card-light: #f0f0f5;--text-heading-dark: #1f1f2e;--text-value-dark: #333340;--text-muted-3: #6b6b76;--color-tip-bg: #fef8e8;--color-tip-border: #f5e6b8;--color-tip-icon: #b8860b;--color-tip-text: #8a6d1f;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-primary-hover: linear-gradient(135deg, #5568d3 0%, #6a3f8f 100%);--gradient-card: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%)}.btn{padding:7px 14px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);pointer-events:auto!important;position:relative;z-index:var(--z-dropdown)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--gradient-primary-hover);transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-secondary{background:var(--color-secondary);color:var(--text-inverse)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-dark)}.btn-danger{background:var(--color-error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background:var(--color-error-dark);box-shadow:0 5px 15px #dc354566}.btn-neutral{background:#6c757d;color:var(--text-inverse)}.btn-neutral:hover:not(:disabled){background:#5a6268}.btn-sm{padding:5px 14px;font-size:13px;font-weight:400;border-radius:var(--radius-sm)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-group label{color:var(--text-secondary);font-weight:500;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:9px 12px;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;transition:all var(--transition-slow);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.7}.form-group input[readonly],.form-group textarea[readonly]{background:var(--bg-tertiary);cursor:default}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.message{padding:11px 14px;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:14px;font-weight:500}.message.success{background-color:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.message.error{background-color:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-border)}.message.warning{background-color:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning)}.message.info{background-color:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--color-info)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);max-width:800px;width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--border-light);position:sticky;top:0;background:var(--bg-primary);z-index:var(--z-dropdown);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-header h2{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.modal-content .modal-header.modal-header-with-icon{align-items:flex-start}.modal-content.shift-modal{padding:0;max-width:860px}.modal-title-group{display:flex;align-items:center;gap:14px}.modal-title-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md, 12px);background:var(--color-action-soft-bg);color:var(--color-action);flex-shrink:0}.modal-subtitle{margin:2px 0 0;font-size:13px;color:var(--text-secondary)}.modal-close{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base);line-height:1;pointer-events:auto!important;z-index:calc(var(--z-modal) + 1);position:relative}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary);transform:scale(1.1)}.modal-body{padding:0 24px 24px}.user-form{padding:24px 0 0;display:flex;flex-direction:column;gap:12px}.user-form .field-hint{margin:0;font-size:12px;color:var(--text-secondary)}.uf-section{border:1px solid var(--border-card);border-radius:14px;background:var(--bg-primary);padding:14px 18px;box-shadow:0 1px 3px #14142b0d;display:flex;flex-direction:column;gap:10px}.uf-section-head{display:flex;align-items:center;gap:10px}.uf-section-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-action);color:var(--text-inverse);font-size:12px;flex-shrink:0}.uf-section-head h3{margin:0;font-size:15px;font-weight:700;color:var(--text-heading-dark)}.uf-section .form-group{margin-bottom:0;gap:6px}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.table-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead{background:var(--bg-secondary)}.table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-light);font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.table th:hover{background:var(--bg-hover)}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-light);font-size:14px;color:var(--text-secondary)}.table tbody tr:hover{background:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary);font-size:16px}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-tertiary);font-style:italic;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.error-message{background:var(--color-error-bg);color:var(--color-error-text);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--color-error-border);margin-bottom:var(--spacing-lg)}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-action);outline-offset:2px;border-radius:var(--radius-sm)}@media(pointer:coarse){input,select,textarea,.form-group input,.form-group select,.form-group textarea{font-size:16px!important}}@media(pointer:coarse){input[type=checkbox],input[type=radio]{width:22px;height:22px}.switch input{top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,var(--touch-target-min));height:var(--touch-target-min)}.modal-close{width:var(--touch-target-min);height:var(--touch-target-min);font-size:32px}}.primary-button,.create-shift-button,.create-user-button,.create-announcement-button,.create-button{padding:7px 16px;background:var(--color-action);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,box-shadow .15s;pointer-events:auto!important;z-index:10;box-shadow:0 1px 2px #4f46e540}.primary-button:hover,.create-shift-button:hover,.create-user-button:hover,.create-announcement-button:hover,.create-button:hover{background:var(--color-action-hover)}.primary-button:disabled,.create-shift-button:disabled,.create-user-button:disabled,.create-announcement-button:disabled,.create-button:disabled{background:var(--color-action-disabled);cursor:not-allowed;opacity:.7}.save-button{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;background:var(--color-action);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:background .15s,box-shadow .15s;align-self:flex-start;pointer-events:auto!important;z-index:10;box-shadow:0 1px 2px #4f46e540}.save-button svg{width:15px;height:15px;flex-shrink:0}.save-button:hover:not(:disabled){background:var(--color-action-hover);color:#fff}.save-button:disabled{background:var(--color-action-disabled);cursor:not-allowed;opacity:.7}.button-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;flex-shrink:0;animation:button-spin .7s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.secondary-button,.edit-button,.shift-edit-btn{padding:6px 12px;background:var(--color-action-soft-bg);color:var(--color-action);border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;pointer-events:auto!important;z-index:10}.secondary-button:hover,.edit-button:hover,.shift-edit-btn:hover{background:var(--color-action-soft-bg-hover)}.secondary-button:disabled,.edit-button:disabled,.shift-edit-btn:disabled{background:#f0f0f5;color:var(--text-disabled-2);cursor:not-allowed}.danger-button,.delete-button,.shift-delete-btn{padding:6px 12px;background:var(--color-danger-soft-bg);color:var(--color-error);border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;pointer-events:auto!important;z-index:10}.danger-button:hover,.delete-button:hover,.shift-delete-btn:hover{background:var(--color-danger-soft-bg-hover)}.danger-button:disabled,.delete-button:disabled,.shift-delete-btn:disabled{background:#f0f0f5;color:var(--text-disabled-2);cursor:not-allowed}.bulk-action-btn{padding:7px 16px;background:var(--color-action);color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s;pointer-events:auto!important;z-index:10}.bulk-action-btn:hover{background:var(--color-action-hover)}.bulk-action-btn:disabled{background:var(--color-action-disabled);cursor:not-allowed}.bulk-action-btn-danger{background:var(--color-error)}.bulk-action-btn-danger:hover{background:var(--color-error-dark)}.outline-button,.secondary-outline-button,.bulk-action-btn-clear{padding:7px 16px;background:#fff;color:var(--color-action);border:1px solid var(--color-action-border);border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;pointer-events:auto!important;z-index:10}.outline-button:hover,.secondary-outline-button:hover,.bulk-action-btn-clear:hover{background:var(--color-action-soft-bg)}.outline-button:disabled,.secondary-outline-button:disabled,.bulk-action-btn-clear:disabled{color:var(--text-disabled-2);border-color:var(--color-action-border-disabled);cursor:not-allowed}.cancel-button{padding:7px 16px;background:#fff;color:var(--text-muted);border:1px solid var(--color-action-border-disabled);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;pointer-events:auto!important;z-index:10}.cancel-button:hover:not(:disabled){background:var(--surface-subtle)}.cancel-button:disabled{color:var(--text-disabled-2);cursor:not-allowed}.icon-button{background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;pointer-events:auto!important;z-index:10}.icon-button:hover:not(:disabled){transform:scale(1.1)}.tab-button,.shift-management-tab,.settings-tab,.profile-tab{padding:7px 14px;background:none;border:none;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-muted-2);cursor:pointer;transition:color .15s,background .15s,box-shadow .15s;pointer-events:auto!important;z-index:10}.tab-button:hover,.shift-management-tab:hover,.settings-tab:hover,.profile-tab:hover{color:var(--text-primary)}.tab-button.active,.shift-management-tab.active,.settings-tab.active,.profile-tab.active{color:var(--color-action);background:#fff;box-shadow:0 1px 3px #14142b1f}.button-lg{padding:12px 28px;font-size:16px}.button-sm{padding:6px 12px;font-size:12px}.button-group{display:flex;gap:8px}.button-group.vertical{flex-direction:column}.button-group.right{justify-content:flex-end}.button-group.center{justify-content:center}@media(pointer:coarse){.primary-button,.create-shift-button,.create-user-button,.create-button,.secondary-button,.edit-button,.shift-edit-btn,.danger-button,.delete-button,.shift-delete-btn,.bulk-action-btn,.outline-button,.secondary-outline-button,.bulk-action-btn-clear,.cancel-button,.tab-button,.shift-management-tab,.settings-tab,.profile-tab{min-height:var(--touch-target-min)}.icon-button{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{max-width:100%;overflow-x:hidden}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;transition:margin-left var(--transition-slow)}body.has-navbar{margin-left:64px}body.has-navbar.navbar-pinned{margin-left:220px}body.navbar-mobile-open{overflow:hidden}:root{--mobile-topbar-height: calc(56px + env(safe-area-inset-top)) }@media(max-width:768px){body.has-navbar,body.has-navbar.navbar-pinned{margin-left:0;padding-top:var(--mobile-topbar-height)}}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600;color:var(--text-primary)}p{margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark);text-decoration:underline}button{display:inline-block;font-weight:400;color:var(--text-primary);text-align:center;vertical-align:middle;cursor:pointer;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:var(--radius-sm);transition:all var(--transition-base)}button:hover:not(:disabled){color:var(--text-primary);background-color:var(--bg-hover);border-color:var(--border-medium)}button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none!important}input,textarea{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);background-clip:padding-box;border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base)}input:focus,textarea:focus{border-color:var(--color-primary);outline:0;box-shadow:0 0 0 .2rem #667eea40}.container{max-width:960px;margin:0 auto;padding:1rem}