:root{--ukfp-nav-teal:#118468;--ukfp-nav-ink:#162126;--ukfp-nav-muted:#667780;--ukfp-nav-line:#d8e2e5}
.ukfp-desktop-account{display:none;align-items:center;gap:10px;margin-left:auto}
.ukfp-location{display:inline-flex;align-items:center;gap:7px;color:var(--ukfp-nav-muted);font-size:12px;font-weight:800}
.ukfp-account{position:relative}.ukfp-account-trigger{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:5px 10px 5px 6px;border:1px solid var(--ukfp-nav-line);border-radius:999px;background:#fff;color:var(--ukfp-nav-ink)}
.ukfp-account-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e8f7f2;color:#087158;font-weight:900}.ukfp-account-name{font-size:13px;font-weight:900}
.ukfp-account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:80;width:220px;padding:7px;border:1px solid var(--ukfp-nav-line);border-radius:12px;background:#fff;box-shadow:0 16px 36px rgba(20,42,48,.16)}
.ukfp-account-menu[hidden]{display:none}.ukfp-account-menu a,.ukfp-account-menu button{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--ukfp-nav-ink);font:inherit;font-size:13px;font-weight:800;text-decoration:none;text-align:left}.ukfp-account-menu a:hover,.ukfp-account-menu button:hover{background:#f1f7f5}.ukfp-account-menu .danger{color:#b42318}
.ukfp-icon{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ukfp-bottom-nav{display:none}.ukfp-focus-action-bar{display:none}
@media(min-width:981px){.ukfp-desktop-account{display:flex}.ukfp-bottom-nav{display:none!important}}
@media(max-width:980px){
  body.ukfp-nav-visible{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  .ukfp-desktop-account{display:none!important}.ukfp-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(66px + env(safe-area-inset-bottom));padding:5px max(10px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-right));display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ukfp-nav-line);background:rgba(255,255,255,.96);box-shadow:0 -8px 24px rgba(20,42,48,.08);backdrop-filter:blur(14px)}
  .ukfp-bottom-nav a{width:54px;min-width:0;height:52px;place-self:center;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:16px;text-decoration:none;transition:box-shadow .16s ease,background .16s ease}.ukfp-bottom-nav a[data-nav-item="home"]{color:#087158;background:#e7f7f1}.ukfp-bottom-nav a[data-nav-item="attendance"]{color:#2264d1;background:#eaf1ff}.ukfp-bottom-nav a[data-nav-item="workspace"]{color:#7047bd;background:#f1ebff}.ukfp-bottom-nav a[data-nav-item="profile"]{color:#c05a16;background:#fff0e3}.ukfp-bottom-nav a[aria-current="page"]{border-color:currentColor;box-shadow:0 4px 13px rgba(20,42,48,.18)}.ukfp-bottom-nav a:focus-visible{outline:3px solid rgba(17,132,104,.25);outline-offset:2px}.ukfp-bottom-nav .ukfp-icon{width:27px;height:27px;stroke-width:2.2}
  body.ukfp-focus-mode{padding-bottom:calc(72px + env(safe-area-inset-bottom))}body.ukfp-focus-mode .ukfp-bottom-nav{display:none}.ukfp-focus-mode .ukfp-focus-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:75;display:grid;grid-template-columns:1fr 1.35fr;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--ukfp-nav-line);background:#fff;box-shadow:0 -8px 24px rgba(20,42,48,.1)}.ukfp-focus-action-bar button{min-height:52px}.ukfp-focus-action-bar .secondary{color:#344054;background:#eef3f4}
}