:host{display:block;position:relative;z-index:1100;min-height:78px;font:14px/1.4 Onest,Inter,Arial,sans-serif;color:#20334a;color-scheme:light}
:host([hidden]){display:none!important}*{box-sizing:border-box}[hidden]{display:none!important}
.header{position:relative;display:flex;align-items:center;gap:16px;width:100%;height:78px;padding:0 24px;background:#fff;border-bottom:1px solid #e3ebf2}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0;background:transparent}a:focus-visible,button:focus-visible{outline:2px solid #1765ef;outline-offset:3px}
.brand{width:50px;min-width:50px;height:64px;display:grid;place-items:center}.brand img{display:block;width:50px;height:64px;object-fit:contain}
.navigation{display:flex;align-items:center;gap:4px;margin-left:auto}.navigation a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;color:#374151;font-size:14px;font-weight:500;white-space:nowrap}.navigation a:hover{color:#1765ef}.navigation a[aria-current=page]{color:#1765ef;font-weight:600}.navigation a[aria-current=page]:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:#1765ef;border-radius:2px}
.actions{display:flex;align-items:center;gap:3px;margin-left:8px;min-height:36px}.actions button{position:relative;display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:10px;color:#526c87}.actions button:hover,.actions button[aria-expanded=true]{background:#eef5ff;color:#1765ef}.actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.avatar{display:grid;place-items:center;width:29px;height:29px;overflow:hidden;border-radius:50%;background:#86a7cd;color:#fff;font-size:12px;font-weight:700}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:1px;right:1px;min-width:7px;height:7px;border-radius:99px;background:#e14762;box-shadow:0 0 0 2px #fff}.pending{width:72px;height:29px;border-radius:10px;background:#f2f5f9}.actions .login{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:64px;min-height:36px;padding:0 13px;border:1px solid #dce6ef;border-radius:12px;color:#1765ef;background:#fff;font-size:14px;white-space:nowrap}.actions .login:hover{background:#f6f9ff;border-color:#adc9ec}
.panel{position:absolute;top:70px;right:20px;z-index:20;width:250px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 86px);overflow:auto;padding:8px;border:1px solid #dce6ef;border-radius:14px;background:#fff;box-shadow:0 12px 32px #203a5929}.panel strong{display:block;padding:7px 10px;color:#24415f;font-size:13px;overflow-wrap:anywhere}.panel a,.panel button{display:block;width:100%;min-height:35px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:#294863;text-align:left;font:inherit;font-size:13px;overflow-wrap:anywhere}.panel a:hover,.panel button:hover{background:#edf4ff;color:#1765ef}.panel p{margin:8px 10px;color:#7188a0;font-size:13px;line-height:1.4}.panel [role=alert]{color:#9d303d}.panel .logout{border-top:1px solid #e8edf2;margin-top:5px;border-radius:0 0 9px 9px}.imports button{padding-left:21px;color:#627a94}.branches:empty{display:none}.notifications{width:310px;right:57px}.notification-list a{display:grid;gap:4px}.notification-list span{font-size:12px;color:#7188a0}.mobile a[aria-current=page]{color:#1765ef;font-weight:600}
@media(min-width:901px){.actions .mobile-toggle{display:none}}
@media(max-width:900px){.header{padding:0 16px}.navigation{display:none}.actions{margin-left:auto}.panel{right:12px}.notifications{right:48px}}
@media(min-width:1440px){:host{min-height:94px}.header{height:94px}.brand{width:74px;min-width:74px;height:88px}.brand img{width:74px;height:88px}.panel{top:86px;max-height:calc(100dvh - 102px)}}
@media print{:host{display:none}}