@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.nav-bar{display:flex;justify-content:space-between;position:sticky;top:0;z-index:1000;background-color:#fff;box-shadow:0 4px 16px #0000000f;border-bottom:1px solid #f2f2f2;padding:15px;color:#007bff}.nav-bar h2{align-content:center;padding-left:5px}.nav-bar nav{display:flex;align-items:center;padding-top:5px}.nav-bar nav a{text-decoration:none;color:#000;padding-left:10px;transition:all .3s ease}.nav-bar nav a:hover{color:#007bff}.profile-info{display:flex;align-items:center;gap:8px}.nav-profile-pic{width:35px;height:35px;border-radius:50%;object-fit:cover}.menu-btn{display:none}.notification-btn{background:none;border:none;cursor:pointer;color:#000;font-size:1.1rem;position:relative;transition:all .3s ease}.notification-btn:hover,.notification-btn.active{color:#007bff}.notification-wrapper{position:relative;display:inline-block;margin-left:15px}.notification-dropdown{position:absolute;right:0;top:55px;background:#fff;box-shadow:0 2px 8px #00000026;border-radius:6px;width:320px;max-height:200px;overflow-y:auto;padding:8px 0;animation:fadeIn .2s ease}.notification-item{padding:10px 15px;font-size:.9rem;color:#333;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#dff0ff;color:#007bff}.time{font-size:.6rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.nav-bar nav a{display:none}.menu-btn{display:block;background:none;border:none;cursor:pointer}}.sidebar{position:fixed;top:0;left:-300px;width:250px;height:100%;background-color:#f5f5f5;box-shadow:2px 0 6px #0000001a;padding:20px;transition:left .3s ease;z-index:1200}.sidebar.open{left:0}.sidebar ul{list-style:none;padding:0}.sidebar ul li{margin:20px 0}.sidebar ul li a{text-decoration:none;color:#333;font-weight:500}.sidebar ul li a:hover{color:#007bff}.close-btn{background:none;border:none;font-size:1.3rem;position:absolute;top:15px;right:15px;cursor:pointer}.overlay{position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1100}.overlay.active{opacity:1;pointer-events:auto}.card{background:#fff;border-radius:14px;padding:1.4rem;border:1px solid #f2f2f2;box-shadow:0 4px 16px #0000000f;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000014;color:#007bff}.card p,.icon{font-size:1.5em}.chart-card{background:#fff;border-radius:14px;padding:1.4rem;border:1px solid #f2f2f2;box-shadow:0 4px 16px #0000000f}.chart-card h3{margin-bottom:1rem;font-size:1.1rem}.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}.calender-card{background:#fff;border-radius:14px;border:1px solid #f2f2f2;padding:1.4rem;box-shadow:0 4px 16px #0000000f}.calender-card{margin-bottom:1rem;font-size:1.1rem}.react-calendar{background:#fff;border-radius:16px;padding:1.2rem;border:none}.react-calendar__navigation button{color:#1a1a1a;font-weight:600;background:none;border:none;padding:8px;border-radius:8px;transition:background .2s ease}.react-calendar__navigation button:hover{background:#f0f4ff}.react-calendar__month-view__weekdays{text-transform:uppercase;font-size:.75rem;font-weight:600;color:#666;margin-bottom:6px}.react-calendar__tile{padding:12px 4px!important;border-radius:10px;transition:background .2s ease,transform .15s ease;color:#333}.react-calendar__tile:hover{background:#f3f6ff;transform:translateY(-2px)}.react-calendar__tile--active{background:#2563eb!important;color:#fff!important;border-radius:10px;box-shadow:0 4px 10px #2563eb40}.react-calendar__tile--now{background:#eff4ff!important;border-radius:10px;color:#2563eb!important;font-weight:600}.react-calendar__tile:disabled{background:#fafafa;color:#bbb}.selected-date{text-align:center;font-size:.92rem;color:#444;margin-top:.8rem}.activity-card{background-color:#f1f1f1;border-radius:10px;padding:10px;margin-top:10px;transition:all .3s ease}.activity-card:hover{transform:translateY(-3px);background-color:#dff0ff;color:#007bff}.table-container{padding:2rem;margin:0 15px}.table-container h2{margin-bottom:1.4rem;color:#1a1a1a;font-size:1.4rem;font-weight:600}.project-table{width:100%;border-collapse:collapse;font-size:.95rem}.project-table thead{background-color:#2563eb;color:#fff}.project-table th{padding:14px 16px;font-weight:600;letter-spacing:.3px;border:none}.project-table td{padding:14px 16px;color:#333;border:none;background:#fff;border-bottom:1px solid #ececec;transition:background .25s ease,transform .15s ease}.project-table tbody tr:hover td{color:#007bff;background-color:#dff0ff;transform:scale(1.01);cursor:pointer}.project-table tbody tr:last-child td{border-bottom:none}@media(max-width:768px){.table-container{padding:1rem;margin:0 10px}.project-table th,.project-table td{padding:12px;font-size:.9rem}}.profile-settings-container{max-width:520px;margin:2.5rem auto;padding:2.5rem}.profile-settings-container h2{color:#1a1a1a;font-size:1.6rem;margin-bottom:2rem;font-weight:600}.profile-form{display:flex;flex-direction:column;gap:1.2rem}.profile-pic-section{display:flex;flex-direction:column;align-items:center;gap:.9rem}.profile-pic{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #2563eb}.upload-btn{background-color:#2563eb;color:#fff;padding:.55rem 1.1rem;border-radius:8px;cursor:pointer;font-size:.92rem;border:none;transition:background .25s ease,transform .15s ease}.upload-btn:hover{background-color:#1d4ed8;transform:translateY(-2px)}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-weight:500;color:#333;font-size:.95rem}.form-group input{padding:.65rem .85rem;border:1px solid #dcdcdc;border-radius:8px;font-size:.95rem;transition:border .25s ease,box-shadow .25s ease}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;outline:none}.save-btn{background-color:#2563eb;color:#fff;padding:.85rem;border:none;border-radius:10px;font-size:1rem;cursor:pointer;margin-top:1.4rem;font-weight:500;transition:background .25s ease,transform .15s ease}.save-btn:hover{background-color:#1d4ed8;transform:translateY(-2px)}@media(max-width:600px){.profile-settings-container{padding:1.8rem;margin:1.5rem}.profile-pic{width:95px;height:95px}.save-btn{font-size:.95rem}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;padding:2rem 2rem 0;width:100%;box-sizing:border-box}.calendar-container{display:flex;justify-content:center;margin-bottom:1rem}.chart-container{width:100%;height:300px}.activities-container{background:#fff;border-radius:14px;padding:1.4rem;border:1px solid #f2f2f2;box-shadow:0 4px 16px #0000000f}*{margin:0;font-family:Inter,sans-serif}