.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.acceuil-container{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:20px;max-width:1400px;margin:0 auto;font-family:Segoe UI,system-ui,sans-serif}.calendar-card,.stats-card{border:1px solid #e0e0e0}.stats-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d;height:fit-content}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.stats-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.notification-badge{background:#ff4757;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{text-align:center;padding:12px;background:#f8f9fa;border-radius:8px}.stat-value{font-size:24px;font-weight:700;color:#2f3542;margin-bottom:4px}.stat-label{font-size:12px;color:#747d8c;text-transform:uppercase;letter-spacing:.5px}.calendar-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.add-event-btn{background:#5352ed;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.add-event-btn:hover{background:#3742fa;transform:translateY(-1px)}.modern-calendar{width:100%;border:none;font-family:inherit;background-color:#fff;margin-bottom:24px}.modern-calendar .react-calendar__navigation{margin-bottom:8px}.modern-calendar .react-calendar__navigation button{background:none;border:none;color:#2f3542;font-weight:500;min-width:44x}.modern-calendar .react-calendar__month-view__weekdays{margin-bottom:8px}.modern-calendar .react-calendar__month-view__weekdays__weekday{font-size:12px;text-transform:uppercase;color:#57606f;text-align:center}.modern-calendar .react-calendar__tile{padding:8px;border-radius:8px;transition:all .2s ease}.modern-calendar .react-calendar__tile--now{background:#5352ed;color:#fff}.modern-calendar .react-calendar__tile--active{background:#2ed573!important;color:#fff!important}.calendar-event-day{background:#ffa502!important;color:#fff!important;font-weight:700}.events-list{margin-top:20px}.events-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.event-items{list-style:none;padding:0;margin:0}.event-item{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:12px;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.event-item.completed{opacity:.7}.event-item.completed .event-text{text-decoration:line-through;color:#747d8c}.event-content{flex:1;cursor:pointer}.event-text{font-size:15px;color:#2f3542;margin-bottom:4px;font-weight:700}.event-item:hover{background-color:#eef0f4;cursor:pointer}.event-item{transition:background-color .2s ease}.small-view-btn{padding:4px 10px;font-size:13px;height:auto}.view-container{margin-left:auto}.event-meta{display:flex;align-items:center;gap:12px;font-size:13px}.event-user{color:#57606f;font-style:italic}.view-btn{background:none;border:none;color:#5352ed;font-size:13px;cursor:pointer;padding:0}.event-actions{display:flex;gap:8px;margin-left:12px}.complete-btn,.edit-btn,.delete-btn{background:none;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s ease}.no-events{text-align:center;padding:20px;color:#747d8c;font-size:14px;background:#f8f9fa;border-radius:8px}.event-edit{width:100%}.edit-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:15px;margin-bottom:12px}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.save-btn{background:#2ed573;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.cancel-btn{background:#ff4757;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.icon-eye{background:#a1a0a0;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease,color .2s ease,transform .2s ease}.event-item:hover .icon-eye{background:#fff;color:#000;transform:scale(1.1)}.modal-dialog{position:relative;background:#fff;border-radius:12px;padding:24px;width:100%;max-width:500px;z-index:1001;box-shadow:0 10px 25px #0000001a}.modal h3{margin-top:0;margin-bottom:16px;font-size:20px;color:#2f3542}.modal-date{color:#57606f;font-size:14px;margin-bottom:20px}.modal-body{margin-bottom:24px}.modal-body label{display:block;margin-bottom:8px;font-size:14px;color:#57606f}.modal-input{width:95%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:15px}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.modal-footer.single{justify-content:center}.modal-btn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.modal-btn.primary{background:#5352ed;color:#fff}.modal-btn.primary:hover{background:#3742fa}.modal-btn.secondary{background:#f1f2f6;color:#57606f}.modal-btn.secondary:hover{background:#dfe4ea}.event-details{margin-top:20px}.detail-row{margin-bottom:16px}.detail-label{display:block;font-size:14px;color:#57606f;margin-bottom:4px}.detail-value{font-size:16px;color:#2f3542}.detail-text{margin:0;padding:12px;background:#f8f9fa;border-radius:6px;font-size:15px}.left-column{display:flex;flex-direction:column;gap:24px}.birthdays-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000000d;border:1px solid #e0e0e0}.comment-textarea{word-wrap:break-word;white-space:pre-wrap}.birthday-comment{margin-top:4px;font-size:13px;color:#57606f;white-space:pre-wrap;word-break:break-word;line-height:1.4}.birthdays-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.birthdays-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.birthday-count{background:#ff6b81;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.birthday-list{display:flex;flex-direction:column;gap:12px}.birthday-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;transition:all .2s ease}.birthday-item:hover{background:#f8f9fa}.birthday-photo{width:100px;height:100px;border-radius:50%;overflow:hidden}.birthday-photo img{width:100%;height:100%;object-fit:cover}.birthday-info{flex:1}.birthday-name{font-weight:500;color:#2f3542;margin-bottom:2px}.birthday-date{font-size:13px;color:#57606f}.no-birthdays{text-align:center;padding:20px;color:#747d8c;font-size:14px;background:#f8f9fa;border-radius:8px}.stat-link{cursor:pointer;transition:background .2s ease}.stat-link:hover{background:#e9ecef}.calendar-past-event-day{background:#dfe4ea!important;color:#57606f!important;font-weight:400}@media (max-width: 768px){.acceuil-container{display:flex;flex-direction:column;padding:16px;gap:16px}.left-column{width:100%}.stats-card,.birthdays-card,.calendar-card{width:80%}.stats-grid{grid-template-columns:1fr}.event-item{flex-direction:column;align-items:flex-start;gap:.5rem}.event-meta{justify-content:space-between;width:100%}.birthday-photo{width:60px;height:60px}.birthday-item{align-items:flex-start;gap:1rem}.modal-dialog{width:95%;padding:1rem}.modal-input{width:100%}}:root{--primary-color: #6e48aa;--primary-dark: #4a2d7a;--secondary-color: #9d50bb;--accent-color: #4776e6;--dark-bg: #1a1a2e;--darker-bg: #16213e;--light-text: #f1f1f1;--lighter-text: #ffffff;--dark-text: #333;--success-color: #4CAF50;--warning-color: #ff9800;--danger-color: #f44336;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:var(--dark-text)}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:1rem;background:#4a2d7a;box-sizing:border-box}.login-box{background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:350px;transform:translateY(-20px);transition:var(--transition)}.login-box:hover{box-shadow:0 10px 20px #00000026}.login-box h2{color:var(--primary-color);text-align:center;margin-bottom:1rem}.login-box input{padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:var(--border-radius);transition:var(--transition);width:100%;box-sizing:border-box}.login-box input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #6e48aa33}.login-box button{padding:.75rem;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:var(--transition)}.login-box button:hover{background:linear-gradient(to right,var(--primary-dark),var(--secondary-color));transform:translateY(-2px)}.error{color:var(--danger-color);font-size:.9rem;text-align:center}.mobile-header{background-color:var(--dark-bg);padding:1rem;display:flex;flex-direction:column;align-items:center}.mobile-header-top{display:flex;justify-content:center;align-items:center;margin-bottom:.75rem}.mobile-header .sidebar-logo{width:200px;height:auto}@media (max-width: 480px){.login-box{padding:1.5rem;gap:1rem}.login-box h2{font-size:1.5rem}.login-box input,.login-box button{font-size:1rem}}.dashboard{display:flex;height:100vh;background-color:#f9f9f9}.notification-badge{position:absolute;top:8px;right:12px;background-color:var(--danger-color);color:#fff;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700;line-height:1;min-width:20px;text-align:center}.sidebar{width:280px;background:var(--dark-bg);padding:0;display:flex;flex-direction:column;justify-content:space-between;color:var(--light-text);box-shadow:2px 0 10px #0000001a}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{margin:0;color:var(--lighter-text);font-size:1.5rem}.sidebar-menu{padding:1.5rem;flex-grow:1}.menu-section-title{color:#ffffffb3;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.menu-item{margin:.5rem 0;cursor:pointer;padding:.75rem 1rem;border-radius:var(--border-radius);display:flex;align-items:center;transition:var(--transition)}.menu-item:hover{background-color:#ffffff1a}.menu-item.active{background-color:var(--primary-color);color:#fff;font-weight:500}.menu-icon{margin-right:.75rem;font-weight:700}.logout{padding:1rem;background-color:var(--darker-bg);color:var(--light-text);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);border-top:1px solid rgba(255,255,255,.1)}.logout:hover{background-color:#ffffff1a}.logout-icon{margin-right:.5rem}.content{flex:1;padding:2rem;overflow-y:auto;background-color:#fff}.content.no-scroll{overflow:hidden!important;padding:0!important}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee}.content-header h1{color:var(--primary-dark);margin:0}.user-badge{background-color:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.modern-input{padding:.75rem 1rem;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);width:90%;margin-bottom:1rem}.modern-input-destinataire{padding:.75rem 1rem;font-size:1rem;width:90%;margin-bottom:1rem}.modern-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #6e48aa33}.modern-select{padding:.75rem 1rem;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background-color:#fff;margin-bottom:1rem}.modern-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #6e48aa33}.modern-button{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:var(--transition);font-weight:500;display:inline-flex;align-items:center;justify-content:center;background-color:#4a2d7a;color:#fff}.modern-button.primary{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:#fff}.modern-button.primary:hover{background:linear-gradient(to right,var(--primary-dark),var(--secondary-color));transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.modern-button.success{background-color:var(--success-color);color:#fff}.modern-button.danger{background-color:var(--danger-color);color:#fff}.modern-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.modern-button:disabled{opacity:.6;cursor:not-allowed}.rdv-container{background:#fff;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--box-shadow)}.rdv-actions{display:flex;gap:.5rem;flex-shrink:0}.rdv-calendar-section{display:flex;flex-direction:row;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.rdv-calendar-section{flex-direction:column}.rdv-input-container{width:100%}}.calendar-wrapper{background:#fff;border-radius:var(--border-radius);padding:1rem;box-shadow:var(--box-shadow)}.modern-calendar{border:none!important;width:100%!important}.rdv-input-container{display:flex;flex-direction:column;width:50%}.rdv-lists{margin-top:2rem}.rdv-list{background:#f9f9f9;border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem}.rdv-items{list-style:none;padding:0;margin:0}.rdv-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:var(--border-radius);margin-bottom:.75rem;box-shadow:0 2px 4px #0000000d}.rdv-info{display:flex;align-items:center;flex-grow:1;gap:1rem}.rdv-date{font-weight:500;color:var(--primary-color)}.rdv-time{font-weight:500}.rdv-item.completed .rdv-text{text-decoration:line-through;color:#999}.react-calendar .has-rdv{background-color:var(--primary-color)!important;color:#fff!important;border-radius:50%!important}.ups-wrapper{height:100vh;overflow:hidden;padding:0;margin:0}.ups-container{position:relative;top:-80px;height:calc(100vh + 100px)}.ups-iframe{border:none;width:100%;height:100%}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 1rem}.sidebar-logo{width:244px;height:120px;object-fit:contain}.logo-login{width:250px;height:auto;display:block;margin:0 auto 1.5rem;object-fit:contain}.tmex-wrapper{height:100vh;overflow:hidden;padding:0;margin:0}.tmex-container{position:relative;top:-80px;height:calc(100vh + 100px)}.tmex-iframe{border:none;width:100%;height:100%}.user-badge-container{position:relative;display:inline-block}.user-badge{background-color:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;display:flex;align-items:center;cursor:pointer;transition:var(--transition)}.user-badge:hover{background-color:var(--primary-dark)}.dropdown-icon{transition:transform .3s}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;margin-top:.5rem;background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:90vw;z-index:100;overflow:hidden;box-sizing:border-box}.dropdown-item{width:100%;padding:.75rem 1rem;text-align:left;border:none;background:none;cursor:pointer;transition:var(--transition);color:var(--dark-text)}.dropdown-item:hover{background-color:#f5f5f5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);width:100%;max-width:400px}.modal-content h3{margin-top:0;color:var(--primary-dark)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.error-message{color:var(--danger-color);margin:.5rem 0;font-size:.9rem}@media (max-width: 576px){.dashboard{flex-direction:column;height:auto}.sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:.5rem 0}.sidebar-menu{display:flex;flex-direction:row;overflow-x:auto;padding:.5rem;gap:1rem}.menu-item{flex:0 0 auto;font-size:.85rem;padding:.5rem .75rem}.logout{display:none}.content{padding:1rem}.content-header{flex-direction:column;align-items:flex-start;gap:1rem}.user-badge{width:100%;justify-content:space-between}.rdv-item{flex-direction:column;align-items:flex-start;gap:.5rem}.rdv-actions{width:100%;display:flex;justify-content:flex-end;gap:.5rem}.rdv-edit{flex-direction:column;width:100%}.modern-input,.modern-select,.modern-button{width:100%}.modal-content{width:95%;padding:1rem}.calendar-wrapper{padding:.5rem}.rdv-input-container{gap:.5rem}}.mobile-widget-dropdown{width:100%;padding:1rem;display:flex;justify-content:center;z-index:100}.full-width-dropdown{width:100%;padding:.75rem 1rem;font-size:1rem;border-radius:var(--border-radius);border:none;color:#333;background-color:#fff}html{font-size:16px}@media (max-width: 768px){html{font-size:14px}.modal-overlay{padding:20px}}@media (max-width: 480px){html{font-size:13px}}.mobile-widget-dropdown{display:none}@media (max-width: 768px){.mobile-widget-dropdown{display:block;width:95.4%;padding:.75rem;position:sticky;top:0;z-index:1000}.sidebar{display:none!important}.full-width-dropdown{width:100%;padding:.75rem;font-size:1rem;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.3);background-color:#ffffffe6;color:var(--dark-text)}}@media (max-height: 500px) and (orientation: landscape){.dashboard{height:auto;min-height:100vh}.sidebar{width:220px;padding-top:.5rem}.content{padding:1rem}.rdv-item{padding:.5rem}.rdv-text{font-size:.9rem}.modern-button{padding:.5rem .75rem;font-size:.85rem}}@media (max-width: 768px) and (orientation: portrait){.dashboard{flex-direction:column}.content{padding:1rem}.rdv-item{flex-direction:column;align-items:stretch;gap:.5rem}.rdv-actions{justify-content:flex-end;width:100%}}.rdv-text,.event-text,.birthday-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media (max-width: 768px){.rdv-text,.event-text,.birthday-name{white-space:normal;word-break:break-word}}.modern-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:fit-content}@media (max-width: 480px){.modern-button{padding:.5rem;font-size:.85rem}.rdv-actions{flex-wrap:wrap;gap:.25rem}.rdv-actions button{flex:1 1 30%;min-width:0}}.todo-filters{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.todo-input-search,.todo-input-date,.todo-select-priority,.todo-select-user{margin-right:15px;margin-bottom:15px;padding:5px 1px 5px 3px;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;box-sizing:border-box}@media (max-width: 768px){.todo-input-search,.todo-input-date,.todo-select-priority,.todo-select-user{width:100%;max-width:100%;margin-right:0}}.todo-task-item{background:#f9f9f9;border-radius:8px;padding:.75rem;margin-bottom:.5rem;box-shadow:0 1px 3px #0000000d;transition:background .2s;cursor:pointer}.todo-task-item:hover{background:#f1f1f1}.todo-task-content{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.todo-task-text{font-weight:500;flex-grow:1;min-width:150px}.todo-task-date,.todo-task-recipient{font-size:.85rem;color:#666;white-space:nowrap}.todo-priority-indicator{width:10px;height:10px;border-radius:50%;display:inline-block}.reminder-button{background:none;border:none;cursor:pointer;margin-left:5px;font-size:1rem;color:#007bff;transition:transform .2s}.reminder-button:hover{transform:scale(1.2)}.todo-responsive-container{width:90%;max-width:1400px;margin:0 auto;padding:1rem}@media (min-width: 1025px){.todo-filters{flex-wrap:nowrap}}@media (min-width: 601px) and (max-width: 1024px){.todo-filters{flex-wrap:wrap}.todo-input-search,.todo-input-date,.todo-select-priority{flex:1 1 calc(50% - .75rem)}}@media (max-width: 600px){.todo-input-search,.todo-input-date,.todo-select-priority{flex:1 1 100%}}.todo-input-section{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:10px;box-shadow:0 2px 8px #0000001a}.todo-columns-container{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.todo-columns-container{display:grid;grid-template-areas:"pending done" "sent sent";grid-template-columns:1fr 1fr;gap:2rem}.todo-column:nth-child(1){grid-area:pending}.todo-column:nth-child(2){grid-area:done}.todo-column.todo-sent-column{grid-area:sent;display:block}}@media (min-width: 768px) and (max-width: 1023px){.todo-columns-container{grid-template-columns:1fr 1fr}.todo-sent-column{display:none}}.todo-column{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 2px 8px #0000001a}.todo-column-title{font-size:1.25rem;margin-bottom:1rem;color:#333;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.todo-filter-row{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}@media (min-width: 768px){.todo-input-section{grid-template-columns:1fr 2fr 1fr auto}.todo-filter-row{grid-template-columns:2fr 1fr 1fr}}.todo-task-list{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto}.todo-task-item{display:flex;flex-direction:column;padding:.75rem;margin-bottom:.75rem;border-radius:10px;background:#fff;border:1px solid #e0e0e0;transition:all .2s ease;animation:fadeIn .3s ease-out;box-shadow:0 2px 6px #0000000d;cursor:pointer}.todo-task-item:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.todo-highlight-task{animation:pulse 2s infinite;border-left:4px solid #4a6bdf}@keyframes pulse{0%{box-shadow:0 0 #4a6bdf66}70%{box-shadow:0 0 0 10px #4a6bdf00}to{box-shadow:0 0 #4a6bdf00}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.todo-task-content{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;cursor:pointer}.todo-priority-indicator{width:12px;height:12px;border-radius:50%;display:inline-block}.todo-task-date,.todo-task-sender,.todo-task-recipient{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.todo-task-text{white-space:normal;overflow-wrap:break-word;word-break:break-word;font-weight:500;flex:1;min-width:120px}.todo-task-date{font-size:.85rem;color:#666}.todo-task-sender{font-size:.8rem;color:#555;background:#f0f0f0;padding:.2rem .5rem;border-radius:12px}.todo-reminder-badge{font-size:.75rem;background:#ff4d4d;color:#fff;padding:.2rem .5rem;border-radius:12px;font-weight:700}.todo-task-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.todo-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.reminder-button{--reminder-color: #ff5a5f;--hover-bg: rgba(255, 90, 95, .08);border:none;background:transparent;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.reminder-icon{font-size:1.1rem;color:var(--reminder-color);transition:all .3s ease;display:inline-block}.reminder-button:hover .reminder-icon{transform:scale(1.15) rotate(-10deg);animation:ring .5s ease}.reminder-button:active{transform:scale(.95)}.reminder-button:focus-visible{outline:2px solid var(--reminder-color);outline-offset:2px}@keyframes ring{0%{transform:rotate(0) scale(1)}25%{transform:rotate(10deg) scale(1.1)}50%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(5deg) scale(1.1)}to{transform:rotate(0) scale(1.15)}}.reminder-button:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle,var(--reminder-color) 1%,transparent 1%) center/15000%;opacity:0;transition:opacity .5s,background-size .5s}.reminder-button:active:after{background-size:100%;opacity:.2;transition:background-size 0s}.complete-btn,.edit-btn,.delete-btn,.restore-btn{background:none;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s ease}.restore-btn{color:#2e84d5;border:1px solid #2e55d5}.restore-btn:hover{background:#392ed5;color:#fff}.complete-btn{color:#2ed573;border:1px solid #2ed573}.complete-btn:hover{background:#2ed573;color:#fff}.edit-btn{color:#ffa502;border:1px solid #ffa502}.edit-btn:hover{background:#ffa502;color:#fff}.delete-btn{color:#ff4757;border:1px solid #ff4757}.delete-btn:hover{background:#ff4757;color:#fff}.todo-input-field{width:85%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;transition:border .2s ease}.todo-select-field{width:100%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:6px;font-size:.875rem;transition:border .2s ease}.todo-input-field:focus,.todo-select-field:focus{outline:none;border-color:#4a6bdf;box-shadow:0 0 0 2px #4a6bdf33}.todo-select-field{background-color:#fff}.todo-completed-list .todo-task-text{text-decoration:line-through;color:#888}.todo-completed-list .todo-task-date{color:#aaa}.todo-sent-item .todo-task-content{flex-direction:column;align-items:flex-start;gap:.25rem}.task-modal-text{width:100%;overflow-wrap:break-word}.todo-task-recipient{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#666;width:100%;justify-content:space-between}@media (max-width: 500px){.todo-seclect-field{width:100%}.todo-input-field{width:92%}}@media (max-width: 414px){.todo-seclect-field{width:100%}.todo-input-field{width:92%}}@media (max-width: 430px){.todo-seclect-field{width:100%}.todo-input-field{width:92%}}@media (max-width: 375px){.todo-seclect-field{width:100%}.todo-input-field{width:92%}}.modern-modal-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.modal-close-button{background:none;border:none;padding:4px;cursor:pointer;color:#6b7280;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:#f3f4f6;color:#111827}.modal-close-button svg{display:block}.modal-body{padding:24px;overflow-y:auto;flex-grow:1}.modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;background:#f9fafb}.task-meta-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:20px}.meta-icon{width:40px;height:40px;border-radius:8px;background:#eef2ff;display:flex;align-items:center;justify-content:center;color:#4f46e5;flex-shrink:0}.meta-content{flex-grow:1}.meta-label{margin:0;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.meta-value{margin:4px 0 0;font-size:1rem;font-weight:500;color:#111827}.meta-date{margin:4px 0 0;font-size:.875rem;color:#6b7280}.task-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px}.detail-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px}.detail-icon{width:36px;height:36px;border-radius:6px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#4b5563;flex-shrink:0}.detail-content{flex-grow:1}.detail-label{margin:0;font-size:.75rem;color:#6b7280;font-weight:500}.detail-value{margin:4px 0 0;font-size:.9375rem;font-weight:500;color:#111827;overflow-wrap:break-word;word-break:break-word;white-space:normal;max-width:100%}.priority-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8125rem;font-weight:500;margin-top:4px}.priority-badge[data-priority=high]{background:#fee2e2;color:#b91c1c}.priority-badge[data-priority=medium]{background:#fef3c7;color:#92400e}.priority-badge[data-priority=low]{background:#dcfce7;color:#166534}.task-description{margin-top:20px}.description-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#4b5563}.description-header h4{margin:0;font-size:1rem;font-weight:600}.description-content{padding:16px;background:#f8f9fa;border-radius:8px;line-height:1.5;color:#374151;white-space:pre-wrap}.send-task-section{margin-top:24px}.input-group{margin-bottom:12px}.input-group label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:8px}.modern-input,.modern-input-clock,.modern-input-description{width:95%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.9375rem;transition:all .2s ease}@media (max-width: 412px){.modern-input{width:185%}.modern-input-description,.modern-input-clock{width:90%}}.modern-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.error-message{display:flex;align-items:center;gap:6px;color:#dc2626;font-size:.875rem;margin-top:8px}.modern-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;gap:8px}.modern-button.primary{background:#4f46e5;color:#fff}.modern-button.primary:hover{background:#4338ca}.modern-button.with-icon svg{width:18px;height:18px}.todo-task-main{cursor:pointer}@media (max-width: 600px){.modal-body{padding:16px}.task-details-grid{grid-template-columns:1fr}.modal-header,.modal-footer{padding:16px}}