:root{--ha-accent: #4f46e5}body{background-color:#f6f7fb}.ha-navbar{background-color:var(--ha-accent)}.brand-mark{font-weight:700;letter-spacing:-.02em}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:100%;max-width:380px}.btn-primary{--bs-btn-bg: var(--ha-accent);--bs-btn-border-color: var(--ha-accent);--bs-btn-hover-bg: #4338ca;--bs-btn-hover-border-color: #4338ca;--bs-btn-active-bg: #3730a3;--bs-btn-active-border-color: #3730a3}.text-primary{color:var(--ha-accent)!important}.key-value{font-family:var(--bs-font-monospace);word-break:break-all}.ha-sidebar{width:240px;flex-shrink:0;background-color:#fff;border-right:1px solid var(--bs-border-color);min-height:calc(100vh - 56px)}.ha-sidebar .nav-link,.offcanvas .nav-link{color:#333}.ha-sidebar .nav-link.active,.offcanvas .nav-link.active{background-color:var(--ha-accent);color:#fff}.min-w-0{min-width:0}@media (min-width: 1200px){.help-sidebar{position:sticky;top:1rem}}