@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");@font-face{font-family:Insignia Roman;src:url(/fonts/Insignia-Roman.ttf) format("truetype");font-weight:400;font-style:normal}.topbar1{width:100%;min-height:64px;height:84px;display:grid;grid-template-columns:240px 1fr 150px;align-items:center;position:relative;z-index:100;background:#ffffff;border-bottom:1px solid #e6eef0;box-shadow:0 2px 8px rgba(2,79,85,.05);padding:0 16px;box-sizing:border-box;overflow:hidden}.profile-section{width:240px;display:flex;align-items:center;gap:10px;min-width:0;flex-shrink:0}.profile-img,.profile-placeholder{width:38px;height:38px;min-width:38px;border-radius:50%;object-fit:cover}.profile-placeholder{background:#d5f2f8;border:1px solid #9bd8db}.profile-info{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.profile-namedash{color:#024f55;font-size:13px;font-weight:600;line-height:17px}.profile-designation,.profile-namedash{width:100%;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-designation{color:#6d8588;font-size:11px;line-height:14px}.topbar-middle{width:100%;display:grid;grid-template-columns:1fr auto 1fr}.org-name-section,.topbar-middle{height:100%;min-width:0;align-items:center;box-sizing:border-box;overflow:hidden}.org-name-section{grid-column:2;max-width:320px;display:flex;justify-content:center;padding:0 12px}.org-name-text{width:100%;font-family:Insignia Roman,sans-serif;display:flex;align-items:center;justify-content:center;color:#024f55;font-size:24px;font-weight:700;letter-spacing:.1px}.org-name-text,.org-name-text span{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-name-text span{max-width:100%}.topbar-celebration-section{grid-column:3;width:100%;height:100%;justify-content:flex-end;gap:12px;padding:0 8px 0 12px;box-sizing:border-box}.celebration-pill-birthday{max-width:235px;min-width:0;display:flex;align-items:center;gap:5px;height:28px;padding:0 9px 0 5px;box-sizing:border-box;background:linear-gradient(135deg,#fff9e6,#fff3c9);border:1px solid #f0d56e;border-radius:50px;box-shadow:0 1px 5px rgba(230,180,40,.12);white-space:nowrap;position:relative;overflow:visible}.celebration-pill-birthday .pill-icon{width:21px;height:21px;min-width:21px;display:flex;align-items:center;justify-content:center;font-size:12px;background:#ffffff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.06)}.celebration-pill-birthday .pill-name{min-width:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;color:#7a5c00}.celebration-pill-birthday .pill-arrow{flex-shrink:0;font-size:10px;color:#c9a227;margin-left:0}.celebration-pill-anniversary{max-width:245px;min-width:0;display:flex;align-items:center;gap:5px;height:28px;padding:0 9px 0 5px;box-sizing:border-box;background:linear-gradient(135deg,#f5e8ff,#ebd5ff);border:1px solid #c4a0f0;border-radius:50px;box-shadow:0 1px 5px rgba(160,100,220,.1);white-space:nowrap;position:relative;overflow:visible}.celebration-pill-anniversary .pill-icon{width:21px;height:21px;min-width:21px;display:flex;align-items:center;justify-content:center;font-size:11px;background:#ffffff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.06)}.celebration-pill-anniversary .pill-name{min-width:0;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;color:#5b2d8e}.celebration-pill-anniversary .pill-arrow{flex-shrink:0;font-size:10px;color:#9b6ad6;margin-left:0}.pill-sparkle{position:absolute;font-size:8px;pointer-events:none;animation:pill-sparkle 2s ease-in-out infinite}.pill-sparkle-1{top:-6px;left:-4px}.pill-sparkle-2{bottom:-4px;right:-5px;animation-delay:.5s}.pill-sparkle-3{top:-4px;right:6px;animation-delay:1s}@keyframes pill-sparkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.icon-section{width:150px;min-width:150px;height:100%;justify-content:flex-end;gap:20px;color:#024f55}.icon-section,.icon-section>div{display:flex;align-items:center;flex-shrink:0;font-size:24px}.icon-section>div{width:28px;height:36px;position:relative;justify-content:center;cursor:pointer}.fa-icon{font-size:24px;transition:color .2s ease,transform .2s ease}.icon-section>div:hover .fa-icon{color:#3c949e;transform:scale(1.1)}.notification-icon{width:28px!important;height:36px!important}.notification-badge{position:absolute;top:-3px;right:-6px;min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#e64c4c;color:#ffffff;font-size:9px;font-weight:700;border:2px solid #ffffff;box-sizing:border-box}.calendar-toggle{width:28px!important;height:36px!important}.calendar-dropdown-inline,.desktop-calendar-overlay,.mobile-calendar-inline,.mobile-calendar-overlay{position:fixed;width:max-content;height:max-content;z-index:9999;pointer-events:none}.calendar-dropdown-inline>*,.desktop-calendar-overlay>*,.mobile-calendar-inline>*,.mobile-calendar-overlay>*{pointer-events:auto}.mobile-topbar-v2{width:100%;position:relative;z-index:100;background:#ffffff;border-bottom:1px solid #e6eef0;box-shadow:0 2px 8px rgba(2,79,85,.05)}.mobile-header-colored{min-height:56px;padding:8px 12px;box-sizing:border-box;flex-direction:column;gap:6px;background:linear-gradient(135deg,#001d4a)}.mobile-header-colored,.mobile-org-card{width:100%;display:flex;align-items:center;justify-content:center}.mobile-org-card{font-family:Insignia Roman,sans-serif;min-height:28px;color:#ffffff;font-size:15px;font-weight:700;margin-top:20px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-celebration-wrapper{width:100%;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.mobile-main-row{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;box-sizing:border-box;background:#ffffff}.mobile-profile-card{min-width:0;display:flex;align-items:center;gap:8px}.mobile-avatar,.mobile-avatar-placeholder{width:36px;height:36px;min-width:36px;border-radius:50%;object-fit:cover}.mobile-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#d5f2f8;border:1px solid #9bd8db;color:#024f55;font-size:14px;font-weight:700}.mobile-user-info{min-width:0;display:flex;flex-direction:column;gap:1px}.mobile-user-name{color:#024f55;font-size:13px;font-weight:700}.mobile-user-name,.mobile-user-role{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-role{color:#6d8588;font-size:10px}.mobile-action-buttons{display:flex;align-items:center;gap:4px}.mobile-action-btn{width:34px;height:34px;position:relative;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#f1f9fb;color:#024f55;cursor:pointer;transition:background .2s ease,transform .2s ease}.mobile-action-btn:hover{background:#d5f2f8}.mobile-action-btn:active{transform:scale(.95)}.mobile-action-btn svg{font-size:14px}.mobile-logout-btn{background:#fff3f3;color:#c94d4d}.mobile-logout-btn:hover{background:#ffe5e5}.mobile-badge{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;padding:0 3px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e64c4c;color:#ffffff;border:2px solid #ffffff;font-size:8px;font-weight:700}@media (max-width:1250px){.topbar1{grid-template-columns:215px 1fr 140px;padding:0 12px}.profile-section{width:215px}.profile-designation,.profile-namedash{max-width:155px}.icon-section{width:140px;min-width:140px;gap:17px}.topbar-celebration-section{gap:8px;padding:0 6px 0 10px}.celebration-pill-anniversary,.celebration-pill-birthday{max-width:205px}}@media (max-width:1100px){.topbar1{grid-template-columns:185px 1fr 125px;padding:0 10px}.profile-section{width:185px;gap:8px}.profile-img,.profile-placeholder{width:36px;height:36px;min-width:36px}.profile-designation,.profile-namedash{max-width:135px}.org-name-text{font-size:14px}.org-name-section{max-width:260px;padding:0 8px}.topbar-celebration-section{gap:7px;padding:0 4px 0 8px}.celebration-pill-anniversary,.celebration-pill-birthday{height:27px;padding-right:8px}.celebration-pill-anniversary .pill-name,.celebration-pill-birthday .pill-name{max-width:95px;font-size:9px}.celebration-pill-anniversary .pill-icon,.celebration-pill-birthday .pill-icon{width:20px;height:20px;min-width:20px}.icon-section{width:125px;min-width:125px;gap:14px}}@media (max-width:768px){.topbar1{display:none}.mobile-topbar-v2{display:block}}@media (max-width:420px){.mobile-header-colored{padding-left:8px;padding-right:8px}.mobile-org-card{font-size:13px;margin-bottom:0}.mobile-main-row{padding-left:8px;padding-right:8px}.mobile-user-name,.mobile-user-role{max-width:110px}.mobile-action-buttons{gap:3px}.mobile-action-btn{width:32px;height:32px}.mobile-avatar,.mobile-avatar-placeholder{width:34px;height:34px;min-width:34px}}@media (prefers-reduced-motion:reduce){.pill-sparkle{animation:none!important}}.topbar-celebration-section{width:320px;height:64px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.topbar-celebration-track{width:100%;display:flex;flex-direction:column;animation-name:topbarCelebrationVerticalScroll;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform}.topbar-celebration-item{overflow:hidden}@keyframes topbarCelebrationVerticalScroll{0%{transform:translateY(0)}15%{transform:translateY(0)}20%{transform:translateY(-44px)}35%{transform:translateY(-44px)}40%{transform:translateY(-88px)}55%{transform:translateY(-88px)}60%{transform:translateY(-132px)}75%{transform:translateY(-132px)}80%{transform:translateY(-176px)}95%{transform:translateY(-176px)}to{transform:translateY(-220px)}}.topbar-celebration-section .celebration-pill{width:100%;overflow:hidden;text-overflow:ellipsis}.topbar-celebration-section{overflow:hidden;min-width:0}.topbar-celebration-viewport{width:100%;height:44px;position:relative;overflow:hidden}.topbar-celebration-item{width:100%;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.topbar-celebration-section .celebration-pill{width:auto!important;max-width:none!important;min-width:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap;overflow:visible!important;text-overflow:clip!important}.topbar-celebration-section .celebration-pill-anniversary .pill-name,.topbar-celebration-section .celebration-pill-birthday .pill-name{display:inline-block}.topbar-celebration-section .celebration-pill-anniversary .pill-name,.topbar-celebration-section .celebration-pill-birthday .pill-name,.topbar-celebration-section .celebration-text,.topbar-celebration-section .pill-text{width:auto!important;max-width:none!important;overflow:visible!important;white-space:nowrap!important;text-overflow:clip!important;flex-shrink:0}.topbar-celebration-section .pill-arrow,.topbar-celebration-section .pill-icon{flex-shrink:0}@media (max-width:768px){.mobile-header-colored,.mobile-topbar-v2{width:100%;overflow:hidden}.mobile-celebration-wrapper{width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-wrap:nowrap;padding:0 4px;box-sizing:border-box}.mobile-celebration-wrapper .topbar-celebration-section{width:100%!important;max-width:100%!important;height:40px;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}.mobile-celebration-wrapper .topbar-celebration-viewport{width:100%;max-width:100%;height:40px;overflow:hidden;position:relative}.mobile-celebration-wrapper .topbar-celebration-item{width:100%;height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;overflow:visible}.mobile-celebration-wrapper .celebration-pill{width:auto!important;max-width:none!important;min-width:max-content;height:27px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible!important;white-space:nowrap!important;text-overflow:clip!important}.mobile-celebration-wrapper .celebration-pill-anniversary .pill-name,.mobile-celebration-wrapper .celebration-pill-birthday .pill-name{display:inline-block;font-size:9px}.mobile-celebration-wrapper .celebration-pill-anniversary .pill-name,.mobile-celebration-wrapper .celebration-pill-birthday .pill-name,.mobile-celebration-wrapper .celebration-text,.mobile-celebration-wrapper .pill-text{width:auto!important;max-width:none!important;min-width:max-content;overflow:visible!important;white-space:nowrap!important;text-overflow:clip!important;flex-shrink:0}.mobile-celebration-wrapper .pill-arrow,.mobile-celebration-wrapper .pill-icon{flex-shrink:0}}@media (max-width:420px){.mobile-celebration-wrapper{padding-left:2px;padding-right:2px}.mobile-celebration-wrapper .topbar-celebration-section{padding:0}.mobile-celebration-wrapper .celebration-pill{height:26px;padding-left:4px;padding-right:7px;gap:4px}.mobile-celebration-wrapper .celebration-pill-anniversary .pill-name,.mobile-celebration-wrapper .celebration-pill-birthday .pill-name{font-size:8.5px}.mobile-celebration-wrapper .pill-icon{width:19px;height:19px;min-width:19px;font-size:10px}}.dashboard{background:#fff;display:flex;flex-direction:column}.conentcontainerdeisgn,.dashboard{height:100vh}.sidebar{width:200px}.content-container{margin-left:200px;display:flex;background:#ddd;background-attachment:fixed;background-size:cover;height:620px;overflow-y:auto;margin-left:250px}.sidebar{width:250px;background-color:#fff;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;position:fixed;z-index:1}.main-content{flex:1;height:0;box-sizing:border-box}.main-content,.main-content h1{background-color:#ddd}.Dashboarddesign{height:95vh;padding:0;border-radius:5px;background-color:white}.Dashboard123{height:auto;padding:0;background-color:#0f98c2}@media screen and (max-width:768px){.content-container{flex-direction:column;width:100%;margin:0}.sidebar{position:relative;top:0;left:0;width:50%;height:auto;background-color:white;display:none;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-left:0;z-index:100}.sidebar.sidebar-open{transform:translateY(0)}.Dashboarddesign{height:100vh;padding:0;border-radius:5px;background-color:white}.main-content{width:100%;flex:1}.topbar{margin-top:-20%;position:relative;padding:0;background-color:#001d4a}.Dashboard123{margin-top:-5%;padding:0;background-color:#e8e9ea}}