.title-bar{--titlebar-bg:#3b3b99;background:var(--company-brand, var(--titlebar-bg, #3b3b99));color:#111;display:flex;align-items:center;justify-content:space-between;gap:.15rem!important;padding:.3rem!important;border-radius:.75rem;min-height:64px;overflow:visible}:root{--tb-title-size: 1.28rem;--navbar-offset:56px}@media (min-width: 992px){:root{--navbar-offset:64px}}.title-bar .title-row{display:flex;align-items:center;gap:.5rem;--tb-title-size: clamp(1.35rem, 1rem + 1.2vw, 2rem)}.title-bar .title-row .view-title{font-size:var(--tb-title-size)!important}.title-bar .title-row i{font-size:var(--tb-title-size)!important;line-height:1;height:1em}.title-bar .view-title{color:#111!important;line-height:1.2;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,Liberation Sans,sans-serif!important;font-weight:600;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-bar i,.title-bar label.form-label{color:#111!important}.title-bar .left{flex:1 1 auto;min-width:0}.title-bar .right{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex:0 0 88px;width:88px}.title-bar .company-logo{height:72px!important;max-height:72px!important;width:auto;flex:0 0 auto;background:#fff;border-radius:.25rem;padding:2px;-o-object-fit:contain;object-fit:contain;display:block;box-sizing:border-box;aspect-ratio:3 / 1}.title-bar .selector-wrap .company-select{min-width:220px}.title-bar.title-bar--stack-mobile{flex-wrap:wrap}.title-bar.title-bar--stack-mobile .right{margin-left:auto}.title-bar .selector-wrap .form-select option{color:#111!important;background:#fff!important}.title-bar .selector-wrap .form-select option:checked{color:#111!important;background:#e9ecef!important}@media (max-width: 576px){.title-bar{border-radius:.6rem}.title-bar .selector-wrap .company-select{min-width:160px}}@media (max-width: 991.98px){.title-bar.title-bar--stack-mobile{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"left right" "left right";align-items:center}.title-bar.title-bar--stack-mobile .left{grid-area:left}.title-bar.title-bar--stack-mobile .right{grid-area:right;margin-left:0!important;display:flex;align-items:center!important;justify-content:flex-end;flex:0 0 88px;width:88px}.title-bar.title-bar--stack-mobile .company-logo{height:72px!important;max-height:72px!important;width:auto;-o-object-fit:contain;object-fit:contain;box-sizing:border-box;aspect-ratio:3 / 1}.title-bar .selector-wrap .company-select{min-width:150px;width:100%}}.title-bar .selector-wrap{background:#ffffff1a;border:none;border-radius:.55rem;padding:.4rem .8rem;display:flex;align-items:center;gap:.6rem}.title-bar .selector-wrap .form-select{background:transparent!important;color:#111!important;border:none!important;box-shadow:none!important;height:34px!important;padding:.35rem .65rem!important;font-size:.95rem!important;line-height:1.2!important;border-radius:.55rem}.title-bar .selector-wrap label{color:#111!important;font-size:.75rem;font-weight:500;letter-spacing:.25px;padding:.35rem .4rem .35rem 0}.title-bar.dense .selector-wrap{padding:.25rem .55rem}.title-subbar{--subbar-bg:#3b3b99;background:var(--company-brand, var(--subbar-bg, var(--titlebar-bg, #3b3b99)));color:#111;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;border-radius:.75rem;margin:.15rem 0;min-height:46px;overflow:hidden;padding:.35rem .45rem}.title-bar+.title-subbar{--subbar-bg: var(--company-brand, var(--titlebar-bg, #3b3b99))}.title-subbar i{color:#111}.title-subbar{flex-wrap:nowrap}.title-subbar>div:first-child{flex:1 1 auto;min-width:0}.title-subbar>div:last-child{flex:0 0 auto;margin-left:auto;white-space:nowrap}.title-subbar>div span.fw-semibold{font-size:.95rem}.title-subbar>div .js-live-clock{font-size:.95rem}@media (max-width: 576px){.title-subbar>div span.fw-semibold{font-size:.85rem}.title-subbar>div .js-live-clock{font-size:.82rem}.title-subbar>div{padding:.15rem .4rem;gap:.3rem}}.title-subbar>div:last-child{white-space:nowrap}@media (max-width: 576px){.title-subbar>div span.fw-semibold{font-size:.9rem}.title-subbar>div .js-live-clock{font-size:.9rem}}.title-subbar>div{background:#ffffff1a;border:none;border-radius:.55rem;padding:.4rem .8rem;display:flex;align-items:center;gap:.55rem;min-height:32px}.title-subbar.single-line{flex-wrap:nowrap}.title-subbar.single-line>div:first-child{flex:1 1 auto;min-width:0}.title-subbar.single-line>div:last-child{flex:0 0 auto}.title-subbar.single-line>div:only-child{flex:1 1 auto;min-width:0;margin-left:0;white-space:normal}.title-subbar.single-line .user-info-group{white-space:nowrap;min-width:0}.title-subbar.single-line .time-group{flex-wrap:wrap;justify-content:flex-end;white-space:normal;row-gap:.35rem}.title-subbar .time-group .js-live-clock{display:inline-block;min-width:7.5ch;text-align:left}.title-subbar .userbar-state{padding:.28rem .65rem;font-size:.78rem;font-weight:600;border-radius:999px;border:1.5px solid transparent;box-shadow:0 0 0 1px #ffffff40}.title-subbar .user-info-group .userbar-state{margin-left:.35rem}.title-subbar .userbar-state .fa-solid{font-size:.85em}.title-subbar .userbar-state[data-state=IN]{background:#19875429;color:#145230;border-color:#19875473}.title-subbar .userbar-state[data-state=OUT]{background:#dc354529;color:#7d1f29;border-color:#dc354573}.title-subbar .userbar-state[data-state=BREAK]{background:#0d6efd29;color:#0f3f91;border-color:#0d6efd73}.title-subbar .userbar-state[data-state=UNKNOWN],.title-subbar .userbar-state[data-state=SECONDARY],.title-subbar .userbar-state:not([data-state]){background:#6c757d2e;color:#343a40;border-color:#6c757d73}@media (prefers-contrast: more){.title-subbar .userbar-state{box-shadow:none;border-width:2px}}.title-subbar .user-info-group{min-width:0}.title-subbar .user-info-group .fw-semibold{flex:1 1 auto;min-width:0}.title-subbar .user-info-group .userbar-state{flex:0 0 auto;white-space:nowrap}@media (max-width: 576px){.title-subbar>div{flex:1 1 auto;min-width:0}.title-subbar>div .fw-semibold,.title-subbar>div .js-live-clock{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-subbar>div:last-child .fw-semibold,.title-subbar>div:last-child .js-live-clock{overflow:visible!important;text-overflow:clip!important}.title-subbar{flex-wrap:nowrap!important;border-radius:.5rem}.title-subbar>*{min-width:0}}.title-subbar>div span.fw-semibold{max-width:50vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 576px){.title-subbar .time-group{display:none!important}.title-subbar.single-line>div:first-child{margin-right:0}}.title-subbar+.shadowed-box{margin-top:.35rem!important}.title-subbar+div:has(>.shadowed-box){margin-top:.35rem!important}.title-bar:has(+.title-subbar){margin-bottom:0!important}.title-bar+.title-subbar{margin-top:.25rem!important}@media (prefers-color-scheme: dark){.title-bar{box-shadow:0 4px 18px #00000040}.title-subbar{box-shadow:0 2px 12px #00000040}}:is(body.bg-light,body[data-theme=light]) .title-bar,:is(body.bg-light,body[data-theme=light]) .title-bar *,:is(body.bg-light,body[data-theme=light]) .title-subbar,:is(body.bg-light,body[data-theme=light]) .title-subbar *{color:var(--bars-light-text, #111)!important}:is(body.bg-light,body[data-theme=light]) .brand-card-header,:is(body.bg-light,body[data-theme=light]) .brand-card-header *{color:var(--bars-light-text, #343a40)!important}:is(body.bg-dark,body[data-theme=dark]) .title-bar,:is(body.bg-dark,body[data-theme=dark]) .title-bar .view-title,:is(body.bg-dark,body[data-theme=dark]) .title-bar i,:is(body.bg-dark,body[data-theme=dark]) .title-bar label.form-label{color:var(--bars-dark-text, var(--c-text))!important}:is(body.bg-dark,body[data-theme=dark]) .title-bar .selector-wrap .form-select,:is(body.bg-dark,body[data-theme=dark]) .title-bar .selector-wrap label{color:var(--bars-dark-text, var(--c-text))!important}:is(body.bg-dark,body[data-theme=dark]) .title-subbar,:is(body.bg-dark,body[data-theme=dark]) .title-subbar *{color:var(--bars-dark-text, var(--c-text))!important}:is(body.bg-dark,body[data-theme=dark]) .title-subbar .js-live-clock{color:var(--bars-dark-text, var(--c-text))!important}:is(body.bg-dark,body[data-theme=dark]) .title-subbar .userbar-state{box-shadow:0 0 0 1px #00000059}:is(body.bg-dark,body[data-theme=dark]) .title-subbar .userbar-state[data-state=IN]{background:#19875452;color:#b4f0d3;border-color:#198754a6}:is(body.bg-dark,body[data-theme=dark]) .title-subbar .userbar-state[data-state=OUT]{background:#dc354552;color:#ffccd5;border-color:#dc3545a6}:is(body.bg-dark,body[data-theme=dark]) .title-subbar .userbar-state[data-state=BREAK]{background:#0d6efd47;color:#cbdcff;border-color:#0d6efda6}:is(body.bg-dark,body[data-theme=dark]) .title-subbar .userbar-state[data-state=UNKNOWN],:is(body.bg-dark,body[data-theme=dark]) .title-subbar .userbar-state[data-state=SECONDARY],:is(body.bg-dark,body[data-theme=dark]) .title-subbar .userbar-state:not([data-state]){background:#6c757d52;color:#d5d9dd;border-color:#6c757da6}:is(body.bg-dark,body[data-theme=dark]) .brand-card-header,:is(body.bg-dark,body[data-theme=dark]) .brand-card-header *{color:var(--bars-dark-text, #343a40)!important}.footer{font-size:.95rem;min-height:44px}.footer.bg-light{background:#f8f9fa!important}.footer.border-top{border-top:1px solid var(--bs-border-color, rgba(0,0,0,.125))!important}.footer a{color:inherit;text-decoration:none}.footer a:hover,.footer a:focus{text-decoration:underline}@media (max-width: 576px){.footer{padding-top:.5rem!important;padding-bottom:.5rem!important}}:is(body.bg-dark,body[data-theme=dark]) .footer{background-color:#121212!important;border-top-color:var(--c-border, #2a2a2a)!important;color:var(--c-text)!important}:is(body.bg-dark,body[data-theme=dark]) .footer .text-muted{color:var(--c-muted)!important;opacity:.8}@media (max-width: 991.98px){.navbar .navbar-collapse.collapse.show{background:#f8f9fa;padding-bottom:.5rem;max-height:calc(100dvh - var(--navbar-offset, 56px));overflow-y:auto;-webkit-overflow-scrolling:touch}}.navbar .navbar-brand img.brand-logo{max-width:160px!important}.collapse:not(.show){display:none}.navbar-collapse.collapse.show{display:block}@media (min-width: 992px){.navbar-collapse.collapse{display:flex!important}}.navbar.fixed-top{min-height:56px}@media (min-width: 992px){.navbar.fixed-top{min-height:64px}}.navbar .navbar-toggler{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}.navbar .navbar-toggler .navbar-toggler-icon{width:24px;height:24px;background-size:100% 100%;display:inline-block}.navbar-toggler-icon{background:none!important;position:relative}.navbar-toggler-icon:before{content:"";position:absolute;top:50%;left:16%;right:16%;height:.14em;background:currentColor;border-radius:999px;transform:translateY(-50%);box-shadow:0 -.38em 0 currentColor,0 .38em 0 currentColor}#navbarNav{overflow-x:hidden}#mainContent{padding-top:var(--navbar-offset)}body.has-bot-widget #mainContent{padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--bot-widget-safe-area, 6.5rem))}.title-bar{margin-top:0!important}@media (max-width: 991.98px){.navbar .container,.navbar .container-fluid{align-items:flex-start}.navbar .navbar-collapse{flex-basis:100%;width:100%}.navbar-nav{width:100%;align-items:stretch!important;gap:.35rem}.navbar-nav .nav-link{padding-top:.35rem;padding-bottom:.35rem}.navbar-nav .btn-theme-toggle{width:100%;justify-content:center}}:root{--theme-toggle-track-light: #edf0f7;--theme-toggle-track-dark: rgba(255,255,255,.08);--theme-toggle-thumb-light: rgba(255,255,255,.9);--theme-toggle-thumb-dark: rgba(255,255,255,.15);--theme-toggle-border-light: rgba(15,23,42,.15);--theme-toggle-border-dark: rgba(255,255,255,.25)}.btn-theme-toggle{border:1px solid var(--theme-toggle-border-light);background:var(--theme-toggle-track-light);border-radius:999px;padding:.22rem .55rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;color:inherit;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;min-width:auto}.btn-theme-toggle:focus-visible{outline:2px solid var(--bs-primary);outline-offset:3px}.btn-theme-toggle .theme-toggle-pill{position:relative;display:inline-flex;align-items:center;gap:.25rem;border-radius:999px}.btn-theme-toggle .theme-toggle-thumb{position:absolute;inset:-.05rem;border-radius:inherit;background:var(--theme-toggle-thumb-light);opacity:.75;box-shadow:0 6px 18px #0f172a33;transition:background .25s ease,opacity .25s ease,transform .25s ease;transform:scale(1)}.btn-theme-toggle.is-dark .theme-toggle-thumb{background:#0f172a8c;opacity:.5;transform:scale(1.02);box-shadow:0 8px 20px #00000059}.btn-theme-toggle .theme-toggle-icon,.btn-theme-toggle .theme-toggle-text{position:relative;z-index:1}.btn-theme-toggle .theme-toggle-icon i{font-size:1rem;transition:transform .25s ease,color .25s ease}.btn-theme-toggle .theme-toggle-icon{width:1.6rem;height:1.6rem;border-radius:50%;position:relative;display:inline-flex;align-items:center;justify-content:center;background:#fdf6d3;box-shadow:inset 0 0 0 1px #0f172a14,0 2px 5px #0f172a1f;overflow:hidden}.btn-theme-toggle .theme-toggle-icon:before,.btn-theme-toggle .theme-toggle-icon:after{content:"";position:absolute;border-radius:50%;transition:transform .25s ease,opacity .25s ease}.btn-theme-toggle .theme-toggle-icon:before{width:.9rem;height:.9rem;background:#f4b400;box-shadow:0 0 0 .08rem #f4b40073}.btn-theme-toggle .theme-toggle-icon:after{width:1.35rem;height:1.35rem;border:.18rem solid rgba(244,180,0,.45);opacity:.7}.btn-theme-toggle.is-dark .theme-toggle-icon{background:#0b1426;box-shadow:inset 0 0 0 1px #0f172a40,0 2px 6px #00000040}.btn-theme-toggle.is-dark .theme-toggle-icon:before{background:#e0e7ff;width:1.1rem;height:1.1rem;box-shadow:none;transform:translate(.25rem)}.btn-theme-toggle.is-dark .theme-toggle-icon:after{width:1.1rem;height:1.1rem;background:#0b1426;border:none;transform:translate(-.1rem);opacity:1}.btn-theme-toggle .theme-toggle-text{font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:capitalize;color:#0f172a}.btn-theme-toggle.is-dark{border-color:var(--theme-toggle-border-dark);background:#ffffff0d;color:var(--bars-dark-text, var(--c-text))}.btn-theme-toggle.is-dark .theme-toggle-icon{background:#f8f9ffeb;color:#0c1b38;box-shadow:inset 0 0 0 1px #0f172a0d,0 2px 6px #00000047}.btn-theme-toggle.is-dark .theme-toggle-text{color:var(--bs-body-color, #f8fafc)}.btn-theme-toggle.is-dark .theme-toggle-icon i{color:inherit;transform:rotate(12deg)}:is(body.bg-dark,body[data-theme=dark]) .btn-theme-toggle{border-color:var(--theme-toggle-border-dark);background:#ffffff0a}:is(body.bg-dark,body[data-theme=dark]) .btn-theme-toggle .theme-toggle-thumb{background:var(--theme-toggle-thumb-dark);opacity:.55}.navbar-nav .btn-theme-toggle{min-width:auto}@media (max-width: 576px){.btn-theme-toggle{padding:.2rem .35rem;gap:.2rem}.btn-theme-toggle .theme-toggle-text{display:none}.btn-theme-toggle .theme-toggle-icon i{font-size:.95rem}}
