.top-bar-light{grid-area:navbar;display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#fff;height:64px;box-shadow:0 1px 2px #0000000d;z-index:1}.top-bar-dark{grid-area:navbar;display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#ffffffe6;height:64px}.top-bar-right{display:flex}.keva-logo-img{width:150px;height:auto;transition:width .3s ease;cursor:pointer}.keva-logo-img:hover{width:160px}.side-drawer{grid-area:sidebar;display:flex;flex-direction:column;background-color:#d6d6d61f;width:256px;height:100%;padding:0 8px 8px;align-items:flex-start;gap:8px;transition:width .3s ease;border-right:1px solid #e5e7eb;position:relative}.drawer-item{display:flex;flex-direction:row;gap:12px;align-items:center;padding:8px 16px;cursor:pointer;width:100%;font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#6d7079;transition:background-color .2s ease-out}.drawer-item:hover,.drawer-item.active{background-color:#f0f0f0;border-radius:8px;color:#000}.drawer-item-icon{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(55%) sepia(9%) saturate(11%) hue-rotate(321deg) brightness(92%) contrast(87%);transition:filter .2s ease}.drawer-item:hover .drawer-item-icon,.drawer-item.active .drawer-item-icon{filter:brightness(0) saturate(100%)}.drawer-profile-initial{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;border:2px solid rgba(255,255,255,.2)}.drawer-item-wrapper{width:100%}.drawer-submenu{display:flex;flex-direction:column;padding-left:36px;margin-top:4px;gap:4px}.drawer-submenu-item{display:flex;align-items:center;padding:6px 16px;font-family:Inter,sans-serif;font-weight:400;font-size:14px;color:#6d7079;border-radius:6px;transition:background-color .2s ease-out;text-decoration:none}.drawer-submenu-item:hover{background-color:#f0f0f0;color:#000}.drawer-submenu-item.active{background-color:#f0f0f0;color:#000;font-weight:500}.drawer-profile-section{width:100%;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.drawer-profile-image{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.2)}@media(max-width:900px){.keva-logo-img{width:100px}}@media(max-width:500px){.keva-logo-img{width:100px}.side-drawer{display:none}}.toast{background-color:#252525;border-radius:8px;box-shadow:0 2px 4px #5050501a;color:#fff}.nav-btn-light{color:#000;background-color:#fff;padding:.75rem;border-radius:.5rem;margin:.5rem;text-decoration:none;min-width:75px;text-align:center}.nav-btn-light:hover{cursor:pointer;transition:background-color .3s ease,transform .3s ease;background-color:#e3e3e3;transform:translateY(-.25px)}.logout-icon{width:30px;height:30px;cursor:pointer;transition:transform .3s ease,background-color .3s ease;border-radius:8px;padding:4px}.logout-icon:hover{transform:scale(1.1);background-color:#e3e3e3}.notification-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:.75rem;font-weight:400;background-color:#f0f0f0;color:#000;border-radius:.375rem}.drawer-item .notification-badge{margin-left:auto;margin-right:24px}.drawer-submenu-item .notification-badge{right:12px}.notification-badge:empty{display:none}.centered-nav-standalone{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#ffffffe6}.centered-nav-standalone-content{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 1.5rem;position:relative}.centered-nav-standalone-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.centered-nav-standalone-items{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2rem}.centered-nav-standalone-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.centered-nav-standalone-arrow{width:16px;height:auto;margin-left:8px}@media(max-width:1024px){.centered-nav-standalone-items,.centered-nav-standalone-actions{display:none}.centered-nav-standalone .centered-nav-mobile-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;color:#1f2937}}.centered-nav-bar{position:fixed;top:0;left:50%;transform:translate(-50%);width:30%;z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:auto}.centered-nav-bar-scrolled{top:16px;transform:translate(-50%);width:40%}.centered-nav-bar-content{display:flex;align-items:center;justify-content:space-between;gap:0;height:64px;padding:0 32px;width:100%;background:#fff9;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.centered-nav-bar-scrolled .centered-nav-bar-content{border-radius:32px;box-shadow:0 8px 48px #00000026,0 0 0 1px #fff6 inset;border:1px solid rgba(255,255,255,.5);background:#ffffff80;padding:0 64px;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%)}.centered-nav-item{position:relative;background:none;border:none;cursor:pointer;padding:8px 0;font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:#1f2937;transition:color .3s ease;text-decoration:none;display:flex;flex-direction:column;align-items:center}.centered-nav-item:hover{color:#000}.centered-nav-item-text{position:relative;z-index:1}.centered-nav-item-underline{position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:0;height:2px;background-color:#000;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.centered-nav-item-underline-active{width:100%;transform:translate(-50%) scaleX(1)}.centered-nav-desktop{display:flex;align-items:center;justify-content:space-between;gap:0;width:100%}.centered-nav-mobile-toggle,.centered-nav-mobile-dropdown{display:none}@media(max-width:1024px){.centered-nav-desktop{display:none}.centered-nav-mobile-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;color:#1f2937;transition:color .3s ease;margin:0 auto}.centered-nav-mobile-toggle:hover{color:#000}.centered-nav-bar,.centered-nav-bar-scrolled{width:80px}.centered-nav-bar-content{padding:12px 16px;justify-content:center}.centered-nav-bar-scrolled .centered-nav-bar-content{padding:12px 16px}.centered-nav-mobile-dropdown{display:flex;flex-direction:column;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:200px;background:#fff9;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a;padding:8px;gap:4px;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.centered-nav-bar-scrolled .centered-nav-mobile-dropdown{background:#ffffff80;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 48px #00000026,0 0 0 1px #fff6 inset}.centered-nav-mobile-item{background:none;border:none;cursor:pointer;padding:12px 16px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:#1f2937;transition:all .2s ease;text-align:center;border-radius:12px}.centered-nav-mobile-item:hover{background:#0000000d;color:#000}.centered-nav-mobile-item-iphone-only{display:none}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}@media(max-width:768px){.centered-nav-item{font-size:14px}}@media(max-width:480px){.centered-nav-mobile-item-iphone-only{display:block}.top-bar-right .nav-btn-dark{display:none}}