.brand-logo{display:block;width:76px;height:auto;aspect-ratio:5/4;object-fit:contain;padding:3px;background:#fff;border:1px solid #dbe4ee;border-radius:7px;flex-shrink:0}
.appbar .brand{gap:13px;line-height:1.3;flex-shrink:0;padding:10px 0}
.appbar-inner{min-height:88px}
.login-shell{padding-top:38px}
.login-shell .brand{gap:18px;margin-bottom:27px;line-height:1.35}
.login-shell .brand-logo{width:112px;padding:4px;border:0;border-radius:10px;box-shadow:0 4px 14px #00000012}
.login-card{box-shadow:0 12px 38px #102b4910}
.login-card .welcome-icon{width:39px;height:39px;margin-bottom:17px}
.login-card h1{font-weight:750}
.login-card .subtitle{margin-bottom:23px}
.finance-panel h2,.company-directory h2{font-weight:750}
dialog .dialog-heading{gap:18px}
body:has(dialog[open]){overflow:hidden}
.finance-form-grid textarea:focus-visible{outline:3px solid #2373c8;outline-offset:3px}
@media(max-width:1200px){.appbar-inner{gap:24px}.appbar .brand{font-size:15px;gap:11px}.brand-logo{width:68px}}
@media(max-width:800px){.appbar-inner{gap:0 15px;padding-top:8px}.appbar .brand{padding:4px 0}.brand-logo{width:64px}.appbar nav{margin-top:8px}.account-actions{gap:10px}}
@media(max-width:480px){.appbar-inner{padding-top:8px}.appbar .brand{font-size:13px;gap:9px}.brand-logo{width:60px}.appbar .brand small{font-size:7px;letter-spacing:.12em}.login-shell{padding-top:24px}.login-shell .brand{gap:15px;font-size:17px;margin-bottom:23px}.login-shell .brand-logo{width:96px}.login-card{padding:25px 24px 0}.login-card .welcome-icon{margin-bottom:15px}}