@charset "UTF-8";.task-card{background:var(--white);border-radius:12px;padding:1rem;box-shadow:0 2px 4px #00000014;transition:transform .2s,box-shadow .2s;border-right:4px solid var(--slate-300);width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:180px}.task-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.task-card.priority-low{border-right-color:var(--blue-600)}.task-card.priority-medium{border-right-color:var(--amber-800)}.task-card.priority-high{border-right-color:#eab308}.task-card.priority-urgent{border-right-color:var(--red-500)}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.task-title-row{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.task-card-header h3{margin:0;font-size:var(--font-size-xl);color:var(--slate-800)}.task-tags-inline{display:flex;gap:.25rem;flex-shrink:0}.tag-pill-inline{padding:.125rem .375rem;border-radius:9999px;font-size:var(--font-size-xs);color:var(--white);white-space:nowrap}.task-assignee-inline{font-size:var(--font-size-xs);color:var(--slate-500);margin-bottom:.25rem}.task-card-actions{display:flex;gap:.5rem}.btn-icon{background:var(--white);border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--slate-400);transition:all .2s ease;border-radius:50%;box-shadow:0 2px 8px #0000001a;width:2.25rem;height:2.25rem}.btn-icon:hover{background-color:var(--slate-50);color:var(--slate-700);box-shadow:0 2px 12px #00000026}.btn-icon-edit:hover{color:var(--violet-600);background-color:var(--violet-50);box-shadow:0 2px 12px #8b5cf633}.btn-icon-complete:hover{color:var(--green-600);background-color:var(--green-50);box-shadow:0 2px 12px #22c55e33}.task-description{color:var(--slate-500);margin:.5rem 0;line-height:1.5}.task-meta{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--slate-100)}.task-badges{display:flex;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.badge{padding:.25rem .75rem;border-radius:12px;font-size:var(--font-size-sm);font-weight:500;text-transform:capitalize}.badge.priority-low{background-color:var(--blue-600);color:var(--white)}.badge.priority-medium{background-color:var(--amber-800);color:var(--white)}.badge.priority-high{background-color:#eab308;color:var(--white)}.badge.priority-urgent{background-color:var(--red-500);color:var(--white)}.badge.status-pending{background-color:var(--blue-100);color:var(--blue-800)}.badge.status-in-progress{background-color:var(--amber-100);color:var(--amber-800)}.badge.status-completed{background-color:var(--green-100);color:var(--green-800)}.badge.status-cancelled{background-color:var(--slate-100);color:var(--slate-600)}.task-due-date{color:var(--slate-500);font-size:var(--font-size-sm);margin:.5rem 0}.task-status-controls{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.task-status-controls label{font-size:var(--font-size-sm);color:var(--slate-500)}.status-select{padding:.25rem .5rem;border:1px solid var(--slate-200);border-radius:8px;font-size:var(--font-size-sm);background:var(--white)}.task-card.is-subtask{opacity:.9;border-right-width:6px}.task-relation-indicator{font-size:var(--font-size-xs);color:var(--slate-500);margin-bottom:.5rem;min-height:1.125rem}.task-relation-indicator strong{color:var(--slate-700)}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.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,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.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__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;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:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;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:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.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:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);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:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;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:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;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__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;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}.react-datepicker-popper-offset{margin-top:-.7em}.task-form-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:1000;padding:0}.task-form{position:relative;background:var(--white);border-radius:12px 12px 0 0;max-width:500px;width:100%;height:90vh;max-height:90vh;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;overflow:hidden}@media(min-width:768px){.task-form-overlay{align-items:center;padding:1rem}.task-form{border-radius:12px;height:85vh;max-height:85vh}}.task-form>.subtask-indicator{padding:1rem 1rem 0;margin:0;flex-shrink:0}.task-form>.task-form-header-row{flex-shrink:0}.task-form>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.task-form-content{flex:1;overflow-y:auto;padding:1.5rem 1rem 1rem;min-height:0;-webkit-overflow-scrolling:touch}.task-form-footer{flex-shrink:0;padding:1rem;background:var(--white);border-top:1px solid var(--slate-200)}.task-form h2{color:var(--slate-800);margin:0;font-size:var(--font-size-xl);font-weight:600}.task-form-header{flex-shrink:0;padding:1rem 1rem .75rem}.task-complete-icon{position:absolute;left:-3.5rem;top:1rem;z-index:10;background:var(--white);border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--slate-400);transition:all .2s ease;border-radius:50%;box-shadow:0 2px 8px #0000001a;width:2.5rem;height:2.5rem}.task-complete-icon:hover:not(:disabled){color:var(--green-600);background:var(--green-50);box-shadow:0 2px 12px #22c55e33}.task-complete-icon:disabled{cursor:not-allowed;opacity:.5}.task-complete-icon svg.completed{color:var(--green-600);fill:var(--green-100)}@media(max-width:767px){.task-complete-icon{left:1rem;top:1rem}}.task-form-title{color:var(--slate-800);margin:0;font-size:var(--font-size-xl);font-weight:600;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s ease;min-height:2.5rem;display:flex;align-items:center}.task-form-title:hover{background-color:var(--slate-50)}.task-form-title.empty{color:var(--slate-400);font-weight:400}.task-form-title-input{width:100%;padding:.5rem;border:2px solid var(--violet-500);border-radius:8px;font-size:var(--font-size-xl);font-weight:600;font-family:inherit;color:var(--slate-800);background:var(--white);outline:none}.task-form-title-input:focus{box-shadow:0 0 0 3px #8b5cf61a}@media(min-width:768px){.task-form>.subtask-indicator{padding:1.5rem 2rem 0}.task-form-content{padding:1.5rem 2rem 1rem}.task-form-footer{padding:1rem 2rem 1.5rem}.task-form-header{padding:1.5rem 2rem 1rem}}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-row{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}.form-row .form-group{margin-bottom:0}@media(min-width:768px){.form-row{display:grid;grid-template-columns:1fr 1fr}}.title-with-tags{display:flex;flex-direction:column;gap:1rem}.title-with-tags input{flex:1;min-width:0}.tags-inline{display:flex;gap:.25rem;align-items:center;flex-shrink:0}.tags-label{font-size:var(--font-size-xs);color:var(--slate-500);margin-right:.125rem}.tag-mini{display:inline-flex;align-items:center;padding:.125rem .375rem;border-radius:9999px;font-size:var(--font-size-xs);color:var(--white);cursor:pointer;white-space:nowrap}.tag-add-btn{width:22px;height:22px;border-radius:50%;border:1px dashed var(--slate-400);background:transparent;color:var(--slate-500);cursor:pointer;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center}.tag-add-btn:hover{border-color:var(--slate-500);background:var(--slate-100)}.tag-dropdown{position:absolute;top:100%;margin-top:.25rem;background:var(--white);border:1px solid var(--slate-200);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;max-width:220px;z-index:100;padding:.25rem}.tag-dropdown.open-right{left:0;right:auto}.tag-dropdown.open-left{left:auto;right:0}.tag-dropdown-close{position:absolute;top:.125rem;inset-inline-end:.25rem;width:18px;height:18px;border:none;background:transparent;color:var(--slate-400);font-size:var(--font-size-base);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.tag-dropdown-close:hover{color:var(--slate-700)}.tag-dropdown-list{max-height:120px;overflow-y:auto}.tag-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.375rem .5rem;border:none;background:transparent;cursor:pointer;font-size:var(--font-size-xs);text-align:left;border-radius:4px;color:var(--slate-700)}.tag-dropdown-item:hover{background:var(--slate-100)}.tag-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.tag-dropdown-new{width:100%;padding:.375rem .5rem;border:none;border-top:1px solid var(--slate-200);background:transparent;cursor:pointer;font-size:var(--font-size-xs);color:var(--slate-500);text-align:left;margin-top:.25rem}.tag-dropdown-new:hover{color:var(--slate-700);background:var(--slate-50)}.tag-dropdown-create{padding:.5rem;border-top:1px solid var(--slate-200);margin-top:.25rem}.tag-dropdown-create input{width:100%;padding:.25rem .375rem;border:1px solid var(--slate-300);border-radius:4px;font-size:var(--font-size-xs);margin-bottom:.375rem}.color-palette-mini{display:flex;gap:.25rem;flex-wrap:wrap;margin-bottom:.375rem}.color-dot{width:14px;height:14px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.color-dot.selected{border-color:var(--slate-900)}.tag-create-actions{display:flex;gap:.25rem}.btn-mini{flex:1;padding:.25rem .5rem;border:none;background:var(--gradient-brand);color:var(--white);border-radius:6px;font-size:var(--font-size-xs);cursor:pointer}.btn-mini:hover{opacity:.9}.btn-mini-cancel{width:24px;padding:0;border:none;background:var(--slate-200);color:var(--slate-700);border-radius:4px;font-size:var(--font-size-sm);cursor:pointer}.btn-mini-cancel:hover{background:var(--slate-300)}.form-group label{display:block;margin-bottom:.5rem;color:var(--slate-700);font-weight:500}.form-label-small{display:block;margin-bottom:.5rem;font-size:var(--font-size-xs);font-weight:500;color:var(--slate-600);text-transform:uppercase;letter-spacing:.5px}.form-button-group{display:flex;gap:.5rem;flex-wrap:wrap}.form-button{flex:1;padding:.5rem .875rem;border:1px solid var(--slate-200);border-radius:8px;font-size:var(--font-size-sm);font-weight:500;background:var(--white);color:var(--slate-600);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;min-width:0}.form-button:hover{background:var(--slate-50);border-color:var(--slate-300);color:var(--slate-700)}.form-button.active{background:var(--gradient-brand);border-color:transparent;color:var(--white)}.form-button.active:hover{opacity:.9}.form-button.active.priority-low{background:var(--blue-600);border-color:transparent;color:var(--white)}.form-button.active.priority-medium{background:var(--amber-800);border-color:transparent;color:var(--white)}.form-button.active.priority-high{background:#eab308;border-color:transparent;color:var(--white)}.form-button.active.priority-urgent{background:var(--red-500);border-color:transparent;color:var(--white)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--slate-200);border-radius:10px;font-size:var(--font-size-base);font-family:inherit;background:var(--white);color:var(--slate-700);transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--violet-500);box-shadow:0 0 0 3px #8b5cf61a}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-sm{width:24px;height:24px;padding:0;border:none;border-radius:4px;background:var(--slate-200);color:var(--slate-700);cursor:pointer;font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center}.btn-sm:hover{background:var(--slate-300)}.subtask-indicator{background:var(--blue-100);border:1px solid var(--blue-600);border-radius:8px;padding:.5rem 1rem;margin-bottom:1rem;color:var(--blue-800);font-size:var(--font-size-sm)}.subtasks-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--slate-200)}.subtasks-list{display:flex;flex-direction:column;gap:.5rem}.subtask-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--slate-50);border-radius:8px;border:1px solid var(--slate-200)}.subtask-title{font-size:var(--font-size-sm);color:var(--slate-700)}.subtask-status{font-size:var(--font-size-xs);padding:.125rem .5rem;border-radius:9999px;font-weight:500}.subtask-status.status-pending{background:var(--amber-100);color:var(--amber-800)}.subtask-status.status-in_progress{background:var(--blue-100);color:var(--blue-800)}.subtask-status.status-completed{background:var(--green-100);color:var(--green-800)}.subtask-status.status-cancelled{background:var(--red-100);color:var(--red-800)}.add-subtask-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--slate-200)}.add-subtask-btn{padding:.5rem 1rem;border:2px dashed var(--slate-400);border-radius:8px;background:transparent;color:var(--slate-500);cursor:pointer;font-size:var(--font-size-sm);width:100%;transition:all .2s ease}.add-subtask-btn:hover{border-color:var(--slate-500);color:var(--slate-700);background:var(--slate-50)}.add-subtask-form{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:8px;padding:.75rem}.add-subtask-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.subtask-actions{display:flex;gap:.25rem;align-items:center;flex-shrink:0}.btn-sm-cancel{width:28px;height:28px;padding:0;border:1px solid var(--slate-300);background:var(--slate-100);color:var(--slate-700);border-radius:4px;font-size:var(--font-size-base);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-sm-cancel:hover{background:var(--slate-200)}.subtask-title-input{flex:2;min-width:120px;padding:.375rem .5rem;border:1px solid var(--slate-300);border-radius:6px;font-size:var(--font-size-sm)}.subtask-type-select,.subtask-assignee-select{flex:1;min-width:80px;padding:.375rem .5rem;border:1px solid var(--slate-300);border-radius:6px;font-size:var(--font-size-sm)}.btn-sm-create{padding:.375rem .75rem;font-size:var(--font-size-sm);white-space:nowrap}.tags-inline{flex-wrap:wrap}.add-subtask-row{flex-direction:column;align-items:stretch}.subtask-title-input,.subtask-type-select,.subtask-assignee-select{width:100%}.subtask-actions{justify-content:flex-end}@media(min-width:768px){.add-subtask-row{flex-direction:row;align-items:center}.subtask-title-input,.subtask-type-select,.subtask-assignee-select{width:auto}}.task-form .datepicker-input{width:100%;padding:.65rem .85rem;border:1px solid var(--slate-200, #e2e8f0);border-radius:8px;font-size:var(--font-size-base);transition:border-color .2s,box-shadow .2s;cursor:pointer}.task-form .datepicker-input:focus{outline:none;border-color:var(--primary, #667eea);box-shadow:0 0 0 3px #667eea1a}.task-form .react-datepicker-wrapper{width:100%}.task-form .react-datepicker__input-container{display:flex;flex-direction:row-reverse;align-items:center;gap:.5rem}.task-form .react-datepicker__input-container .react-datepicker__close-icon{flex-shrink:0;position:static;right:auto}.task-form .react-datepicker__input-container .react-datepicker__close-icon:after{background:var(--gradient-brand);color:var(--white)}.task-form .react-datepicker__input-container .react-datepicker__close-icon:hover:after{opacity:.9}.task-form .react-datepicker__input-container .datepicker-input,.task-form .react-datepicker__input-container input{flex:1;min-width:0}.task-form .react-datepicker-popper{z-index:9999!important}.task-list-container{max-width:1200px;margin:0 auto;padding:1.5rem;background-color:var(--slate-50);min-height:calc(100vh - 60px)}.task-list-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;justify-content:flex-start}.add-task-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--gradient-brand);border:none;border-radius:10px;color:var(--white);cursor:pointer;transition:all .2s ease;flex-shrink:0}.add-task-icon-btn:hover{opacity:.9;transform:scale(1.05)}.page-title{margin:0 0 0 auto;font-size:var(--font-size-2xl);font-weight:600;color:var(--slate-800)}.search-container{margin-bottom:1rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;right:1rem;color:var(--slate-400);pointer-events:none;z-index:1}.search-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:1px solid var(--slate-200);border-radius:10px;font-size:var(--font-size-base);background:var(--white);color:var(--slate-700);transition:all .2s ease;direction:rtl}.search-input:focus{outline:none;border-color:var(--violet-500);box-shadow:0 0 0 3px #8b5cf61a}.search-input::placeholder{color:var(--slate-400)}.search-clear-btn{position:absolute;left:.75rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--slate-200);border:none;border-radius:50%;color:var(--slate-600);cursor:pointer;transition:all .2s ease;z-index:2}.search-clear-btn:hover{background:var(--slate-300);color:var(--slate-800)}.filter-card{background:var(--white);border:1px solid var(--slate-200);border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d}.filter-card-content{display:flex;flex-direction:column;gap:.75rem}.filter-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:150px}.filter-checkbox-group{flex:0 0 auto;justify-content:flex-end}.filter-label{font-size:var(--font-size-xs);font-weight:500;color:var(--slate-600);text-transform:uppercase;letter-spacing:.5px}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem .875rem;border:1px solid var(--slate-200);border-radius:8px;font-size:var(--font-size-sm);font-weight:500;background:var(--white);color:var(--slate-600);cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:var(--slate-50);border-color:var(--slate-300);color:var(--slate-700)}.filter-btn.active{background:var(--gradient-brand);border-color:transparent;color:var(--white)}.filter-btn.active:hover{opacity:.9}.show-completed-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.625rem .875rem;border:1px solid var(--slate-200);border-radius:8px;background:var(--white);transition:background-color .2s;white-space:nowrap}.show-completed-toggle:hover{background-color:var(--slate-50)}.show-completed-toggle input[type=checkbox]{cursor:pointer;width:1.1rem;height:1.1rem;accent-color:var(--violet-500)}.show-completed-toggle span{font-size:var(--font-size-sm);color:var(--slate-700)}.filter-actions{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--slate-200)}.clear-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}.clear-filters-btn svg{flex-shrink:0}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.no-tasks{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--slate-500);font-size:var(--font-size-lg)}.loading{text-align:center;padding:3rem;color:var(--slate-500);font-size:var(--font-size-lg)}.error-message{background-color:var(--red-100);border:1px solid var(--red-500);color:var(--red-800);padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:var(--red-600);font-size:var(--font-size-2xl);cursor:pointer;padding:0 .5rem}.error-message button:hover{opacity:.7}.btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:var(--font-size-base);cursor:pointer;transition:all .2s;font-weight:500}.btn-primary{background:var(--gradient-brand);color:var(--white)}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:var(--slate-500);color:var(--white)}.btn-secondary:hover{background-color:var(--slate-600)}@media(max-width:768px){.task-list-container{padding:1rem}.task-list-header{gap:.5rem}.page-title{font-size:var(--font-size-xl)}.filter-row{flex-direction:column}.filter-group{min-width:100%}.filter-checkbox-group{align-items:flex-start}.filter-actions{justify-content:stretch}.clear-filters-btn{width:100%;justify-content:center}.tasks-grid{grid-template-columns:1fr}}@media(max-width:480px){.task-list-container{padding:.75rem}}.homepage{min-height:100vh;background-color:var(--slate-50);padding:1.5rem;direction:rtl}.greeting-section{margin-bottom:2rem}.greeting{font-size:var(--font-size-3xl);font-weight:700;margin:0 0 .5rem;color:var(--slate-800)}.greeting-subtitle{font-size:var(--font-size-base);color:var(--slate-500);margin:0}.awareness-section{margin-bottom:2rem}.summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;width:100%}.summary-card{width:100%;min-width:0;background:var(--white);border:1px solid var(--slate-200);border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px #0000000d;position:relative;text-decoration:none;color:inherit;display:block;transition:all .2s}.summary-card:not(.summary-card-chat):hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:var(--slate-300)}.summary-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-direction:row}.summary-card-title{margin:0;font-size:var(--font-size-base);font-weight:500;color:var(--slate-500);text-transform:uppercase;letter-spacing:.5px;text-align:right}.summary-card-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid}.summary-card-icon-box-blue{background:#2563eb1a;border-color:#2563eb4d;color:var(--blue-600)}.summary-card-icon-box-green{background:#16a34a1a;border-color:#16a34a4d;color:var(--green-600)}.summary-card-icon-box-red{background:#ef44441a;border-color:#ef44444d;color:var(--red-500)}.summary-card-icon-box-chat{background:#8b5cf61a;border-color:#8b5cf64d;color:var(--violet-500)}.summary-card-count{font-size:var(--font-size-4xl);font-weight:700;color:var(--slate-800);margin:0}.summary-card-chat{text-decoration:none;cursor:pointer;transition:all .2s;background:var(--gradient-brand);border-color:transparent}.summary-card-chat .summary-card-title{color:var(--white)}.summary-card-chat .summary-card-icon-box-chat{background:#fff3;border-color:#ffffff4d;color:var(--white)}.summary-card-chat:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.upcoming-events-section,.urgent-tasks-section{margin-bottom:2rem}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-direction:row;position:relative}.section-add-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;background:var(--slate-100);color:var(--slate-600);margin-left:auto}.section-add-btn:hover{transform:scale(1.1);background:var(--slate-200)}.section-add-btn-blue{background:#2563eb1a;color:var(--blue-600)}.section-add-btn-blue:hover{background:#2563eb33;color:var(--blue-700)}.section-add-btn-red{background:#ef44441a;color:var(--red-500)}.section-add-btn-red:hover{background:#ef444433;color:var(--red-600)}.section-add-btn-orange{background:#f973161a;color:var(--orange-500)}.section-add-btn-orange:hover{background:#f9731633;color:var(--orange-600)}.section-icon{flex-shrink:0}.section-icon-blue{color:var(--blue-600)}.section-icon-red{color:var(--red-500)}.section-icon-orange{color:var(--orange-500)}.section-title{margin:0;flex:1;font-size:var(--font-size-xl);font-weight:600;color:var(--slate-800);text-align:right}.events-list,.tasks-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.event-item,.task-item{display:flex;align-items:flex-start;gap:1rem;background:var(--white);border:1px solid var(--slate-200);border-radius:12px;padding:1rem;box-shadow:0 2px 4px #0000000d;flex-direction:row-reverse;transition:all .2s}.event-item.clickable,.task-item.clickable{cursor:pointer}.event-item:hover,.task-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.event-item.clickable:hover,.task-item.clickable:hover{border-color:var(--slate-300);box-shadow:0 6px 12px #00000026}.event-time-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;padding:.5rem;background:#2563eb1a;border-radius:8px;flex-shrink:0}.event-time{font-size:var(--font-size-sm);font-weight:600;color:var(--blue-600);margin:0}.event-date{font-size:var(--font-size-xs);color:var(--blue-500);margin-top:.25rem}.event-content{flex:1;direction:rtl;text-align:right}.event-title{margin:0 0 .25rem;font-size:var(--font-size-base);font-weight:500;color:var(--slate-800);line-height:1.5;font-size:14px}.event-location{margin:0;font-size:var(--font-size-sm);color:var(--slate-500);line-height:1.5}.task-priority-badge{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.task-priority-urgent,.task-priority-high{background:#ef44441a;color:var(--red-500)}.urgent-tasks-section .task-priority-urgent,.urgent-tasks-section .task-priority-high{background:#f973161a;color:var(--orange-500)}.task-content{flex:1;direction:rtl;text-align:right}.task-title{margin:0 0 .25rem;font-size:var(--font-size-base);font-weight:500;color:var(--slate-800);line-height:1.5}.task-due-date{margin:0;font-size:var(--font-size-sm);color:var(--slate-500);line-height:1.5}.section-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--white);border:1px solid var(--slate-200);border-radius:8px;color:var(--slate-700);text-decoration:none;font-weight:500;transition:all .2s;direction:rtl}.section-link:hover{background:var(--slate-50);border-color:var(--slate-300);color:var(--slate-900)}.section-link-blue{background:#2563eb1a;border-color:#2563eb4d;color:var(--blue-600)}.section-link-blue:hover{background:#2563eb26;border-color:#2563eb66;color:var(--blue-700);transform:translateY(-1px);box-shadow:0 2px 4px #2563eb33}.section-link-red{background:#ef44441a;border-color:#ef44444d;color:var(--red-500)}.section-link-red:hover{background:#ef444426;border-color:#ef444466;color:var(--red-600);transform:translateY(-1px);box-shadow:0 2px 4px #ef444433}.section-link-orange{background:#f973161a;border-color:#f973164d;color:var(--orange-500)}.section-link-orange:hover{background:#f9731626;border-color:#f9731666;color:var(--orange-600);transform:translateY(-1px);box-shadow:0 2px 4px #f9731633}.loading,.no-items{text-align:center;padding:2rem;color:var(--slate-500);font-size:var(--font-size-base)}@media(min-width:769px){.summary-cards{gap:1rem}}@media(max-width:768px){.homepage{padding:1rem}.greeting{font-size:var(--font-size-2xl)}.summary-card{padding:1.25rem}.summary-card-count{font-size:var(--font-size-3xl)}.event-item,.task-item{padding:.875rem}.event-time-badge{min-width:50px;padding:.4rem}}@media(max-width:480px){.homepage{padding:.75rem}.summary-card{padding:1rem}}.calendar-page{max-width:1200px;width:100%;margin:0 auto;padding:2rem;box-sizing:border-box;overflow-x:hidden}.calendar-page *{box-sizing:border-box}.calendar-content{position:relative;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 60px - 4rem);max-height:calc(100vh - 60px - 4rem)}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 1.25rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;flex-shrink:0}.calendar-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex:1;flex-wrap:wrap;width:100%}.calendar-view-wrap{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.nav-btn{background:#f0f4f8;border:none;padding:.6rem .9rem;border-radius:8px;font-size:var(--font-size-lg);cursor:pointer;transition:all .2s}.nav-btn:hover{background:#e2e8f0}.today-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:10px;font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #667eea33}.today-btn:hover{box-shadow:0 4px 12px #667eea66}.view-selector{display:flex;background:#fffc;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.view-btn{background:transparent;border:none;padding:.5rem 1rem;font-weight:500;cursor:pointer;color:#475569;transition:all .2s;font-size:var(--font-size-sm)}.view-btn:hover{background:#f1f5f9}.view-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.month-view{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.month-view .calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.weekday{padding:.75rem;text-align:center;font-weight:600;color:#fff;font-size:var(--font-size-xs);text-transform:uppercase;overflow:hidden}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex:1;overflow-x:hidden;overflow-y:auto;min-height:0}.calendar-day{min-height:90px;padding:.4rem;border:1px solid #f0f4f8;background:#fff;transition:background .2s;overflow:hidden}.calendar-day:hover{background:#fafbfc}.calendar-day.empty{background:#f8fafc}.calendar-day.today{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.calendar-day.today .day-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center}.day-number{font-weight:600;color:#4a5568;font-size:var(--font-size-sm);margin-bottom:.35rem;display:inline-block}.day-events{display:flex;flex-direction:column;gap:2px}.event-pill{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:#e3f2fd;color:#1a1a1a;padding:2px 4px;border-radius:3px;font-size:var(--font-size-xs);cursor:pointer;overflow:hidden;transition:opacity .2s,transform .2s;min-width:0}.event-pill:hover{opacity:.9}.event-pill .event-time{font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;width:100%}.event-pill .event-title{font-size:.75rem;line-height:1.2;overflow:hidden;white-space:normal;overflow-wrap:break-word;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;text-overflow:ellipsis;min-width:0;width:100%}.more-events{font-size:var(--font-size-xs);color:#667eea;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-view{height:100%;display:flex;flex-direction:column;overflow:hidden}.day-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px 8px 0 0;flex-shrink:0}.day-header .day-view-nav-btn{background:#fff3;color:#fff}.day-header .day-view-nav-btn:hover{background:#ffffff59}.view-nav-row{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px 8px 0 0;flex-shrink:0}.view-nav-title{font-size:var(--font-size-lg);font-weight:600;color:#fff;min-width:180px;text-align:center;margin:0}.view-nav-row .nav-btn{background:#fff3;color:#fff}.view-nav-row .nav-btn:hover{background:#ffffff59}.day-date{font-size:var(--font-size-xl);font-weight:700}.day-date.today{background:#fff;color:#667eea;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center}.day-name{font-size:var(--font-size-base)}.day-timeline{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;width:100%;box-sizing:border-box;min-height:0}.timeline-grid{position:relative;z-index:0;width:100%;max-width:100%;box-sizing:border-box}.hour-row{display:flex;flex-direction:row;align-items:stretch;border-bottom:1px solid #f0f4f8;min-height:50px;height:50px;width:100%;max-width:100%;box-sizing:border-box}.hour-cell{flex:1;border-left:1px solid #f0f4f8}.hour-label{width:70px;padding:.4rem;font-size:var(--font-size-sm);color:#a0aec0;text-align:right;flex-shrink:0;border-right:1px solid #f0f4f8;position:relative;z-index:10;background:#fff}.hour-content{flex:1;padding:.25rem;display:flex;flex-direction:column;gap:2px;min-width:0;max-width:100%;box-sizing:border-box}.events-layer{position:absolute;top:0;bottom:0;inset-inline-start:78px;inset-inline-end:0;pointer-events:auto;z-index:1;max-width:calc(100% - 78px);box-sizing:border-box}.current-time-line{position:absolute;left:0;right:0;height:2px;background:var(--violet-500, #8b5cf6);z-index:10;pointer-events:none}.current-time-line:before{content:"";position:absolute;left:-8px;top:-4px;width:10px;height:10px;background:var(--violet-500, #8b5cf6);border-radius:50%}.event-block{background:#e3f2fd;color:#1565c0;padding:.2rem .5rem .35rem;border-radius:4px;cursor:pointer;font-size:var(--font-size-sm);transition:opacity .2s,transform .2s;pointer-events:auto;display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start}.event-block.positioned{position:absolute;left:0;width:calc(100% - 8px);min-width:0;min-height:48px;overflow-x:hidden;overflow-y:hidden;z-index:1;box-sizing:border-box;margin-left:4px}.event-block:hover{transform:translate(3px);background:#bbdefb}.event-block .event-time{font-size:var(--font-size-xs);color:#1976d2;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.event-block .event-title{font-size:.8rem;line-height:1.25;font-weight:600;overflow:visible;white-space:normal;overflow-wrap:break-word;word-break:break-word;min-height:1.25em;flex-shrink:0}.event-block-short{padding:.15rem .4rem .2rem!important;font-size:.7rem;overflow:hidden}.event-block-short .event-title{font-size:.7rem;line-height:1.15;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-block.small{padding:2px 4px;font-size:var(--font-size-xs);gap:1px}.event-block.small .event-time{font-size:var(--font-size-xs)}.event-block.small .event-title{font-size:.7rem;line-height:1.15;overflow:hidden;white-space:normal;overflow-wrap:break-word;word-break:break-word;min-height:0}.event-block[draggable=true]{cursor:grab}.event-block[draggable=true]:active{cursor:grabbing;opacity:.8}.event-block.private{border:2px dashed rgba(0,0,0,.3);opacity:.7;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 20px)!important}.event-block.private:hover{opacity:.85;transform:translate(3px)}.event-block.private[draggable=true]{cursor:not-allowed}.private-badge{display:inline-block;font-size:.65rem;font-weight:700;padding:.1rem .3rem;border-radius:3px;background:#0003;color:inherit;margin-right:.3rem;text-transform:uppercase;letter-spacing:.5px}.event-pill.private{border:2px dashed rgba(0,0,0,.3);opacity:.7;position:relative}.event-pill.private .private-badge{position:absolute;top:2px;right:2px;font-size:.5rem;padding:.05rem .2rem;background:#0000004d}.private-event-message{text-align:center;color:#666;font-style:italic;padding:1rem;margin:1rem 0}.drag-selection{position:absolute;left:4px;right:4px;background:#667eea4d;border:2px dashed #667eea;border-radius:5px;z-index:2;pointer-events:none}.week-day-events .drag-selection{left:2px;right:2px}.day-timeline{cursor:crosshair}.day-timeline .event-block{cursor:grab;padding:.2rem .5rem .35rem}.moving-event-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:12px}.moving-event-loader{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026}.moving-event-loader span{color:#667eea;font-weight:500;font-size:var(--font-size-sm)}.spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.week-view{height:100%;display:flex;flex-direction:column;overflow:hidden}.week-header{display:grid;grid-template-columns:70px repeat(7,minmax(0,1fr));background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;min-width:0}.week-view .time-gutter{border-right:1px solid rgba(255,255,255,.2)}.week-day-header{padding:.75rem;text-align:center;border-left:1px solid rgba(255,255,255,.2)}.week-day-header.today{background:#ffffff1a}.week-day-name{display:block;font-size:var(--font-size-xs);font-weight:600;color:#fff;text-transform:uppercase;overflow:hidden}.week-day-number{display:block;font-size:var(--font-size-lg);font-weight:700;margin-top:.2rem}.week-day-number.today-number{background:#fff;color:#667eea;border-radius:50%;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-base)}.week-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative}.week-grid{position:relative;box-sizing:border-box;min-width:0}.week-hour-row{display:grid;grid-template-columns:70px repeat(7,minmax(0,1fr));border-bottom:1px solid #f0f4f8;min-height:45px;height:45px;box-sizing:border-box;min-width:0}.week-hour-cell{border-left:1px solid #f0f4f8;padding:0;display:flex;flex-direction:column;gap:0}.week-events-layer{position:absolute;inset:0;display:grid;grid-template-columns:70px repeat(7,minmax(0,1fr));pointer-events:none;box-sizing:border-box;min-width:0}.time-gutter-spacer{pointer-events:none}.week-day-events{position:relative;pointer-events:auto;cursor:crosshair;height:1080px;box-sizing:border-box}.week-day-events .current-time-line{position:absolute;left:0;right:0;height:2px;background:var(--violet-500, #8b5cf6);z-index:10;pointer-events:none}.week-day-events .current-time-line:before{content:"";position:absolute;left:-8px;top:-4px;width:10px;height:10px;background:var(--violet-500, #8b5cf6);border-radius:50%}.week-day-events .event-block.positioned{left:2px;width:calc(100% - 4px);pointer-events:auto;cursor:grab}.week-day-events .event-block.positioned:active{cursor:grabbing}.event-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.event-modal{background:#fff;border-radius:12px;padding:1rem 1.25rem;max-width:450px;width:90%;max-height:90vh;position:relative;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.event-modal h3{margin:0 0 1rem;font-size:var(--font-size-xl);color:#1a1a2e;padding-right:2rem}.modal-close{position:absolute;top:.5rem;right:.5rem;background:#f0f4f8;border:none;font-size:var(--font-size-xl);cursor:pointer;color:#4a5568;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s}.modal-close:hover{background:#e2e8f0;color:#1a1a2e}.modal-header-actions{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-shrink:0}.modal-header-actions h3{margin:0;flex:1}.event-actions{display:flex;gap:.5rem}.btn-icon{background:#f0f4f8;border:none;padding:.5rem;border-radius:8px;cursor:pointer;font-size:var(--font-size-base);transition:all .2s}.btn-icon:hover{background:#e2e8f0;transform:scale(1.1)}.btn-icon.btn-delete:hover{background:#fee2e2}.btn-icon:disabled{opacity:.5;cursor:not-allowed;transform:none}.event-details{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.event-details p{margin:.5rem 0;color:#4a5568;font-size:var(--font-size-sm);word-wrap:break-word;overflow-wrap:break-word}.event-details p:last-child{margin-bottom:0}.event-details strong{color:#2d3748}.event-type-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:var(--font-size-sm);font-weight:500;border:1px solid}.calendar-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:4px;font-size:var(--font-size-sm);font-weight:500;border:1px solid}.calendar-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.calendar-none{color:#9e9e9e;font-style:italic}.event-form .attendees-dropdown,.attendees-dropdown{width:100%;padding:.6rem 2rem .6rem .8rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;font-size:var(--font-size-base);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.event-form .attendees-dropdown:hover,.attendees-dropdown:hover{border-color:#667eea}.event-form .attendees-dropdown:focus,.attendees-dropdown:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.event-form .selected-attendees,.selected-attendees{display:flex!important;flex-wrap:wrap!important;gap:.4rem!important;margin-top:.5rem!important}.event-form .selected-attendee-chip,.selected-attendee-chip{display:inline-flex!important;align-items:center!important;gap:.4rem!important;padding:.35rem .5rem .35rem .6rem!important;background:#f1f5f9!important;color:#374151!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:var(--font-size-sm)!important;font-weight:500!important;transition:all .15s ease!important}.event-form .selected-attendee-chip:hover,.selected-attendee-chip:hover{background:#e2e8f0!important;border-color:#cbd5e1!important}.event-form .selected-attendee-chip:before,.selected-attendee-chip:before{display:none!important}.event-form .chip-remove-btn,.chip-remove-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;padding:0!important;border:none!important;background:transparent!important;color:#94a3b8!important;border-radius:50%!important;font-size:var(--font-size-sm)!important;font-weight:400!important;cursor:pointer!important;line-height:1!important;transition:all .15s ease!important;margin-left:.2rem!important}.event-form .chip-remove-btn:hover,.chip-remove-btn:hover{color:#ef4444!important}.attendees-list{color:#4a5568}.attendee-badge{color:#667eea;font-weight:500}.appearances-modal{max-width:450px;width:90%;max-height:80vh;overflow-y:auto}.appearances-modal h3{margin-bottom:1rem;color:#1a1a2e}.color-by-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.color-by-option{flex:1;padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s}.color-by-option:hover{border-color:#667eea;color:#667eea}.color-by-option.active{border-color:#667eea;background:linear-gradient(135deg,#667eea15,#764ba215);color:#667eea}.appearances-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;max-height:50vh;overflow-y:auto}.appearance-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:#f8fafc;min-width:0}.appearance-item .type-label{flex:1;min-width:0;overflow:hidden;overflow-wrap:break-word;word-break:break-word;white-space:normal;font-size:var(--font-size-sm);color:#4a5568;font-weight:500}.appearance-item .calendar-type-badge{font-size:var(--font-size-xs);padding:.25rem .6rem;border-radius:4px;background:#e2e8f0;color:#64748b;white-space:nowrap;text-transform:capitalize}.color-swatch{width:24px;height:24px;border-radius:6px;flex-shrink:0}.no-calendars{color:#6b7280;font-size:var(--font-size-sm);text-align:center;padding:1rem}.calendar-stats{text-align:center;margin-top:1rem;color:#a0aec0;font-size:var(--font-size-sm)}.calendar-loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:var(--font-size-lg);color:#667eea}.calendar-page .action-buttons{display:flex;align-items:center;gap:.5rem;flex-direction:row;margin-bottom:0}.appearances-btn{background:#ffffffe6;border:1px solid #e2e8f0;width:40px;height:40px;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);box-shadow:0 1px 2px #0000000a}.appearances-btn:hover{background:#fff;border-color:#cbd5e1;transform:scale(1.05)}.add-event-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;width:40px;height:40px;border-radius:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #667eea40}.add-event-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.plus-icon{font-size:var(--font-size-2xl);font-weight:300;line-height:1}.add-event-modal{max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.event-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.event-form-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;padding-bottom:.25rem}.form-error{background:#fee2e2;color:#dc2626;padding:.75rem;border-radius:8px;font-size:var(--font-size-sm)}.event-form .form-group{display:flex;flex-direction:column;gap:.15rem}.event-form .form-group label{font-size:var(--font-size-sm);font-weight:500;color:#4a5568}.event-form .form-group input,.event-form .form-group textarea,.event-form .form-group select{padding:.5rem .65rem;border:1px solid #e2e8f0;border-radius:6px;font-size:var(--font-size-base);transition:border-color .2s,box-shadow .2s}.event-form .form-group select{width:100%;background-color:#fff;cursor:pointer}.datepicker-input{width:100%;padding:.65rem .85rem;border:1px solid #e2e8f0;border-radius:8px;font-size:var(--font-size-base);transition:border-color .2s,box-shadow .2s;cursor:pointer}.datepicker-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.react-datepicker-wrapper{width:100%}.calendar-page .react-datepicker-wrapper input,.calendar-page .datepicker-input{font-size:1rem!important}.react-datepicker-popper{z-index:9999!important}.react-datepicker{font-family:inherit;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 40px #00000026}.react-datepicker__header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;border-radius:12px 12px 0 0;padding-top:12px}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%}.react-datepicker__day:hover{background:#e3f2fd;border-radius:50%}.react-datepicker__time-container{border-left:1px solid #e2e8f0}.react-datepicker--time-only .react-datepicker__time-container{display:block}.react-datepicker__time-list{max-height:200px;min-height:120px}.react-datepicker__time-list-item--selected{background:linear-gradient(135deg,#667eea,#764ba2)!important}.react-datepicker__navigation-icon:before{border-color:#fff}.event-form .form-group input:focus,.event-form .form-group textarea:focus,.event-form .form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.event-form .form-group textarea{resize:vertical;min-height:50px;max-height:160px;overflow-y:auto;line-height:1.5}.event-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.event-form .form-row-title{grid-template-columns:1fr auto}.event-form .form-group-title{flex:1}.event-form .form-group-status{min-width:120px}.event-form .form-group-status .status-select{min-width:100%}.event-form .form-actions,.event-modal .form-actions{display:flex;gap:.4rem;justify-content:flex-end;padding-top:.5rem;margin-top:auto;border-top:1px solid #e2e8f0;background:#fff;flex-shrink:0}.event-form .btn-cancel,.event-modal .btn-cancel{background:#f0f4f8;color:#4a5568;border:none;padding:.65rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.event-form .btn-cancel:hover,.event-modal .btn-cancel:hover{background:#e2e8f0}.event-form .btn-submit,.event-modal .btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.65rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.event-form .btn-submit:hover:not(:disabled),.event-modal .btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.event-form .btn-submit:disabled,.event-modal .btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.calendar-page{padding:.75rem}.calendar-content{height:calc(100vh - 56px - 1.5rem);max-height:calc(100vh - 56px - 1.5rem)}.calendar-header{flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem .7rem}.calendar-controls{justify-content:space-between;flex-wrap:nowrap;gap:.4rem}.view-selector{flex-shrink:1;gap:.25rem}.action-buttons{flex-shrink:0;gap:.35rem}.view-nav-title{font-size:var(--font-size-lg);min-width:auto;flex:1}.nav-btn{padding:.5rem .7rem;font-size:var(--font-size-base)}.today-btn{padding:.5rem .75rem;font-size:var(--font-size-sm)}.view-btn{padding:.5rem .6rem;font-size:var(--font-size-sm)}.month-view .calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{padding:.5rem .2rem;font-size:var(--font-size-xs)}.calendar-day{min-height:60px;padding:4px;width:100%}.day-number{font-size:var(--font-size-xs);margin-bottom:2px}.calendar-day.today .day-number{width:22px;height:22px;font-size:var(--font-size-xs)}.event-pill{font-size:var(--font-size-xs);padding:3px 4px}.event-pill .event-time{display:none}.more-events{font-size:var(--font-size-xs)}.day-header{padding:.75rem}.day-date{font-size:var(--font-size-xl)}.day-date.today{width:35px;height:35px}.day-name{font-size:var(--font-size-base)}.hour-label{width:45px;font-size:var(--font-size-xs)}.event-block{padding:.2rem .45rem .35rem;font-size:var(--font-size-xs)}.week-header{grid-template-columns:40px repeat(7,1fr)}.week-day-header{padding:.35rem .1rem}.week-day-name{font-size:var(--font-size-xs)}.week-day-number{font-size:var(--font-size-sm)}.week-day-number.today-number{width:22px;height:22px;font-size:var(--font-size-xs)}.week-hour-row{grid-template-columns:40px repeat(7,1fr);min-height:50px;height:50px}.week-events-layer{grid-template-columns:40px repeat(7,1fr)}.week-day-events{height:1200px}.events-layer{inset-inline-start:53px}.event-block.small{padding:2px 3px;font-size:var(--font-size-xs)}.event-modal{padding:1.25rem;margin:.5rem;max-height:85vh}.event-modal h3{font-size:var(--font-size-xl)}.event-details{padding-right:.5rem}.appearances-btn{width:38px;height:38px;font-size:var(--font-size-lg)}.add-event-btn{width:32px;height:32px}.appearances-modal{max-width:95%;width:95%}.appearances-list{max-height:40vh}.plus-icon{font-size:var(--font-size-xl)}.event-form .form-row{grid-template-columns:1fr;gap:.75rem}.event-form .form-row.event-datetime-row{grid-template-columns:1fr 1fr;gap:.4rem}.event-form .form-row.event-datetime-row .form-group{min-width:0}.event-form .form-row-title{grid-template-columns:1fr}.event-form .form-group-status{min-width:100%}.event-form .form-actions{flex-direction:row;padding:.75rem 0 0}.event-form .btn-cancel,.event-form .btn-submit{flex:1;justify-content:center}.add-event-modal{max-height:85vh}.event-form-content{padding-right:.25rem}.event-form .form-group textarea{max-height:120px}.event-form .tags-and-private-row{flex-direction:column;gap:.75rem}.event-form .private-checkbox-section{padding-top:0}}@media(max-width:480px){.calendar-page{padding:.5rem}.calendar-content{height:calc(100vh - 56px - 1rem);max-height:calc(100vh - 56px - 1rem)}.view-nav-title{font-size:var(--font-size-lg)}.today-btn{padding:.4rem .5rem;font-size:var(--font-size-sm)}.view-btn{padding:.35rem .45rem;font-size:var(--font-size-sm)}.appearances-btn{width:32px;height:32px;font-size:var(--font-size-base)}.add-event-btn{width:28px;height:28px}.plus-icon{font-size:var(--font-size-lg)}.month-view .calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr))}.weekday{font-size:var(--font-size-xs);padding:.4rem .15rem}.calendar-day{min-height:56px;padding:3px}.day-number{font-size:var(--font-size-xs)}.event-pill{font-size:var(--font-size-xs);padding:2px 3px}.week-header{grid-template-columns:35px repeat(7,1fr)}.week-day-name,.week-day-number{font-size:var(--font-size-xs)}.week-hour-row{grid-template-columns:35px repeat(7,1fr);min-height:48px;height:48px}.week-events-layer{grid-template-columns:35px repeat(7,1fr)}.week-day-events{height:1152px}.events-layer{inset-inline-start:43px}.hour-label{width:35px;font-size:var(--font-size-xs)}}@media(min-width:768px){.view-nav-title{font-size:var(--font-size-xl)}.weekday,.day-number{font-size:var(--font-size-sm)}.day-date{font-size:var(--font-size-2xl)}.day-name{font-size:var(--font-size-lg)}.hour-label{font-size:var(--font-size-sm)}.week-day-name{font-size:var(--font-size-xs)}.week-day-number{font-size:var(--font-size-lg)}.week-day-number.today-number{font-size:var(--font-size-base)}.event-pill,.more-events{font-size:var(--font-size-xs)}}@media(min-width:1024px){.view-nav-title{font-size:var(--font-size-xl)}.weekday{font-size:var(--font-size-sm)}.day-date{font-size:var(--font-size-3xl)}.day-name{font-size:var(--font-size-lg)}.week-day-name{font-size:var(--font-size-sm)}.week-day-number{font-size:var(--font-size-xl)}.calendar-day{min-height:90px}.hour-row{min-height:52px;height:52px}}.reminders-group,.reminders-picker-container{position:relative}.reminders-trigger-btn{display:flex;align-items:center;gap:.3rem;width:100%;padding:.4rem .6rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s;font-size:var(--font-size-sm);color:#4a5568}.reminders-trigger-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.reminders-icon{font-size:var(--font-size-lg)}.reminders-count{flex:1;text-align:start}.reminders-chevron{font-size:var(--font-size-xs);color:#94a3b8}.reminders-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 40px #00000026;z-index:100;animation:dropdownSlide .15s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.reminders-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;font-weight:600;color:#1a1a2e;font-size:var(--font-size-sm)}.reminders-close-btn{background:none;border:none;font-size:var(--font-size-lg);color:#94a3b8;cursor:pointer;padding:0;line-height:1}.reminders-close-btn:hover{color:#64748b}.reminders-options{max-height:200px;overflow-y:auto;padding:.5rem 0}.reminder-option{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;cursor:pointer;transition:background .15s;font-size:var(--font-size-sm);color:#334155}.reminder-option:hover{background:#f8fafc}.reminder-option input[type=checkbox]{width:18px;height:18px;accent-color:#667eea;cursor:pointer}.event-form .tags-and-private-row{display:flex;flex-direction:column;gap:.15rem}.event-form .tags-and-private-row>label{font-size:var(--font-size-sm);font-weight:500;color:#4a5568}.event-form .tags-and-private-content{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.event-form .tags-and-private-row .tags-section{flex:1;min-width:200px}.event-form .tags-and-private-row .tags-section .form-group{margin-bottom:0}.event-form .tags-and-private-row .tags-section .form-group>label{display:none}.event-form .tags-and-private-row .tags-section .form-group .tags-inline-event{margin-top:0}.event-form .private-checkbox-section{flex-shrink:0;display:flex;align-items:center}.event-form .checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.event-form .checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#667eea;flex-shrink:0}.event-form .checkbox-label span{font-size:var(--font-size-sm);font-weight:500;color:#4a5568;line-height:1.4}.event-form .checkbox-label:hover span{color:#667eea}.event-form .form-help-text{font-size:var(--font-size-xs);color:#64748b;margin-top:.25rem;margin-left:0;line-height:1.5;font-style:italic;white-space:normal;max-width:250px}.reminders-dropdown-footer{padding:.75rem 1rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.reminders-done-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-weight:500;cursor:pointer;font-size:var(--font-size-sm);transition:box-shadow .2s}.reminders-done-btn:hover{box-shadow:0 4px 12px #667eea66}.selected-reminders-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.reminder-chip{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#667eea15,#764ba215);border:1px solid #667eea30;color:#5a67d8;padding:.2rem .5rem;border-radius:12px;font-size:var(--font-size-xs);font-weight:500}.chip-remove{background:none;border:none;color:#667eea;font-size:var(--font-size-base);cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .15s}.chip-remove:hover{opacity:1}.task-search-group,.task-search-container{position:relative}.task-search-input{width:100%;padding:.75rem 2rem .75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:var(--font-size-base);background:#f8fafc;transition:all .2s}.task-search-input:focus{outline:none;border-color:#667eea;background:#fff}.task-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--font-size-lg);color:#94a3b8;cursor:pointer;padding:0;line-height:1}.task-clear-btn:hover{color:#64748b}.task-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 40px #00000026;z-index:100;max-height:200px;overflow-y:auto}.task-option{padding:.6rem 1rem;cursor:pointer;font-size:var(--font-size-sm);color:#334155;transition:background .15s}.task-option:hover{background:#f8fafc}.task-option.selected{background:linear-gradient(135deg,#667eea15,#764ba215);color:#5a67d8}.task-option.no-results{color:#94a3b8;cursor:default;text-align:center;font-style:italic}.chips-row{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.15rem}.tag-chip{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:1px solid;padding:.25rem .5rem;border-radius:16px;font-size:var(--font-size-xs);font-weight:500}.tags-inline-group{margin-bottom:.5rem}.tags-inline{display:flex;flex-wrap:wrap;gap:.4rem}.tag-btn{padding:.35rem .75rem;border:1px solid;border-radius:16px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s;background:transparent}.tag-btn:hover{opacity:.8}.tag-btn.selected{font-weight:600}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:var(--font-size-sm);font-weight:500}.status-badge.status-busy{background:#fee2e2;color:#dc2626}.status-badge.status-free{background:#dcfce7;color:#16a34a}.status-badge.status-tentative{background:#fef3c7;color:#d97706}.event-tags{display:inline-flex;flex-wrap:wrap;gap:.4rem}.event-tag-badge{display:inline-block;padding:.2rem .5rem;border:1px solid;border-radius:12px;font-size:var(--font-size-sm);font-weight:500;background:transparent}.location-with-tags{display:flex;flex-direction:column;gap:.3rem}.location-with-tags input{flex:1;min-width:0}.tags-inline-event{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.tags-inline-event .tags-label{font-size:var(--font-size-xs);color:#6b7280;margin-right:.125rem}.tag-mini{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:var(--font-size-xs);color:#fff;cursor:pointer;white-space:nowrap}.tag-mini:hover{opacity:.8}.tag-dropdown-wrapper{position:relative}.tag-add-btn{width:24px;height:24px;border-radius:50%;border:1px dashed #9ca3af;background:transparent;color:#6b7280;cursor:pointer;font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center}.tag-add-btn:hover{border-color:#6b7280;background:#f3f4f6}.tag-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:180px;z-index:100;padding:.5rem}.tag-dropdown-close{position:absolute;top:.25rem;right:.375rem;width:20px;height:20px;border:none;background:transparent;color:#9ca3af;font-size:var(--font-size-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.tag-dropdown-close:hover{color:#374151}.tag-dropdown-list{max-height:140px;overflow-y:auto;margin-bottom:.25rem}.tag-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem;border:none;background:transparent;cursor:pointer;font-size:var(--font-size-sm);text-align:left;border-radius:6px;color:#374151}.tag-dropdown-item:hover{background:#f3f4f6}.tag-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.tag-dropdown-empty{padding:.5rem;text-align:center;color:#9ca3af;font-size:var(--font-size-sm);font-style:italic}.tag-dropdown-new{width:100%;padding:.5rem;border:none;border-top:1px solid #e5e7eb;background:transparent;cursor:pointer;font-size:var(--font-size-sm);color:#6b7280;text-align:left;margin-top:.25rem}.tag-dropdown-new:hover{color:#374151;background:#f9fafb}.tag-dropdown-create{padding:.5rem;border-top:1px solid #e5e7eb;margin-top:.25rem}.tag-dropdown-create input{width:100%;padding:.4rem .5rem;border:1px solid #d1d5db;border-radius:6px;font-size:var(--font-size-base);margin-bottom:.5rem}.color-palette-mini{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.5rem}.color-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.color-dot.selected{border-color:#1f2937}.tag-create-actions{display:flex;gap:.35rem}.btn-mini{flex:1;padding:.35rem .75rem;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-size:var(--font-size-sm);cursor:pointer}.btn-mini:hover{box-shadow:0 2px 8px #667eea66}.btn-mini-cancel{width:28px;padding:0;border:none;background:#e5e7eb;color:#374151;border-radius:6px;font-size:var(--font-size-base);cursor:pointer}.btn-mini-cancel:hover{background:#d1d5db}.recurrence-select{width:100%;background-color:#fff;cursor:pointer}.recurrence-note{margin-top:.5rem;color:#667eea;font-size:var(--font-size-xs);background:linear-gradient(135deg,#667eea10,#764ba210);padding:.5rem .75rem;border-radius:6px;border-left:3px solid #667eea}.custom-recurrence-summary{margin-top:.75rem;padding:.75rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:8px;border:1px solid #667eea30}.custom-recurrence-summary strong{color:#5a67d8;font-size:var(--font-size-sm);display:block}.recurring-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:8px;margin-bottom:.5rem}.recurring-indicator .recurring-icon{font-size:1rem}.recurring-indicator .recurring-text{color:#5a67d8;font-weight:500;font-size:var(--font-size-sm)}.custom-recurrence-modal{max-width:400px}.custom-recurrence-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.repeat-every-group{display:flex;flex-direction:column;gap:.5rem}.repeat-every-row{display:flex;align-items:center;gap:.5rem}.interval-input{width:60px;text-align:center;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px}.repeat-type-select{flex:1;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff}.days-of-week-selector{display:flex;gap:.35rem;flex-wrap:wrap}.day-button{width:36px;height:36px;border-radius:50%;border:2px solid #e2e8f0;background:#fff;color:#4a5568;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.day-button:hover{border-color:#667eea;color:#667eea}.day-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.days-selected-text{margin-top:.5rem;font-size:var(--font-size-sm);color:#667eea;font-weight:500}.day-of-month-select{width:100px;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff}.recurring-update-dialog{max-width:420px}.recurring-dialog-message{color:#4a5568;font-size:var(--font-size-sm);margin-bottom:1rem}.recurring-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.recurring-option-btn{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.recurring-option-btn:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea05,#764ba205)}.recurring-option-btn .option-icon{font-size:1.25rem;flex-shrink:0;margin-top:.1rem}.recurring-option-btn .option-text{display:flex;flex-direction:column;gap:.25rem}.recurring-option-btn .option-text strong{color:#1a1a2e;font-size:var(--font-size-sm)}.recurring-option-btn .option-text small{color:#64748b;font-size:var(--font-size-xs)}.integration-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.integration-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014}.integration-icon{flex-shrink:0}.integration-info{flex:1}.integration-info h3{color:#1a1a2e;font-size:var(--font-size-xl);margin:0 0 .5rem;font-weight:500}.integration-info .integration-description{color:#4a5568;font-size:var(--font-size-sm);margin:0 0 .75rem;line-height:1.5}.integration-info .status{margin:0;font-size:var(--font-size-sm);color:#1a1a2e}.integration-info .status.connected{color:#10b981}.integration-info .status.disconnected{color:#6b7280}.integration-info .calendars-count{color:#4a5568;font-size:var(--font-size-sm);margin:.25rem 0 0}.export-toggle{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;cursor:pointer}.export-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#667eea;cursor:pointer}.export-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.export-toggle-label{font-size:var(--font-size-sm);color:#4a5568}.integration-action{flex-shrink:0;display:flex;gap:.5rem}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f0f4f8;color:#4a5568;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fecaca}@media(max-width:640px){.integration-card{flex-direction:column;text-align:center}.integration-action{width:100%;flex-direction:column}.integration-action .btn{width:100%}}.calendar-setup-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:10001}.modal-content{position:relative;z-index:10002;background:#fff;border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;pointer-events:auto}.modal-content h2{margin:0 0 .5rem;color:#1a1a2e;font-size:var(--font-size-2xl)}.modal-description{color:#6b7280;margin:0 0 1.5rem;font-size:var(--font-size-sm);line-height:1.5}.loading-calendars{text-align:center;padding:2rem;color:#6b7280}.calendar-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.calendar-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem}.calendar-header{display:flex;align-items:center}.calendar-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:1}.calendar-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#667eea}.calendar-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.calendar-name{font-weight:500;color:#1a1a2e;display:flex;align-items:center;gap:.5rem}.primary-badge{background:#dbeafe;color:#2563eb;font-size:var(--font-size-xs);padding:.15rem .5rem;border-radius:4px;font-weight:600}.calendar-type-select{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem}.calendar-type-select label{color:#6b7280;font-size:var(--font-size-sm)}.calendar-type-select select{flex:1;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:var(--font-size-sm);color:#1a1a2e}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}@media(max-width:640px){.modal-content{padding:1.5rem;width:95%}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.family-page{max-width:900px;margin:0 auto;padding:2rem;min-height:calc(100vh - 80px)}.family-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.family-header h1{font-size:var(--font-size-3xl);font-weight:700;color:#1a1a2e;margin:0;display:flex;align-items:center;gap:.75rem}.family-icon{font-size:var(--font-size-2xl)}.create-family-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #f093fb66}.create-family-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f093fb80}.family-loading{display:flex;justify-content:center;align-items:center;min-height:300px;color:#f093fb;font-size:var(--font-size-lg)}.no-families{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#f093fb0d,#f5576c0d);border-radius:20px;border:2px dashed rgba(240,147,251,.3)}.no-families-icon{font-size:var(--font-size-4xl);margin-bottom:1rem}.no-families h2{color:#1a1a2e;margin-bottom:.5rem}.no-families p{color:#6b7280;margin-bottom:1.5rem}.families-grid{display:flex;flex-direction:column;gap:1.5rem}.family-card{background:#fff;border-radius:20px;box-shadow:0 4px 24px #00000014;overflow:hidden;transition:all .3s ease}.family-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.family-card-header{background:linear-gradient(135deg,#f093fb,#f5576c);padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.family-name{color:#fff;font-size:var(--font-size-xl);font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.family-card-actions{display:flex;gap:.5rem}.family-action-btn{background:#fff3;border:none;padding:.5rem;border-radius:8px;cursor:pointer;color:#fff;transition:all .2s;display:flex;align-items:center;justify-content:center}.family-action-btn:hover{background:#ffffff4d}.family-action-btn.delete:hover{background:#dc2626cc}.members-list{padding:1rem}.members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f0f4f8}.members-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px;color:#9ca3af;font-weight:600;margin:0}.add-member-btn{background:#f0f4f8;border:none;padding:.5rem 1rem;border-radius:8px;font-size:var(--font-size-xs);cursor:pointer;color:#4b5563;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.35rem}.add-member-btn:hover{background:#e5e7eb}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.member-card{background:#fafbfc;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;border:1px solid #f0f4f8;transition:all .2s;position:relative}.member-card:hover{background:#f5f6f8;border-color:#e5e7eb}.member-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);margin-bottom:.25rem}.member-avatar.parent{background:linear-gradient(135deg,#667eea,#764ba2)}.member-avatar.kid{background:linear-gradient(135deg,#f093fb,#f5576c)}.member-avatar.babysitter{background:linear-gradient(135deg,#43e97b,#38f9d7)}.member-avatar.other{background:linear-gradient(135deg,#fa709a,#fee140)}.member-info{flex:1}.member-fullname{font-weight:600;color:#1a1a2e;font-size:var(--font-size-base)}.member-nickname{color:#9ca3af;font-size:var(--font-size-xs);font-style:italic}.member-details{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.member-badge{font-size:var(--font-size-xs);padding:.25rem .6rem;border-radius:20px;font-weight:500;text-transform:capitalize}.member-badge.role{background:#e0e7ff;color:#4338ca}.member-badge.birthday{background:#fef3c7;color:#92400e}.member-badge.gender{background:#fce7f3;color:#9d174d}.member-badge.is-user{background:#d1fae5;color:#065f46}.member-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.member-card:hover .member-actions{opacity:1}.member-action-btn{background:#fff;border:1px solid #e5e7eb;padding:.35rem;border-radius:6px;cursor:pointer;color:#6b7280;font-size:var(--font-size-xs);transition:all .2s}.member-action-btn:hover{background:#f3f4f6;color:#374151}.member-action-btn.delete:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.no-members{text-align:center;padding:2rem;color:#9ca3af;font-size:var(--font-size-sm)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border-radius:20px;padding:2rem;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:1rem;right:1rem;background:#f0f4f8;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;color:#6b7280;font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#e5e7eb;color:#374151}.modal h2{margin:0 0 1.5rem;font-size:var(--font-size-xl);color:#1a1a2e}.form-group{margin-bottom:1rem}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;font-size:var(--font-size-xs);font-weight:500;color:#4b5563;margin-bottom:.35rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:10px;font-size:var(--font-size-base);transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#f093fb;box-shadow:0 0 0 3px #f093fb26}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-checkbox{display:flex;align-items:center;gap:.5rem}.form-checkbox input{width:18px;height:18px;accent-color:#f093fb}.form-checkbox label{margin-bottom:0}.form-note{margin-top:-10px;margin-bottom:15px}.form-note p{font-size:13px;color:#666;font-style:italic;margin:0}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.btn-cancel{background:#f0f4f8;color:#4b5563;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.btn-submit{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s}.btn-submit:hover:not(:disabled){box-shadow:0 4px 15px #f093fb66;transform:translateY(-1px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.delete-confirm-text{color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.delete-confirm-text strong{color:#1a1a2e}.btn-delete{background:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-delete:hover:not(:disabled){background:#b91c1c}.btn-delete:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.family-page{padding:1rem}.family-header{flex-direction:column;align-items:flex-start;gap:1rem}.family-header h1{font-size:var(--font-size-2xl)}.create-family-btn{width:100%;justify-content:center}.members-grid{grid-template-columns:1fr}.modal{padding:1.5rem;max-height:90vh;overflow-y:auto;margin:1rem}.modal h2{font-size:var(--font-size-lg);margin-bottom:1rem}.form-group{margin-bottom:.75rem}.form-group label{font-size:var(--font-size-xs);margin-bottom:.25rem}.form-group input,.form-group select{padding:.6rem .8rem;font-size:var(--font-size-sm)}.form-row{grid-template-columns:1fr;gap:.75rem}.form-actions{flex-direction:column;margin-top:1rem;gap:.5rem}.btn-cancel,.btn-submit,.btn-delete{width:100%;padding:.65rem 1rem}.delete-confirm-text{font-size:var(--font-size-sm);margin-bottom:1rem}}@media(max-width:480px){.family-page{padding:.75rem}.family-header h1{font-size:var(--font-size-xl)}.modal{padding:1rem;max-height:85vh;margin:.5rem;border-radius:16px}.modal h2{font-size:var(--font-size-base);margin-bottom:.75rem}.modal-close{width:28px;height:28px;top:.75rem;right:.75rem;font-size:var(--font-size-lg)}.form-group{margin-bottom:.6rem}.form-group label{font-size:var(--font-size-xs)}.form-group input,.form-group select{padding:.5rem .7rem;font-size:var(--font-size-sm);border-radius:8px}.form-checkbox{font-size:var(--font-size-sm)}.form-checkbox input{width:16px;height:16px}.form-row{gap:.6rem}.form-actions{margin-top:.75rem;gap:.4rem}.btn-cancel,.btn-submit,.btn-delete{padding:.6rem 1rem;font-size:var(--font-size-sm);border-radius:8px}.delete-confirm-text{font-size:var(--font-size-sm);margin-bottom:.75rem;line-height:1.4}}.settings-page{min-height:calc(100vh - 80px);padding:2rem;background-color:var(--slate-50)}.settings-container{max-width:800px;margin:0 auto}.settings-container h1{font-size:var(--font-size-3xl);margin-bottom:2rem;font-weight:600;color:var(--slate-800)}.message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message.success{background:var(--green-100);border:1px solid var(--green-600);color:var(--green-800)}.message.error{background:var(--red-100);border:1px solid var(--red-500);color:var(--red-800)}.message .close-btn{background:none;border:none;color:inherit;font-size:var(--font-size-2xl);cursor:pointer;padding:0;line-height:1}.settings-section{margin-bottom:2rem}.settings-section h2{color:var(--slate-500);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-weight:500}.profile-card{background:var(--white);border:1px solid var(--slate-200);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.profile-card:hover{border-color:var(--slate-300);box-shadow:0 4px 12px #00000014}.profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--slate-200)}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--font-size-2xl);font-weight:600;flex-shrink:0}.profile-header-info h3{margin:0;color:var(--slate-800);font-size:var(--font-size-lg);font-weight:600}.profile-header-info p{margin:.25rem 0 0;color:var(--slate-500);font-size:var(--font-size-sm)}.profile-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.profile-row{display:flex;flex-direction:column;gap:.25rem}.profile-label{color:var(--slate-500);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.profile-value{color:var(--slate-800);font-size:var(--font-size-sm);font-weight:500}.phone-edit-container{display:flex;flex-direction:column;gap:8px;width:100%;max-width:280px;box-sizing:border-box}.phone-edit-container .phone-input-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;align-items:center!important;width:100%!important;box-sizing:border-box!important}.phone-edit-container .phone-input-row .country-code-select{padding:4px 8px;border:1px solid #ddd;border-radius:4px;flex:0 0 90px!important;flex-shrink:0!important;max-width:90px!important;width:90px!important;min-width:90px!important;box-sizing:border-box!important}.phone-edit-container .phone-input-row .phone-number-input{flex:1 1 auto!important;padding:4px 8px;border:1px solid #ddd;border-radius:4px;min-width:0!important;box-sizing:border-box!important}.phone-number-input.error{border-color:#f44336}.phone-error-message{color:#f44336;font-size:12px}.phone-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.phone-save-btn,.phone-cancel-btn{padding:4px 12px;cursor:pointer;border:1px solid #ddd;border-radius:4px;background:#fff;transition:all .2s ease}.phone-save-btn:disabled{cursor:not-allowed;opacity:.6}.phone-save-btn:not(:disabled):hover{background:#f5f5f5}.phone-cancel-btn:disabled{cursor:not-allowed}.phone-cancel-btn:not(:disabled):hover{background:#f5f5f5}@media(max-width:480px){.profile-info{grid-template-columns:1fr}.phone-edit-container .phone-input-row{flex-direction:row!important;flex-wrap:nowrap!important;gap:4px!important}.phone-edit-container .phone-input-row .country-code-select{flex:0 0 90px!important;max-width:90px!important;width:90px!important;min-width:90px!important;padding:4px!important;font-size:14px!important}.phone-edit-container .phone-input-row .phone-number-input{flex:1 1 auto!important;width:auto!important;min-width:0!important;font-size:14px!important}.phone-actions{width:100%}.phone-save-btn,.phone-cancel-btn{flex:1;min-width:0}}@media(max-width:640px){.settings-page{padding:1rem}}.family-section-embedded{background:var(--white);border:1px solid var(--slate-200);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000a}.family-section-embedded .family-section-header{display:flex;justify-content:flex-end;margin-bottom:1rem}.family-section-embedded .families-grid{display:flex;flex-direction:column;gap:1rem}.family-section-embedded .family-card{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:10px;padding:1rem}.family-section-embedded .no-families{text-align:center;padding:2rem;color:var(--slate-500)}.family-section-embedded .no-families h3{margin:.5rem 0;color:var(--slate-800)}.family-section-embedded .no-families-icon{font-size:var(--font-size-4xl)}.logout-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--slate-200)}.logout-btn-settings{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:var(--white);border:1px solid var(--red-100);border-radius:10px;color:var(--red-600);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s ease}.logout-btn-settings:hover{background:var(--red-100);border-color:var(--red-500)}.logout-btn-settings svg{width:20px;height:20px}.auth-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:var(--slate-50);direction:rtl}.auth-header{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;background:var(--gradient-brand);box-shadow:0 2px 8px #0000001a}.auth-header-brand{display:flex;align-items:center;gap:.5rem}.auth-header-title{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--white)}.auth-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.auth-card{background:var(--white);border:1px solid var(--slate-200);border-radius:16px;padding:2rem;width:100%;max-width:420px;box-shadow:0 2px 8px #0000000f}.auth-hero{margin-bottom:1.25rem;text-align:center}.auth-hero-illustration{display:flex;justify-content:center;margin-bottom:.75rem}.auth-hero-svg{width:160px;height:112px;color:var(--slate-400)}.auth-hero-home{animation:auth-hero-float 3s ease-in-out infinite}.auth-hero-roof{animation:auth-hero-float 3s ease-in-out infinite .1s}.auth-hero-dot-1{animation:auth-hero-dot-flow 4s linear infinite}.auth-hero-dot-2{animation:auth-hero-dot-flow 4s linear infinite 1.35s}.auth-hero-dot-3{animation:auth-hero-dot-flow 4s linear infinite 2.65s}.auth-hero-line{animation:auth-hero-dash 1.5s linear infinite}.auth-hero-line-2{animation:auth-hero-dash 1.5s linear infinite .5s}@keyframes auth-hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes auth-hero-dot-flow{0%{transform:translate(0);opacity:0}18%{transform:translate(20px);opacity:1}78%{transform:translate(70px);opacity:1}to{transform:translate(88px);opacity:0}}@keyframes auth-hero-dash{to{stroke-dashoffset:-12}}.auth-hero-tagline{font-size:var(--font-size-lg);font-weight:500;color:var(--slate-600);line-height:1.4;max-width:320px;margin:0 auto}.auth-title{margin:0 0 .5rem;font-size:var(--font-size-3xl);font-weight:600;color:var(--slate-800);text-align:center}.auth-subtitle{color:var(--slate-500);font-size:var(--font-size-lg);margin:0 0 1.5rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form .form-group{display:flex;flex-direction:column;margin:0}.auth-form label{color:var(--slate-700);font-size:var(--font-size-base);font-weight:500}.auth-form input{padding:.875rem 1rem;border:1px solid var(--slate-200);border-radius:10px;background:var(--white);color:var(--slate-800);font-size:var(--font-size-lg);transition:all .2s ease}.auth-form input::placeholder{color:var(--slate-400)}.auth-form input:focus{outline:none;border-color:var(--violet-500);box-shadow:0 0 0 3px #8b5cf626}.auth-form input:disabled{background:var(--slate-50);color:var(--slate-500);cursor:not-allowed}.auth-button{width:100%;margin:0;padding:.875rem 1.5rem;border-radius:10px;font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button.primary{background:var(--gradient-brand);color:var(--white)}.auth-button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659}.auth-button.google{background:var(--white);color:var(--slate-700);border:1px solid var(--slate-200)}.auth-button.google:hover:not(:disabled){background:var(--slate-50);border-color:var(--slate-300);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.google-icon{width:20px;height:20px}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0 1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--slate-200)}.auth-divider span{color:var(--slate-400);font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:.5px}.auth-footer{text-align:center;margin-top:1.25rem;color:var(--slate-500);font-size:var(--font-size-lg)}.auth-footer a{color:var(--violet-500);text-decoration:none;font-weight:600;transition:color .2s ease}.auth-footer a:hover{color:var(--indigo-600);text-decoration:underline}.invitation-banner{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);color:var(--slate-800);padding:.75rem 1rem;border-radius:10px;margin-bottom:1.5rem;text-align:center}.invitation-banner strong{font-weight:600;color:var(--violet-500)}[dir=rtl] .auth-form input{text-align:right}[dir=ltr] .auth-form input{text-align:left}@media(max-width:480px){.auth-header{padding:.75rem 1rem}.auth-header-title{font-size:var(--font-size-lg)}.auth-container{padding:1.5rem 1rem}.auth-card{padding:1.5rem;border-radius:12px}.auth-hero-svg{width:120px;height:84px}.auth-hero-tagline{font-size:var(--font-size-base)}.auth-title{font-size:var(--font-size-2xl)}.auth-form input{padding:.625rem .875rem}.auth-button{padding:.625rem 1.25rem}}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 60px);max-width:800px;width:100%;margin:0 auto;border:1px solid var(--slate-200);border-radius:8px;overflow:hidden;font-family:Assistant,Heebo,sans-serif;background-color:var(--slate-50);box-sizing:border-box}.chat-header{padding:1rem;background:var(--gradient-brand);color:var(--white);text-align:center;border-bottom:1px solid var(--slate-200);display:flex;justify-content:space-between;align-items:center;direction:rtl}.chat-header h2{margin:0;font-size:var(--font-size-2xl)}.chat-footer{padding:.75rem 1rem;border-top:1px solid var(--slate-200);background-color:var(--white);display:flex;justify-content:center;direction:rtl}.new-conversation-btn{background-color:var(--slate-100);color:var(--slate-700);border:1px solid var(--slate-300);padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:var(--font-size-sm);transition:background-color .2s,border-color .2s}.new-conversation-btn:hover{background-color:var(--slate-200);border-color:var(--slate-400)}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.chat-message{display:flex;direction:rtl}.chat-message.user{justify-content:flex-start}.chat-message.assistant{justify-content:flex-end}.message-bubble{max-width:75%;padding:.75rem 1rem;border-radius:1.2rem;word-wrap:break-word;text-align:right}.message-bubble p{margin:0 0 .5rem}.message-bubble p:last-child{margin-bottom:0}.message-bubble ul,.message-bubble ol{margin:.5rem 0;padding-right:1.5rem;padding-left:0}.message-bubble li{margin-bottom:.25rem}.message-bubble strong{font-weight:600}.message-bubble code{background-color:#0000001a;padding:.1rem .3rem;border-radius:3px;font-family:monospace;font-size:var(--font-size-sm)}.chat-message.user .message-bubble{background-color:var(--blue-100);color:var(--slate-800);border-bottom-left-radius:.3rem}.chat-message.assistant .message-bubble{background-color:var(--slate-100);color:var(--slate-800);border-bottom-right-radius:.3rem}.chat-input-form{display:flex;padding:1rem;border-top:1px solid var(--slate-200);background-color:var(--white);direction:rtl}.chat-input-form input{flex:1;padding:.75rem;border:1px solid var(--slate-300);border-radius:20px;margin-inline-end:.5rem;font-size:1rem;direction:rtl;text-align:right}.chat-input-form input:focus{outline:none;border-color:var(--violet-500);box-shadow:0 0 0 2px #8b5cf633}.chat-input-form button{background:var(--gradient-brand);color:var(--white);border:none;padding:.75rem 1.25rem;border-radius:20px;cursor:pointer;transition:opacity .2s;font-size:1rem;font-weight:500}.chat-input-form button:hover{opacity:.9}.chat-error{padding:.75rem 1rem;background-color:var(--red-100);color:var(--red-800);border:1px solid var(--red-500);margin:.5rem 1rem;border-radius:8px;text-align:center;direction:rtl}.load-more-container{text-align:center;padding:.5rem;margin-top:.5rem}.load-more-button{background-color:var(--slate-200);border:none;padding:.5rem 1rem;border-radius:15px;cursor:pointer;font-size:var(--font-size-sm);color:var(--slate-600);transition:background-color .2s;direction:rtl}.load-more-button:hover{background-color:var(--slate-300)}.loading-more{text-align:center;color:var(--slate-500);padding:.5rem;font-size:var(--font-size-sm);direction:rtl}.thinking{align-items:flex-start}.thinking-bubble{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--slate-100);border-bottom-right-radius:.3rem}.thinking-dots{display:inline-flex;align-items:center;gap:.35rem}.thinking-dot{width:7px;height:7px;border-radius:50%;background-color:var(--violet-500);animation:thinking-bounce 1.2s infinite ease-in-out}.thinking-dot:nth-child(2){animation-delay:.15s}.thinking-dot:nth-child(3){animation-delay:.3s}.thinking-text{color:var(--slate-600);font-size:var(--font-size-base);white-space:nowrap}@keyframes thinking-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:1}}@media(max-width:768px){.chat-page{border-radius:0;height:calc(100vh - 56px);margin:0;border-left:none;border-right:none}.chat-input-form input{margin-inline-end:.25rem}}@media(max-width:480px){.chat-page{padding:0}.chat-header,.chat-footer,.chat-messages{padding-left:.75rem;padding-right:.75rem}.chat-input-form{padding:.75rem}}.chat-test-page{height:100vh;max-width:800px;margin:0 auto}.chat-test-header{padding:.75rem 1rem;background:var(--slate-100);border-bottom:1px solid var(--slate-200);display:flex;align-items:center;direction:rtl;flex-shrink:0}.chat-test-phone-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--slate-700)}.chat-test-phone-label span{white-space:nowrap}.chat-test-phone-input{padding:.35rem .5rem;border:1px solid var(--slate-300);border-radius:6px;font-size:var(--font-size-sm);min-width:140px}.chat-test-new-session-btn{padding:.35rem .6rem;font-size:var(--font-size-sm);border:1px solid var(--slate-300);border-radius:6px;background:var(--slate-50);cursor:pointer}.chat-test-empty{color:var(--slate-500);font-size:var(--font-size-sm);padding:1rem;text-align:center}.family-setup-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.family-setup-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001}.family-setup-content{position:relative;z-index:10002;background:#fff;border-radius:20px;padding:2.5rem;max-width:480px;width:100%;box-shadow:0 25px 80px #0000004d;animation:familySetupSlideIn .3s ease}@keyframes familySetupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.family-setup-header{text-align:center;margin-bottom:2rem;position:relative}.family-setup-close{position:absolute;top:-.5rem;right:-.5rem;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.family-setup-close:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.family-setup-header h2{color:#1a1a2e;font-size:var(--font-size-3xl);font-weight:700;margin:0 0 .5rem}.family-setup-header p{color:#6b7280;font-size:var(--font-size-base);margin:0}.family-setup-form{display:flex;flex-direction:column;gap:1.25rem}.family-setup-error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:var(--font-size-sm);text-align:center}.family-setup-form .form-group{display:flex;flex-direction:column;gap:.5rem}.family-setup-form label{color:#374151;font-size:var(--font-size-sm);font-weight:600}.family-setup-form input{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:var(--font-size-base);transition:all .2s ease;background:#f9fafb}.family-setup-form input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea26}.family-setup-form input::placeholder{color:#9ca3af}.family-setup-actions{display:flex;gap:1rem;margin-top:.5rem}.family-setup-cancel{flex:1;padding:1rem;background:#f3f4f6;color:#374151;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.family-setup-cancel:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.family-setup-cancel:disabled{opacity:.7;cursor:not-allowed}.family-setup-submit{flex:1;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s ease}.family-setup-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.family-setup-submit:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.family-setup-content{padding:1.5rem}.family-setup-header h2{font-size:var(--font-size-2xl)}}.drawer-overlay{position:fixed;inset:0;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:998}.drawer-overlay.open{opacity:1;visibility:visible}.side-drawer{position:fixed;top:0;right:-300px;width:300px;height:100vh;background-color:var(--white);box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;z-index:999;transition:right .3s ease;direction:rtl}.side-drawer.open{right:0}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--slate-200);background:var(--gradient-brand)}.drawer-brand{display:flex;align-items:center;gap:.75rem}.drawer-logo{width:36px;height:36px;background-color:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white)}.drawer-title{font-size:var(--font-size-xl);font-weight:600;color:var(--white)}.drawer-close-btn{background:none;border:none;color:var(--white);cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.drawer-close-btn:hover{background-color:#fff3}.drawer-profile{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--slate-200);background-color:var(--slate-50)}.profile-avatar{width:48px;height:48px;background:var(--gradient-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--font-size-xl);font-weight:600;flex-shrink:0}.profile-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.profile-name{font-size:var(--font-size-base);font-weight:600;color:var(--slate-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:var(--font-size-sm);color:var(--slate-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-nav{flex:1;padding:1rem 0;overflow-y:auto}.drawer-nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;color:var(--slate-600);text-decoration:none;font-size:var(--font-size-base);font-weight:500;transition:all .2s ease;border-right:3px solid transparent}.drawer-nav-item:hover{background-color:var(--slate-50);color:var(--slate-800)}.drawer-nav-item.active{background-color:var(--slate-100);color:var(--slate-900);border-right-color:var(--violet-500)}.drawer-nav-item.active svg{color:var(--violet-500)}.drawer-nav .drawer-logout-btn{margin-top:.5rem;padding-top:.875rem;border-top:1px solid var(--slate-200);text-align:right}.drawer-logout-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:.875rem 1.25rem;background:none;border:none;color:var(--red-600);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:color .2s ease}.drawer-logout-btn:hover{color:var(--red-800);background-color:var(--slate-50)}@media(max-width:480px){.side-drawer{width:280px;right:-280px}}.App{min-height:100vh;background-color:var(--slate-50);overflow-x:hidden;max-width:100%;width:100%}.top-bar{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--gradient-brand);box-shadow:0 2px 8px #00000026;box-sizing:border-box;margin:0}.menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff26;border:none;border-radius:10px;color:var(--white);cursor:pointer;transition:background-color .2s ease}.menu-btn:hover{background:#ffffff40}.top-bar-brand{display:flex;align-items:center;gap:.5rem}.top-bar-logo{width:32px;height:32px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white)}.top-bar-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--white)}.top-bar-spacer{width:40px}main{padding:60px 0 0;direction:rtl;max-width:100%;width:100%;overflow-x:hidden}@media(max-width:640px){.top-bar{padding:.5rem .75rem}main{padding-top:56px}.menu-btn{width:36px;height:36px}.top-bar-logo{width:28px;height:28px}.top-bar-title{font-size:var(--font-size-base)}.top-bar-spacer{width:36px}.App-header{flex-direction:column;gap:1rem;padding:1rem}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;background-color:var(--slate-50)}.loading-spinner{width:48px;height:48px;border:3px solid var(--slate-200);border-top-color:var(--violet-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.invitation-modal{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;box-shadow:0 10px 40px #0003;overflow:hidden}.invitation-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:30px 40px;text-align:center}.invitation-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.invitation-content{padding:30px 40px}.invitation-info{margin-bottom:30px}.invitation-greeting{font-size:18px;margin-bottom:15px;color:#333}.invitation-message{font-size:16px;line-height:1.6;margin-bottom:15px;color:#666}.invitation-message strong{color:#667eea;font-weight:600}.invitation-description{font-size:14px;line-height:1.6;color:#888;margin-bottom:20px}.invitation-warning{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 16px;margin:15px 0}.invitation-warning p{margin:0;font-size:14px;color:#856404;line-height:1.5}.invitation-expires{font-size:12px;color:#999;font-style:italic;margin-top:15px;margin-bottom:0}.invitation-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.invitation-actions .btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;flex:1;min-width:140px}.invitation-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.invitation-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.invitation-actions .btn-secondary{background:#f0f0f0;color:#666}.invitation-actions .btn-secondary:hover:not(:disabled){background:#e0e0e0}.invitation-actions .btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.invitation-modal{max-width:95%}.invitation-header{padding:24px 20px}.invitation-header h2{font-size:20px}.invitation-content{padding:24px 20px}.invitation-actions{flex-direction:column}.invitation-actions .btn{width:100%;min-width:auto}}:root{font-family:Assistant,Heebo,Segoe UI Hebrew,Arial Hebrew,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--violet-500: #8b5cf6;--indigo-600: #4f46e5;--white: #ffffff;--gradient-brand: linear-gradient(135deg, #8b5cf6 0%, #4f46e5 100%);--blue-100: #dbeafe;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--yellow-100: #fef9c3;--yellow-800: #854d0e;--orange-500: #f97316;--orange-600: #ea580c;--red-100: #fee2e2;--red-500: #ef4444;--red-600: #dc2626;--red-800: #991b1b;--green-100: #dcfce7;--green-600: #16a34a;--green-800: #166534;--coral: #f97171;--pink-100: #fce7f3;--pink-800: #9d174d;--teal: #14b8a6;--purple-100: #f3e8ff;--purple-800: #6b21a8;--amber-100: #fef3c7;--amber-800: #92400e;--emerald: #10b981;--lavender: #e9d5ff}*{box-sizing:border-box}html{direction:rtl;overflow-x:hidden;max-width:100%;width:100%}body{margin:0;min-width:320px;min-height:100vh;direction:rtl;overflow-x:hidden;max-width:100%;width:100%}#root{min-height:100vh;direction:rtl;position:relative;overflow-x:hidden;max-width:100%;width:100%}.week-view,.month-view,.react-datepicker-wrapper,.react-datepicker__input-container,.react-datepicker-popper,.react-datepicker,.react-datepicker__month-container,.react-datepicker__time-container{direction:ltr}