:root{--navbar-bg: rgba(248, 247, 244, .92);--navbar-width: 260px;--navbar-collapsed-width: 72px;--navbar-text: #374151;--navbar-text-active: #cc6633;--navbar-accent: #cc6633;--navbar-border: rgba(220, 215, 205, .4);--navbar-hover: rgba(204, 102, 51, .06);--navbar-top-bg: var(--header-bg, #fcf6ee);--navbar-top-border: var(--header-border, rgba(204, 102, 51, .15));--navbar-transition: .3s cubic-bezier(.4, 0, .2, 1);--navbar-z-index: 1000;--header-height: 60px}*{box-sizing:border-box}.navbar{position:relative;z-index:var(--navbar-z-index);width:100%;height:100%;margin:0;padding:0}.navbar__container{position:fixed;left:0;top:0;bottom:0;width:var(--navbar-width);background-color:var(--navbar-bg);transition:width var(--navbar-transition);z-index:var(--navbar-z-index);display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000f;overflow:visible;cursor:w-resize;margin:0;padding:0}.navbar--collapsed .navbar__container{width:var(--navbar-collapsed-width);cursor:e-resize}html.navbar-pre-collapsed .navbar__container{width:var(--navbar-collapsed-width);transition:none!important}@media (max-width: 1024px){.app-navbar.mobile-open .navbar__container{width:64vw}.navbar__container{display:flex;flex-direction:column;height:100vh;background-color:var(--navbar-bg);box-shadow:none}.app-navbar.mobile-open .navbar__container{box-shadow:4px 0 24px #0003}.navbar__menu{flex:1;overflow-y:auto;padding:16px 12px}.navbar__user{margin-top:auto;padding:16px;border-top:1px solid var(--navbar-top-border);background-color:var(--navbar-top-bg);flex-shrink:0}}.navbar__header{height:60px;padding:0 12px;margin:0;border-bottom:1px solid var(--navbar-top-border);display:flex;align-items:center;justify-content:flex-end;background-color:var(--navbar-top-bg);flex-shrink:0;cursor:inherit;position:relative;box-sizing:border-box}.navbar__header:after{display:none}.navbar--collapsed .navbar__header{padding:0 12px}.navbar__logo{position:absolute;left:26px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;cursor:pointer;z-index:10;margin:0;padding:0}.navbar--collapsed .navbar__logo{left:26px}.navbar__logo-icon{width:24px;height:24px;background:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none;position:relative;margin:0;cursor:pointer}.navbar__logo-icon svg{width:20px;height:20px;color:var(--navbar-text)}.navbar__logo-icon .arrow{display:none;position:absolute}.navbar:not(.navbar--collapsed) .navbar__header:hover .navbar__logo-icon .symbol{display:none}.navbar:not(.navbar--collapsed) .navbar__header:hover .navbar__logo-icon .arrow--left{display:block}.navbar.navbar--collapsed .navbar__header:hover .navbar__logo-icon .symbol{display:none}.navbar.navbar--collapsed .navbar__header:hover .navbar__logo-icon .arrow--right{display:block}.navbar__logo-text{display:flex;align-items:center;transition:opacity var(--navbar-transition),visibility var(--navbar-transition);white-space:nowrap;margin:0;padding:0}html.navbar-pre-collapsed .navbar__logo-text,.navbar--collapsed .navbar__logo-text{opacity:0;visibility:hidden;width:0;overflow:hidden}.navbar__brand{font-size:16px;font-weight:600;color:var(--navbar-text-active);line-height:1;white-space:nowrap;margin:0;padding:0}.navbar__brand-logo{font-size:16px;font-weight:700;color:var(--navbar-text-active);line-height:1;letter-spacing:-.01em}.navbar__brand-logo svg{display:none!important}.navbar__brand-logo:after{content:"Your Company";display:inline-block}.navbar__collapse{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--navbar-border);border-radius:8px;cursor:pointer;transition:all var(--navbar-transition);flex-shrink:0;margin:0}.navbar__collapse:hover{background-color:var(--navbar-hover);border-color:var(--navbar-border)}.navbar__collapse:hover svg{color:var(--navbar-accent)}.navbar__collapse svg{width:16px;height:16px;color:var(--navbar-text);transition:color .2s ease;pointer-events:none}.navbar--collapsed .navbar__collapse{opacity:0;transform:scale(0);pointer-events:none}.navbar__menu{flex:1;padding:24px 12px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.08) transparent;cursor:inherit;min-height:0}.navbar__menu::-webkit-scrollbar{width:6px}.navbar__menu::-webkit-scrollbar-track{background:transparent}.navbar__menu::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}.navbar__menu::-webkit-scrollbar-thumb:hover{background:#0000001f}.navbar--collapsed .navbar__menu{overflow-x:visible}.navbar--collapsed .navbar__link-badge{position:relative;z-index:2}.navbar__link{display:flex;align-items:center;gap:12px;padding:0 16px;height:44px;min-height:44px;margin-bottom:4px;color:var(--navbar-text);text-decoration:none;border-radius:12px;transition:all .2s ease;position:relative;background-color:transparent;cursor:pointer;overflow:visible}.navbar--collapsed .navbar__link{overflow:visible}.navbar__link:hover{color:var(--navbar-text);background-color:var(--navbar-hover)}.navbar__link.active{color:var(--navbar-accent);background-color:#cc66331a}.navbar__link.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:24px;background-color:var(--navbar-accent);border-radius:0 3px 3px 0}.navbar__link-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.navbar__link-icon svg{width:100%;height:100%}.navbar__link-text{font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;opacity:1;visibility:visible;transition:opacity var(--navbar-transition),visibility var(--navbar-transition);overflow:hidden;text-overflow:ellipsis;flex:1}.navbar__link-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center;position:relative;z-index:2}.navbar__link-badge.badge--empty{background:transparent;border:1px solid #d6d3d1;color:#9ca3af}.navbar__link-badge.badge--filled{background:#ef4444;color:#fff;border:none}.navbar--collapsed .navbar__link-text,.navbar--collapsed .navbar__link-badge{opacity:0;visibility:hidden;width:0;overflow:hidden}@media (min-width: 769px){html.navbar-pre-collapsed .navbar__link-text,html.navbar-pre-collapsed .navbar__link-badge{opacity:0;visibility:hidden;width:0;overflow:hidden}}.navbar__link{position:relative}#navbar-today-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%) scale(1);transition:transform var(--navbar-transition),opacity .2s ease;pointer-events:none;z-index:2}.navbar--collapsed #navbar-today-badge{opacity:1!important;visibility:visible!important;width:auto!important;overflow:visible!important;transform:translateY(-170%) scale(.78);box-shadow:0 0 0 1px #00000059}.navbar--collapsed .navbar__link{justify-content:flex-start;padding:0 16px}.navbar__link-tooltip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background-color:#1a1a1a;color:#fff;padding:6px 10px;border-radius:6px;font-size:13px;white-space:nowrap;box-shadow:0 4px 12px #0003;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1000}.navbar__link-tooltip:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #1a1a1a}.navbar--collapsed .navbar__link:hover .navbar__link-tooltip{display:none!important}.navbar__user{display:flex;align-items:center;justify-content:flex-start;height:76px;min-height:76px;padding:14px 12px;border-top:1px solid var(--navbar-top-border);background-color:var(--navbar-top-bg);flex-shrink:0;box-sizing:border-box}.navbar__user-toggle{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px;background-color:#ffffff0d;border:1px solid var(--navbar-border);border-radius:12px;color:var(--navbar-text);font:inherit;cursor:pointer;transition:width .3s cubic-bezier(.4,0,.2,1),background .2s,border .2s;-webkit-user-select:none;user-select:none;box-sizing:border-box;padding:0 18px 0 6px;gap:12px;overflow:hidden;min-width:48px;max-width:100%}.navbar--collapsed .navbar__user-toggle{width:48px}.navbar__user-toggle:hover,.navbar__user-toggle:active{background-color:#ffffff14;color:var(--navbar-text);cursor:pointer}.navbar__user-toggle[aria-disabled=true]{cursor:default;pointer-events:none;opacity:.7}.navbar--collapsed .navbar__user-toggle{cursor:e-resize}.navbar:not(.navbar--collapsed) .navbar__user-toggle{cursor:w-resize}.navbar__user-button,.navbar__user-button:hover,.navbar__user-button:focus{background:none!important;box-shadow:none!important;cursor:default!important;pointer-events:none!important}.navbar__user-button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 10px 10px 18px;background-color:#ffffff0d;border:1px solid var(--navbar-border);border-radius:12px;cursor:pointer;transition:all .2s ease;color:inherit}.navbar--collapsed .navbar__user-button{justify-content:center;padding:10px}@media (min-width: 769px){html.navbar-pre-collapsed .navbar__user-button{justify-content:center;padding:10px}}.navbar__user-button:hover{background-color:#ffffff14}.navbar__user-avatar{width:36px;height:36px;background:#eef2fb;border:1px solid rgba(220,215,205,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px #00000014}.navbar__user-avatar svg{width:20px;height:20px;color:#1e3a8a}.navbar__user-info{transition:opacity var(--navbar-transition),visibility var(--navbar-transition);opacity:1;visibility:visible}.navbar--collapsed .navbar__user-info{opacity:0;visibility:hidden;position:absolute;left:-9999px}@media (min-width: 769px){html.navbar-pre-collapsed .navbar__user-info{opacity:0;visibility:hidden;position:absolute;left:-9999px}}.navbar__user-name{display:block;font-size:14px;font-weight:600;color:var(--navbar-text);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar__user-role{display:block;font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.app-layout{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"header" "main"}.app-navbar{position:fixed;top:0;left:-100%;width:80%;height:100vh;z-index:2000;transition:left var(--layout-transition)}.navbar__container{position:relative;left:0;width:100%;transition:none}.app-navbar.mobile-open{left:0;box-shadow:4px 0 24px #0003}.app-navbar.mobile-open .navbar__container{width:80vw}.navbar--collapsed .navbar__container{width:var(--navbar-width)}.navbar--collapsed .navbar__logo-text,.navbar--collapsed .navbar__link-text,.navbar--collapsed .navbar__link-badge,.navbar--collapsed .navbar__user-info{opacity:1;visibility:visible;width:auto}.navbar__collapse{display:none!important}.navbar__container,.navbar--collapsed .navbar__container{cursor:default}.app-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1999;opacity:0;transition:opacity var(--layout-transition)}.app-overlay.active{display:block;opacity:1}.app-main,body.navbar-collapsed .app-main,.app-layout.navbar-collapsed .app-main{padding:16px}}@media (max-width: 768px){.navbar__container{display:flex;flex-direction:column;height:100vh;background-color:var(--navbar-bg);box-shadow:none}.app-navbar.mobile-open .navbar__container{box-shadow:4px 0 24px #0003}.navbar__header{height:60px;min-height:60px;padding:0 20px;justify-content:space-between;flex-shrink:0;border-bottom:1px solid var(--navbar-border)}.navbar__logo{position:relative;left:0;top:0;transform:none;display:flex;align-items:center;gap:12px}.navbar__logo-icon{width:20px;height:20px}.navbar__logo-text{display:flex!important;opacity:1!important;visibility:visible!important;width:auto!important}.navbar__menu{flex:1;overflow-y:auto;padding:16px 12px}.navbar__user{margin-top:auto;padding:16px;border-top:1px solid var(--navbar-border);background-color:#0003;flex-shrink:0}.navbar__user-toggle{width:100%;justify-content:flex-start;cursor:default;background-color:#ffffff0d}.navbar--collapsed .navbar__user-toggle{width:100%}.navbar__link{height:48px;min-height:48px;padding:0 20px;justify-content:flex-start}.navbar__link:hover{background-color:#ffffff0d}.navbar__link-tooltip,.navbar__collapse{display:none!important}}